/* ------------------------------------------
Tourism Victoria - Pieces of Victoria Style Sheet
Author - Tourism Victoria - (benbailey.com.au)
Date - 27/01/2005
------------------------------------------ */

#wrapper
{
border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; width: 85%;
min-width: 712px;
margin: 0 auto;
text-align: left;
background: #FFF;
border-top: 0px none;
}

#header
{
height: 85px;
overflow: hidden;
background: #336699 url('banner_bg.jpg') no-repeat top right;
}

#header img
{
border-right: 1px solid #FFF;
}

#drop 
{ 
width: 720px; /* stops IE from dropping the header at small window sizes */
}

#header #drop h1
{
display: none;
}

h1#main
{
font-size: 1.4em;
display: block;
color: #FFF;
border-top: 1px #FFF solid;
padding: 5px 0 5px 20px;
margin: 0;
background: #010066;
text-shadow: none;
}

#mainColumn
{
float: left;
width: 75%;
margin: 16px 0 30px 0;
}

#mainColumnPrint /* for the page with all the articles in one dump... kinda stange but it works! */
{
margin: 0 0 30px 0;
}

#mainColumnPrint h2
{
padding-top: 20px;
}

/* .image
{
margin: 10px;
padding: 5px;
} */

/* .image img
{
border: 1px solid #CCC;
padding: 5px;
margin-left: 20px;
} */

#mainColumn img, #mainColumnPrint img
{
float: right;
border: 1px solid #CCC;
margin: 10px 10px 10px 20px;
padding: 5px;
}

#mainColumn .lefty
{
float: left;
border: 1px solid #CCC;
margin: 10px 10px 10px 0px;
padding: 5px;
}


#mainColumnPrint img 
{
clear: right;
margin-right: 20px;
}

#sideColumn
{
float: right;
width: 25%;
width: 21%; /* hack cause IE gets the width wrong */
margin: 10px 0 30px 0;
}

.sideSub
{
margin: 5px 5px 10px 0;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #ffe #F7F1E8 #ccc #fff;
background: #F7F1E8;
}

.sideSub img
{
margin: 10px;
}

.sideSub ul
{
list-style-type: none;
margin-left: 0;
}

.b2
{
background: #F8F3E7;
border: 1px solid #CCC;
padding: 10px;
margin: 10px 10px 10px 20px;
}

/* Right-hand nav - thanks to http://css.maxdesign.com.au/listamatic/vertical13.htm */
#navcontainer
{
background: #f0e7d7;
text-align: center;
width: 100%;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
}

ul#navlist li 
{
display: block;
margin: 0;
padding: 0;
}


ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0.5em 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #660066;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background: transparent;
border-color: #aaab9c #ccc #fff #ccc;
}

#footer 
{
clear: both;
text-align: center;
border-top: 1px solid #CCC;
padding: 15px 0 10px 0;
}

#printFriendly, #printFriendly2, #smallText, #largeText
{
height: 20px;
padding-left: 24px;
cursor: help;
background: url('print.png') no-repeat;
}

#smallText
{
background: url('small_text.png') no-repeat;
}

#largeText
{
background: url('large_text.png') no-repeat;
}

.subContent .subImage
{
float: right;
padding: 5px;
margin: 0 10px 10px 10px;
_margin: 0 0 10px 10px;
}

.subImage img
{
padding: 5px;
border: 1px solid #CCC;
margin-bottom: 3px;
}

.subImage p
{
font-style: italic;
text-align: center;
}

#conditions
{
margin-top: 40px;
}

/* start html tag guff */
body
{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 80%;
text-align: center;
background: #F7F2EA url('body_bg.png');
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-weight: bold;
font-variant: normal;
color: #333;
text-shadow: 3px 3px 1px #C4C4C4;
padding-right: 15px;
}

h1
{
font-size: 1.5em;
margin: 0 10px 10px 20px;
padding-bottom: 3px;
border-bottom: 1px solid #CCC;
}

h2
{
font-size: 1.35em;
margin: 0 10px 10px 20px;
}

h3, h4, h5, h6
{
font-size: 1.2em;
margin: 0 10px 3px 20px;
}

p
{
font-size: 1.0em;
color: #333;
line-height: 1.55em;
padding: 0 10px 8px 0;
margin: 0 0 10px 20px;
}

a
{
font-size: 1.0em;
color: #006;
text-decoration: none;
border-bottom: 1px dotted;
_border-bottom: 1px solid;
}

a:visited, a:visited:after
{
color: #666;
text-decoration: none;
content: "\00A0\221A";
}

a:hover
{
color: #800000;
text-decoration: none;
border-bottom: 1px solid;
border-bottom: 0;
}

ul
{
color: #333;
margin: 1px 0 5px 25px;
padding: 0 10px 10px 10px;
}

ol
{
color: #333;
list-style-position: outside;
list-style-type: numeral;
margin: 1px 0 5px 28px;
padding: 0 10px 10px 10px;
}

li
{
margin: 7px 0 7px 0;
}

#mainColumn li
{
line-height: 1.55em;
margin: 7px 0 7px 0;
}


dl
{
list-style-position: outside;
list-style-type: disc;
margin: 1px 0 5px 24px;
padding: 0 10px 10px 10px;
}

dt
{
line-height: 1.45em;
font-weight: bold;
}

dd
{
line-height: 1.45em;
padding: 0;
margin: 0;
}

acronym
{
border-bottom: 1px dotted #333;
cursor: help;
}

img
{
border: 0px none;
}

label { display: block; cursor: pointer; font-size: 1.1em; margin-top: 1em; }
fieldset { padding: 10px 10px 20px 10px; margin: 15px 5px; border: 1px solid #DDD;
background-color: #FFF;}
legend  { font-weight: bold; color: #000; font-size: 1.1em; }
legend img { text-align: center; }
form { margin: 0; padding: 0; }
label strong, legend strong { color: red; }