@charset "utf-8";

/* base */
#pageWrapper {margin: 0;width: auto;min-width: 500px;}

html>#pageWrapper{width: auto;min-width: 500px;}

#outerColumnContainer{z-index: 1; border-color: #fff; border-style: solid; border-width: 0 190px;}
#innerColumnContainer{z-index: 2; width: 100%;}
* html #innerColumnContainer{position: relative;}
#contentColumn{margin: 0 -1px; width: 100%; padding:.5em 0;}
#leftColumn, #rightColumn, #contentColumn{float: left; position: relative; z-index: 10;	overflow: visible;}
#rightColumn{ float: right;	width:190px; margin: 0 -190px 0 1px;}
#leftColumn{width:190px; margin: 0 1px 0 -190px;}
#footer{position: relative;}
#masthead h1{display: inline;}

.clear{clear: both; padding-bottom: 1px; margin-bottom: -1px;}
#masthead .inside{text-align:right;}
.hide, #oldBrowserNotice, .ieSixCharDupBug{display: none !important;}
#contentColumn{border-width: 0;}
img {border: none;}	
* html #pageWrapper{word-wrap: break-word;}
#marquee {color:#333;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;font-size:11px;background-color: #eec;padding:2px;}

/* hnav */
.hnav{border-bottom: solid 1px #fff;text-align: center;}
.hnav, .hnav ul li a{padding-top: 3px;padding-bottom: 4px;}
.hnav ul, .hnav ul li{display: inline;list-style-type: none;margin: 0;	padding: 0;}
.hnav ul li a{margin: 0 -1px 0 0; padding-left: 10px; padding-right: 10px; border-left: solid 1px #000;	border-right: solid 1px #000; white-space: nowrap;}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover{text-decoration: none;}
.hnav ul li span.divider{display: none;}
* html .hnav ul li, * html .hnav ul li a{width: 1%;
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV{padding: 0;}

/* vnav */
ul#navlist
{
/*width: 188px;*/
/*\width: 190px*/
/*w\idth: 188px;*/
width: 188px;	/* OP. 5 DOM */
\width: 188px; /* IE 5*/
w\idth: 188; /* DOM */
padding: 0px;
border: 1px solid #cc9;
border-top: 0px;
margin: 0px;
font: bold 86% verdana,helvetica,arial,sans-serif;
background: #cc9;
}

ul#navlist li { list-style: none; margin: 0px; border: 0px; border-top: 1px solid #cc9;}

ul#navlist li a
{
display: block;
width: 152px;
\width: 188px;
w\idth: 152px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #885;
background: #ddb;
text-decoration: none;
text-align: left;
}

ul#navlist li a:link {color:#666; }
div#navcontainer li a:visited {color:#666; }

ul#navlist li a:hover{border-color: #ff9000; color: #ffffff; background: #888855;}

body { background:#cccc99 url("../images/bg.png"); color: #fff;}
#outerColumnContainer { border-left-color: #eec; border-right-color: #eec;}
#masthead { background-color: #fdc42d; color: #900;}

#footer { background-color: #fdcb48; color: #666;}
#outerColumnContainer, #contentcolumn { background-color: #fff; color: #000;}
#leftColumn, #rightColumn, #contentColumn { color: #000;}
.vnav ul li a { color: #336; background-color: #cc9;}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover{ background-color: #336; color: #fff;}
#rightColumn .vnav ul li a { color: #336; background-color: #ddb;}
.hnav, .hnav ul li a { background-color: #fdcb48; color: #336;}
.hnav ul li a:hover { background-color: #336; color: #fff;}

#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav { border-color: #bebebe;}
#masthead { border-bottom-color: #fdcc4d;}
#contentColumn h5 ,#contentColumn h6 { border-bottom:1px solid #885;}
#contentColumn h5 a ,#contentColumn h6 a {
background: #cccc99 url("../images/tabH5.png") no-repeat right top;
text-decoration:none;
color: #333;
padding:4px 26px 4px 8px;
}
#contentColumn h5 a:hover ,#contentColumn h6 a:hover {
background: #cccc99 url("../images/tabH5.png") no-repeat right top;
text-decoration:none; color: maroon; padding:4px 26px 4px 8px;
}

#contentColumn h3 a {text-decoration:none; color: #333;}
table {color:#333;}
#leftColumn h6 a, #leftColumn h6 a:visited { text-decoration:none; color: #333;}
h4.blue {color:#095191; margin-bottom:4px; margin-top: 0;}

/* gutters */
body { margin: 0; padding: 1em 2em;}

p, h1, h2, h3, h4, h5, h6{margin: 1em 0;}
.inside{padding: 0 .3em;}
#leftColumn, #centerColumn, #rightColumn, #masthead{ padding-top: 0.5em; padding-bottom: 0.5em;}
#masthead, #footer {padding: 1em;}
.vnav {	margin: 1em 0;}
html>body #footer { padding-bottom: 1.01em;}
h1, h2, h3, h4, h5 ,h6 { margin:4px 0;}

img.thump { float: left; margin-right: 7px;}
#contentColumn h5 ,#contentColumn h6 { padding-bottom:4px;}

img.logo { margin-right:7em;}

img.banner { margin-right:1em;}

#indexPage{ margin:0; padding:0;}
#rightColumn img{ margin-bottom:4px;}
#leftColumn .inside{ margin-top:7px;}
#leftColumn .inside img{ margin-bottom:4px;}

/* borders */
#pageWrapper{border-style: solid; border-width: 0 1px;}

#innerColumnContainer{ border-style: solid; border-width: 0 1px; margin: 0 -1px;}
* html #outercolumncontainer{margin-top: -1px; border-top: solid 1px #000;}
#masthead{border-style: solid; border-width: 1px 0;}
.hnav{border-style: solid; border-width: 0 0 1px 0;}
#footer{border-style: solid; border-width: 1px 0;}

/* fonts */
body{font-family: arial, helvetica, sans-serif;	font-size: 100.1%;}
#pageWrapper{font-size: 80%;}
#footer{text-align: center;}
/* :root is an invalid pseudo class but mozilla knows it */
:root code{font-size: 120%;}

h1{	font-size: 210%;}
h2{	font-size: 180%;}
h3{	font-size: 140%;}
h4{	font-size: 126%;}
h5{	font-size: 110%;}
h6{	font-size: 100%;}
p.signature{font-size:11px;font-weight:bold ;font-style:oblique;}
h4.blue{font-size: 140%;}
#rightColumn {text-align:center;}
#leftColumn .inside{text-align:center;}