/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ background-color: #bccca9; background-image: url(images/tile.gif); width:800px; text-align:left; margin-left:auto; margin-right:auto; border-left: 2px groove #abc9ee; border-bottom: 2px groove #abc9ee; border-right: 2px groove #abc9ee; }
#topheader{ color: #699; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; position:relative; height:22px; background-color:#d2e3fc; text-align: center; width:100%; padding-top: 10px; border-bottom: 1px inset #699; }
#header{ position:relative; height:226px; background-color:#bccca9; background-image: url(images/header.jpg); background-repeat: no-repeat; width:100%; }
#title{ position:relative; height:77px; background-color:#bccca9; background-image: url(images/title.gif); background-repeat: no-repeat; width:100%; }
#leftcol{ background-image: url(images/tile.gif); background-repeat: repeat; width:180px; float:left; position:relative; padding-top: 25px; }
 
#maincol{ color: #666; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; background-color: #ffffff; float: right; display:inline; position: relative; width:560px; padding: 15px 20px 10px; border-left: 2px ridge #699; }
.style { color: #ff6900; font-size: 14px; font-style: italic; }
#footer{ font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; height:20px; background-color:#d2e3fc; text-align: center; clear:both; padding-top: 10px; border-top: 2px groove #699; } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
 /*buttons*/ 
#navcontainer
{
background: #bccca9;
width: 170px;
margin: 0 auto;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
}
ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}
ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
text-decoration: none;
background: #6e9dad;
}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
h3 { color: #699; font-size: 16px; font-weight: bold; margin: 1em 320px 1em 0; border-bottom: 1px solid #cc9; }
b { color: #699; padding-bottom: 10px; }
img { text-align: right; float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; padding: 4px; border: ridge 1px #abc9ee; }
em { font-size: 11px; font-style: italic; text-align: center; }
