* { margin:0; padding:0; }
body, td { color: #444; }
body { background:#CCC; padding-bottom:30px; }
div { text-align:left; }
td { background-color:#FFF; }
a { color:#C33; }
a:hover { color:#900; }
hr { border-bottom:1px solid #CCC; }
em { color:#999; }

/*=======================================================================================================
== Header
=======================================================================================================*/
#page { background:#CCC url(/library/skins/blue/bg.jpg) repeat-y center top; width:100%; }
#header { background:url(/library/skins/blue/header.jpg) no-repeat; width:791px; height:158px; position:relative; margin:0 auto; }
#footer, #content, #topmenu { background-color:#FFF; border-right:1px solid #00318C; border-left:1px solid #00318C;  margin:0 auto; width:775px; overflow:hidden; }
#content { clear:both; }
#gs { position:absolute; text-align:right; top:132px; right:15px; }
#gs input.text{ vertical-align:middle; border:1px solid #558; width:120px; background:#FFF; padding:1px; font-size:10px; }
#gs input.button{ vertical-align:middle; border:1px solid #666; font-size:10px; }

#contentblock { width:607px; float:left; position:relative; z-index:1; }
#firstcolumn, #secondcolumn { width:303px; float:left; }

#rightmenu { width:168px; float:right; background:url(/library/images/general/sidepanelbg.gif) repeat-y top left #FFF; }
#rightmenu a { color:#369; text-decoration:none; }
#rightmenu p { padding:0 8px; }
#rightmenu h2 { color:#006; font-size:1.2em; padding:7px 5px; vertical-align:middle;}
#rightmenu img { padding-bottom:5px; }
#rightmenu .barfeature { background:url(/library/images/general/sidepanelitembg.gif) no-repeat top left #FFF; overflow:hidden; width:168px; }
#rightmenu .barfeature { text-align:center; border-bottom:1px solid #FFF; }
#rightmenu .last { border-bottom:1px solid #cdf; height:98px; }
#rightmenu .login { background-image:url(/library/images/general/sidepanelitemhighlightbg.gif); }
#rightmenu .login label { display:block; float:left; width:50px; padding:5px 3px 0 5px; margin:0; text-align:right; }
#rightmenu .login .text { width:85px; font-size:0.9em; text-align:left; margin:1px 0; padding:1px; float:left; }
#rightmenu .login .button { font-size:0.9em; margin:5px 0 10px 0; }

#bottombanners { clear:both; width:577px; margin-top:10px; padding:15px; text-align:center; border-top:1px solid #DDD; background-color:#F4F4F4; }
#bottombanners img{ border:1px solid #CCC; margin:0 5px; }

/*=======================================================================================================
== Top Menu
=======================================================================================================*/
#topmenu { background-color:#00296E; position:relative; z-index:100; overflow:visible; }
#topmenu a { font-size:1.1em; display: block; text-decoration: none; }
#topmenuroot{ list-style: none; border-top:1px solid #FFF; }
#topmenuroot li{ position: relative; float:left; border:0; }
#topmenuroot li a { color:#FFF; background:#00296E; padding: 5px 10px; margin:0; border:0; }
#topmenuroot li a:hover { background-color:#E2144A; border:0; }
#topmenuroot li ul { background-color:#FFF; width:170px; margin:0; padding:0; position: absolute; left: 0; top:2.3em; display: none; border:1px solid #333; }
#topmenuroot li ul li { float:none; background:#FFF; filter: Alpha(Opacity=92); list-style: none; }
#topmenuroot li ul li a { color:#039; border:0; background:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #CDF; }
#topmenuroot li ul li a:hover { background-color:#FFD03F; border-top:1px solid #36C; border-bottom:1px solid #36C; }
#topmenuroot li:hover ul, #topmenuroot li.over ul { display: block; } 

* html #topmenuroot li { float: left; height: 1%; }     /* Fix IE. Hide from IE Mac \*/
* html #topmenuroot li a { height: 1%; }     /* Fix IE. Hide from IE Mac \*/

/*=======================================================================================================
== Footer
=======================================================================================================*/
#footer { border-bottom:2px solid #00318C; }
#footerbar { background-color:#06F; padding:5px 10px; text-align:center; color:#FFF; }
#footerbar a {  color:#FFF; text-decoration:none; }
#footerbar a:hover {  color:#FC0; text-decoration:underline; }
#footerinfo p { float:left; width:48%; padding:5px; }

/*=======================================================================================================
== Panels
=======================================================================================================*/
.panel  { margin:8px; padding:8px; border:1px solid #EEE; }
.panel h2{ color:#339; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; padding:2px 5px; }
.panel h2 em { color:#CCC; }
.panel h3{ font-size:1em; padding: 4px 6px 6px 0; text-align:right; border-top:1px solid #99D; margin-bottom:8px; }
.panel h3 a { color:#039; padding:0;}

/*=======================================================================================================
== Forms
=======================================================================================================*/
form .level2 { background-color:#F5F5F6; border:1px dashed #BBC; }

/*=======================================================================================================
== Features
=======================================================================================================*/
.feature { padding:8px 8px; border:1px solid #FFF; border-top:1px dashed #F4F4F4; border-bottom:1px dashed #F4F4F4; cursor:hand; min-height:75px; _height:75px; }
.feature h4 { font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding-bottom:5px; }
.feature p { padding:0; margin:0; }
.feature img { float:left; margin-right:10px; margin-bottom:10px; }
.over { background-color:#F4F8FF; border:1px solid #AAD; }

/*=======================================================================================================
== News
=======================================================================================================*/
#news h4 { font-size:1em; }
#news h5 { color:#C66; padding-left:5px; }
.newsheadline { padding-left:23px; background:url(/lib/img/icons/16/pressrelease.gif) no-repeat 3px top;}
.newsheadline p{  padding:0; padding-top:1px; margin:5px 0 ; }
.newsheadline em {  font-size:0.95em; color:#633; font-style:normal; }
.newsitem { margin:0 5px; }
.newsitem p, .newsitem img { margin-top:5px; }

div.specialnewsitem { background-color:#EFE; border-bottom: 2px dotted #585; border-top: 2px dotted #585; padding:7px; margin:10px 0 3px 0;  }
div.specialnewsitem h4, div.specialnewsitem a { color:#FF0000; }
div.specialnewsitem p, div.specialnewsitem img { margin-top:10px; }
div.specialnewsitem .preview { padding:10px; }
div.specialnewsitem .areadescriptor { font-size:xx-small; color:#999999; font-style:italic; padding:0; margin:0; text-align:right; }
div.specialnewsitem label { font-weight:bold; padding-right:10px; }
