/* CSS Document Terms and Conditions*/
html {color: auto; 
} 
body {background-color:#66FFFF;
max-width: 70em; 
font-family: sans-serif; 
font-size:9pt;
color: #003333; 
margin: auto; 
padding: 0; 
text-align: center;
} 
.head {margin: 0px;
width: 100%; 
} 
.col1 { 
float: left; 
width: 15%; 
} 
.col2 { 
float: left; 
width: 70%; 

} 
.col3 { 
float: left; 
width: 14%; 
} 
.foot { 
float: left; 
clear: both; 
width: 100%; 
} 
.header { 
padding: 0.1em; 
margin: 0.1em 0.3em 1em 0.7em; 
clear: both;
} 
#centred {text-align: center; vertical-align: top;}
.left { 
padding: 1em; 
margin: 0 0.5em 0.5em em; 
} 
.main { 
border: 1px solid #000066;/* dark green border */ 
padding: 1em; 
margin: 0 1em 1em 0; 
background: #ffffff;
font-size: 8.7pt; color:#000033; font-family: Verdana, sans-serif; text-align:left;
line-height: 140%;} 
.right { 
padding: 1em; 
margin: 0 0.9em 1em 0; clear: both;
} 
.footer { 
padding: 1em; background-color: #66ffff;
margin: 0 0.9em 1em 1.3em; 
} 
h1, h2 { text-align: center; color:#000033;}
h1 {font-size: 12pt;}
h2 {font-size: 10.5pt;}
.clearleft {clear: left; 
  clear:both;
  font-size:.0001%;
  height:0;
}
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.style2 {color: #66FFFF}

#list ul{margin: 6px 0px 6px 0px; font-size: 8.7pt; list-style-type:decimal; line-height: 140%; text-align: left; font: "Verdana, Helvetica, sans serif"; color:#000033;}
.bold {font-weight: bold;}
a {font-weight: bold; font-size: 8.0pt; color:#000033; text-align: center; text-decoration: none;}
a:hover, a:active {color:#FF3333;}
.centre {text-align: center;}
.top {width: 25px; padding: 5px;text-align: center; font-weight: bold; font-size: 14px; border: 1px solid #000033; background-color:#FFFF66;}
.admin {width: 100%; text-align: center;}
.date, .maisons {text-align: center; padding: 2px; font-size: 6.4pt; font-family: Verdana, Helvetica, sans-serif;}
.admin, .date {border: 0px; background-color:#66FFFF; }
.date {width: 20%;}
.back {width: 200px; padding: 5px;text-align: left; font-weight: bold; font-size: 10.5px; border: 1px solid #000033; background-color:#FFFF66;}
.top a, .back a {font-size: 7.5pt;}
.rightfl {float: right;}
.leftfl {float: left;}
.clear {clear: both;}
.smallbtn {width: 50px; height: 20px; color:#33CCFF; font-size: 9.5px; text-align: center; padding: 2px; font-weight: bold; border: 1px solid #33ccff;}
.smallbtn a {color:#33CCFF;}
hr {width: 575px; height: 1px; background-color:#000033; color: #000033; text-align: center;}
/*vertical navigation for info pages in left column*/
#navcontainer
{
background: #66ffff;
width: 100%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 8px;
text-align: left;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 95%;
padding: 0.8em 0.5em 0.8em 0.5em;
border-width: 1px;
border-color: #ffc #aaab9c #959F17 #fff;
border-style: solid;
color:#333366;
text-decoration: none;
background-color:#FFFF66;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #ffff66;
color: #333366;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #333366;
background: #99ffff;
border-color: #0099A6 #EAFFFF #EAFFFF #00BDCC;
}

#html {height: 1%;}
