body, html, div {padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
html {background: #1E1E1E url('../graphics/html_background.jpg') repeat-y top center;}
body {background: none url('../graphics/body_background.jpg') no-repeat top center; font-family:"Trebuchet MS", Tahoma; font-size:13px; text-align: center;}

a, a:link, a:visited, a:active {color: #DFDFDF;	text-decoration:none;}
a:hover {color: #fff; text-decoration:underline;}

h6,h5,h4,h3,h2,p {color: #DFDFDF; font-size:12px; margin: 0px; padding: 0px; }
h1 {color: #DFDFDF; font-size:11pt; font-weight:bold; margin: 0px; padding: 0px; }

#container {width: 898px;margin: 0px auto; text-align: left; position:relative;}
#header {min-height: 130px; background: url('../graphics/header_background.jpg') no-repeat top center; position:relative;}
#header h1 { text-align: right; font-size: 16px; padding-right: 10px;}
#header h2 { text-align: right; font-size: 11px; font-style: italic; font-weight: normal; color: #fff; padding-right: 10px;}

#textlogo {font-size: 1px; visibility:visible; display:inline; position:absolute; top:15px; left:0px; width:600px; height:auto;}
#textlogo a {color: #111;  visibility:hidden;}

#logo_tagline {color: #ccc; position:absolute; bottom:15px; left:50px;}

.highlight {background: #222 url('../graphics/highlight_background.jpg') repeat-x bottom left; padding-bottom: 15px; border-top: 1px solid #111; color: #fff; clear: both;}

#footer {clear: both; background: #2d2d2d url('../graphics/footer_background.jpg') repeat-x; color: #ccc; text-align: center; padding: 10px 0px;}
#footer a, #footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#content {padding-top: 0px;}
#content h1 {color:#dfdfdf; font-size:19px;}
#content h2 {padding:3px 0px 3px 40px; vertical-align:top; background: url('../graphics/h2_background.gif') no-repeat left center; color:#dfdfdf; font-size:18px;}
#content h3 {color:#dfdfdf; font-size:16px; padding-left: 10px;}
#content h4 {color:#dfdfdf; font-size:14px;}
#content p {color:#ccc; font-size:12px; padding: 3px 0px;}

#content div.box1 {background: url('../graphics/box1_background.gif') no-repeat top left;margin: 5px 0px 0px 0px; padding: 5px 0px 0px 27px;}
#content div.box1 h3 {padding-left: 5px;}

div.box2 {padding: 5px; margin-left: 5px; margin-top: 5px; vertical-align: top;}

#content div.box2 {padding: 0px 0px 5px 38px; margin: 10px 0px; background: url('../graphics/box2_background.gif') no-repeat; border: 1px dashed #333; border-top: 0px;}
#content div.box2 h3 {background: url('../graphics/box2_heading_background.gif') repeat-x; line-height: 30px; margin: 0px; padding: 0px; color: #fff;}
#content div.box2 p {padding-right: 5px;}

.search_button {position: absolute; top: 0px; right: 0px;}

.main_menu {background: #414141 url('../graphics/bar_background.jpg') repeat-x; height: 35px; z-index: 99; border-bottom: 1px solid #111;}
.main_menu ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
.main_menu ul li{position: relative; display: inline; float: left; margin: 3px 0px 0px 0px;}
.main_menu ul li a{display: block; color: white; padding: 7px 10px; border-right: 1px solid #111; color: #2d2b2b; text-decoration: none;}
* html .main_menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}

.main_menu ul li a:link, .main_menu ul li a:visited{color: white;}
.main_menu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ color: white;}
.main_menu ul li a:hover{color: white;}
.main_menu ul li ul{position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden;}
.main_menu ul li ul li{display: list-item; float: none; margin: 0px;}
.main_menu ul li ul li ul{top: 0;}
.main_menu ul li ul li a{background: #3E5664; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0px; border-bottom: 1px solid #111;}
.main_menu ul li ul li a:hover{background: #5C7D8F; color: white;}


* html .main_menu{height: 1%;} /*Holly Hack for IE7 and below*/

.side_menu { z-index: 99;}
.side_menu ul {list-style-type: none; margin: 0px; padding:0px; width: 200px;} 
.side_menu ul li {position: relative;}
.side_menu ul li a:link, .side_menu ul li a:visited, .side_menu ul li a:active {height: 26px; color: #fff; background: #222 url('../graphics/side_menu_background.gif') no-repeat left top; text-indent:25px; display: block; overflow: auto;padding: 12px 0px 0px 10px;}
.side_menu ul li a:hover {background-position: left -46px;}
.side_menu ul li ul {position: absolute; top: 0; visibility: hidden; width: 170px;border: 1px #f90 solid; border-top: 0px;}  
.side_menu ul li ul li a, .side_menu ul li ul li a:link, .side_menu ul li ul li a:visited {color: #ccc; background: #222; height: auto; text-indent:0px; border-top: 1px solid #f60; padding:8px 0px 8px 20px;}
.side_menu ul li ul li a:hover {color: #fff; background: #111;}

* html .side_menu ul li 			{float: left; height: 1%; }
* html .side_menu ul li a 			{height: 1%; }

.side_menu ul li a img.rightarrowclass {display: none;}
.side_menu ul li ul li a img.rightarrowclass {display: block;}

div.sidebar_horizontal h3 {color: #f80; font-weight: bold; font-size: 15px; padding-bottom: 3px;}
div.sidebar_horizontal div.side_menu {padding: 5px; margin-left: 5px; margin-top: 5px;}
div.sidebar_horizontal div.side_menu ul {margin: 0;padding:0px; display: inline-block; width: auto;} 
div.sidebar_horizontal div.side_menu ul li a:link, div.sidebar_horizontal div.side_menu ul li a:visited, div.sidebar_horizontal div.side_menu ul li a:active {padding: 2px 0px; color: #aaa; background: #222; padding: 0px; height: 20px; text-decoration: none; text-indent:0px; display: block;}
div.sidebar_horizontal div.side_menu ul li a:hover {text-decoration: underline; color: #fff;}
div.sidebar_horizontal div.side_menu ul li ul {position: absolute; top: 0; visibility: hidden; width: 170px;border: 1px #f90 solid; border-top: 0px;}  
div.sidebar_horizontal div.side_menu ul li ul li a, div.sidebar_horizontal div.side_menu ul li ul li a:link, div.sidebar_horizontal div.side_menu ul li ul li a:visited {color: #ccc; background: #222; height: auto; text-indent:0px; border-top: 1px solid #f60; padding:2px 0px 2px 20px;}
div.sidebar_horizontal div.side_menu ul li ul li a:hover {color: #fff; background: #111;}

div.sidebar_horizontal div.side_menu ul li ul li a img.rightarrowclass {display: none;}

.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}