html { background: #808080; margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #808080; font: normal 12px tahoma, arial; }

#container{ position:relative; width:941px; background:#f9f9f9 url(images/container-bg.gif) top left repeat-y; margin:auto auto; padding: 0; overflow:hidden; text-align: left; z-index:1; }

#leftcol { width:308px; float:left; background: url(images/logo-bg.gif) top center no-repeat fixed; padding: 0px 0px; margin: 0; padding-bottom:4000px; margin-bottom:-4000px; }
 #leftcol #nav { margin: 0; padding: 1px; }
#content { float:left; padding: 165px 15px 40px 15px; margin:0; padding-bottom:4000px; margin-bottom:-4000px; text-align:left;  width:602px; }
 #content.csmall { width:400px; }
#content.clarge { }
#rightcol { width: 200px; float:left; background:#fa0; padding: 10px 5px; overflow:hidden; margin: 0; padding-bottom:4000px; margin-bottom:-4000px; }

.box { margin: 0 5px 10px 5px; padding: 9px; background: url(images/content-bg-alpha.png) left top repeat; border: 1px solid #ccc; }
.box { float: left; width: 271px; }
.boxlarge { width: 571px; }

h1 { margin: 0px; padding: 0; } 
h1 a { text-indent: -9999px; margin: 60px 0px 18px 70px; background: transparent url(images/logo-index.gif) center top no-repeat; display: block; width: 208px; height: 86px; } 

h2 { margin: 0; padding: 0px 0; color: #066BC7; font-family: tahoma, arial; font-size: 21px; font-weight: normal; }
h2 a { text-decoration: none; color: #066BC7; }
h2 a:hover { color: #FF690F; }

h3 { color: #444; font-weight: bold; font-size: 16px; margin: 0; padding: 0; }

p { line-height: 20px; }
a { color: #184466; text-decoration: underline; }
a:hover { color: #FF690F; text-decoration: underline; }

.menu { text-align: right; list-style: none; width: 150px; float: right; margin: 0 25px 20px 0; }
.menu li { padding: 1px 0; }
.menu li a { font: bold 12px Arial; color: white; text-decoration: none; display: block; padding: 5px 10px; }
.menu li a:hover, .menu li.current a:hover { background: url(images/menu-hover-bg.png) left top repeat; border: 1px dotted #777; padding: 4px 9px; }
.menu li.current a { background: url(images/menu-hover2-bg.png) left top repeat; border: 1px dotted #777; padding: 4px 9px; }

.more { float: right; font: bold 11px arial; font-style: italic; }

#footer-container{ clear: both; border-top: 1px solid #777; padding: 5px 0 30px 0; }
#footer { width: 941px; margin: 0 auto; }
 #footer p { padding: 3px 15px; margin: 0; font-size: 10px; float: left; color: #444; border-right: 1px dotted #666; }

ul#websites { list-style: none; margin: 15px 0 0 0; padding: 0; }
ul#websites li { padding: 0 5px 3px 0; float: left; }
ul#websites li a img { padding: 1px; margin: 0; filter:alpha(opacity=50) gray; -moz-opacity:.50;opacity:.50; border: 1px solid #666; }
ul#websites li a:hover img {filter:alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; border: 1px solid #555; } 
ul#websites li a { padding: 0; margin: 0; }
ul#websites li a:hover { }

.mainul { list-style: none; margin: 15px 0; padding: 0; border-top: 1px solid #ccc; font: bold 11px arial;}
.mainul li { border-bottom: 1px solid #ccc; }
.mainul li span { margin-top: 2px; width: 50px; float: left; color: #888; font-size: 10px; }
.mainul li a { padding: 6px 10px; display: block; text-decoration: none; color: #184466; }
.mainul li a:hover { color: #000; background: url(images/content-bg-alpha.png) left top repeat; }

.our-address { font-style: normal; padding-left: 20px; }
.our-address strong { }
.our-address span { display: block; color: #666; margin-left: -20px; font-style: italic; font-size: 10px; padding-bottom: 5px; }

.newsimg { float: right; border: 1px solid #ccc; margin-left: 20px; padding: 2px;}
.newsintro { font: bold 12px tahoma, arial; line-height: 20px; }
.newsdate { display: block; padding: 8px; background: url(images/content-bg-alpha2.png) left top repeat; font: 10px tahoma, arial; color: #666; }

hr.clearer {display:block; height:0.1em; clear:both; visibility:hidden; }