/*code based on Stu Nicholls "ultimate dropdown menu" http://www.cssplay.co.uk*/

BODY
{font: normal;  font-family : Arial, Helevetica, Sans Serif;  margin : 0 0 0 0; 
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #efefef; 
scrollbar-highlight-color: #efefef; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #aaaaaa; 
scrollbar-track-color: #aaaaaa; 
scrollbar-arrow-color: #1c4e96;}



/*common styling*/

#box 			{width: 595px; font: normal normal normal 9pt Arial, Helvetica, Sans-Serif;}
.content    		{width: 725px; font-size: 9.5pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; font-weight: normal; text-align: justify; margin: 10px;}
.link a 			{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: bold; color: #6699CC padding: 1px;}
.link a:link 		{color: #6699CC; text-decoration: underline; padding: 1px;}
.link a:visited 	{color: Gray; text-decoration: underline; padding: 1px;}
.link a:hover	 	{font-family: Arial, Verdana, Helvetica, sans-serif; color: White; background: #6699CC; border-bottom: 1pt dotted #185EA4; font-weight: normal; padding: 1px;}

.sitemap   	{font-size:7pt; font-family: sans serif, arial,helvetica;  color: Gray; font-weight: bold;}
.print      	{font-size:8pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: Black; font-weight: normal; text-align: center;}
//div, p, td 	{font-size:9pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: Gray; font-weight: normal; text-decoration: none;}
.small     	{font-size:8pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; font-weight: normal; text-align:justify; padding:5px;}
.text       	{font-size:9pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: Navy; font-weight: normal; }
.textblue   	{font-size:9pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: Navy; font-weight: bold; }
.textwhite  	{font-size:9pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: White; font-weight: bold; }
.textgold  	{font-size:9pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: Goldenrod; font-weight: bold; }
.header     	{font-size: 12pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: Navy; font-weight: bold; text-align: center; }
.btngray		{font-size: 9pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: Navy; font-weight: bold;  border: 2px solid #cccccc; background-color: #cccccc;}
.btnblue		{font-size: 9pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: White; font-weight: bold;  border: 1px solid #aaaaaa; background-color: #6699CC;}
.btnblack		{font-size: 9pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: White; font-weight: bold;  border: 2px solid #000000; background-color: #000000;}

li	{padding-left: 10px;}

h1 		{font-family: Arial, Helvetica, Verdana, sans-serif;  text-align: left; color: #369; font-size: 15pt; font-weight: bold }
h2 		{font-family: Arial, Helvetica, Verdana, sans-serif;  text-align: center; color: #6699cc; font-size: 14pt; font-weight: bold }
h3 		{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #369; font-size: 12pt; font-weight: bold }
h4 		{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #369; font-size: 11pt; font-weight: bold }
h5 		{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #369; font-size: 10pt; font-weight: bold }
h6 		{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #369; font-size: 9pt; font-weight: bold }

/*menubar*/
#menubar {float: left; margin: 0 0 0 0px; width: 160px; padding: 0; border: 0; margin-left: 0px; }
#menubar ul {margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif;}
#menubar a {display: block; padding: 5px; width: 150px; border-bottom: 1pt dotted #1c4e96;}
#menubar a:link {color: #6699CC; text-decoration: none; }
#menubar a:visited {color: #336699; text-decoration: none;}
#menubar a:hover {background-color: #1c4e96; color: #fff; }	

/*menu container*/
.menucontainer{background: #fff url(images/bgOFF.gif) no-repeat bottom left;
					}

/*basic menu styling*/
.menu {float:left;
					font-family: arial,verdana,sans-serif;
					width:100%;
					position:relative;
					font-size:11px;
					font-weight:bold;
					
background:url(images/bgOFF.gif) repeat-x bottom left;
					border-top:4px solid #336699;
					}
.menu ul {padding:0;
					margin:0;
					list-style-type:none;
					float:left;
					position:relative;
					}
.menu ul li {float:left;
					position:relative;
					display:inline;
					/* background:url(images/bgDIVIDER.gif) no-repeat bottom right; */
					}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;
					display:block;
					text-decoration:none;
					color:#000;
					width:auto;
					color: Goldenrod;
					padding:0px 16px 0px 16px;
					line-height:40px;
					height:40px;
					}
* html .menu ul li a, .menu ul li a:visited {width:auto;
					width:auto;
					}

/*hide sub nav items*/
.menu ul li ul {display:none;}

/*clear the main nav bg*/
.menu ul li ul li{background:none;}

/*style for table of sub nav items*/
			table {	margin:-1px;
					border-collapse:collapse;
					font-size:11px;
					}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {	color:#336699;
					background: transparent url(images/bgON.gif) bottom left repeat-x;
					}

/*show drop-down list*/
.menu ul li:hover ul {display:block;
				position:absolute;
				top:36px;
				margin-top:1px;
				left:0;
				width:100%;
				border-top:1px solid #fff;
				z-index: 100;
				opacity: 0.99;
					}

/*drop-down on state*/
.menu ul li:hover ul li a {display:block;
					background:#e3e3e3;
					color: #336699;
					height:auto;
					line-height:16px;
					padding:2px 16px 2px 16px;
					width:70px;
					border-top:1px solid #fff;
					}

/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {color:#fff;
					background: #336699 url(images/sub-arrow.gif) no-repeat;
					background-position: 4px 8px;
					}

a:link 		{color: #6699CC; text-decoration: underline; padding: 1px;}
a:visited 	{color: #999999; text-decoration: underline; padding: 1px;}
a:hover	 	{color: White; text-decoration: none; background: #6699CC; padding: 1px;}
/* To avoid border around linked image and also avoid using the deprecated border attribute (color white for ns4, when page bg is white) */
a img { border:none; color:#fff }

/* Basic Bar Graph */
.textblock {position: relative; /* IE is dumb */ 
margin-left: 10px; font-size:8pt;font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;color: #333333;}
.graph {z-index: 1; position: relative; /* IE is dumb */ 
width: 400px; border: 1px solid #aaaaaa; padding: 1.5px; margin-bottom: .5em; margin-left: 10px; }
.graph .bar {display: block; position: relative; background: #aaaaaa; text-align: left; color: #000000; height: 1.5em; line-height: 1.5em; }
.graph .bar span { position: relative; margin-left: 10px; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

#graphic a:hover   { padding:0px}