body { color:#444; background-color:#CCC; }
td { color:#444; background-color:#FFF; }
a { color:#C33; }
a:hover { color:#900; }
hr { border-bottom:1px solid #CCC; }

/*=======================================================================================================
== Header
=======================================================================================================*/
#header, #footer, #content, #contentright, #contentleft { background-color:#FFF; border:1px solid #00318C; margin:0 auto; width:775px; }
#page { background:#CCC url(/library/skins/blue/bg.jpg) repeat-y center top; }
#content { background:#CCC url(/library/skins/blue/bg.gif) repeat-y center top; }
#contentright { background-image:url(/library/skins/blue/bgright.gif); background-repeat:repeat-y; padding:0; }
#contentleft { background-image:url(/library/skins/blue/bgleft.gif); background-repeat:repeat-y; padding:0; }
#logobar { height:60px; background-repeat:no-repeat; background-position:top left; border-bottom:1px solid #FFF; }
#logobar img { float:right; padding:10px 20px 10px 15px; }
/*=======================================================================================================
== Top Menu
=======================================================================================================*/
#topmenu { height:2.5em; background-color:#0066FF; width:775px; text-align:left; margin:0 auto; border-right:1px solid #00318C; border-left:1px solid #00318C; }
#topmenu a { font-size:1.1em; display: block; text-decoration: none;	}
#topmenuroot{ list-style:none; margin:0; padding:0; }
#topmenuroot li{ position: relative; float:left; border:0;}
#topmenuroot li a {	color:#FFF;	padding:5px 10px; margin:0; border:0; border-right:1px solid #38F; border-left:1px solid #05C; }
#topmenuroot li a:hover { background-color: #E2144A; border:0; border-right:1px solid #38F; border-left:1px solid #05C; }
#topmenuroot li ul { width:170px; margin:0; padding:0; position: absolute;	left: 0; top:24px; display: none; border:1px solid #333; }
#topmenuroot li ul li { float:none; background-color:#FFF; filter: Alpha(Opacity=92); list-style: none; }
#topmenuroot li ul li a { color:#039; border:0; }
#topmenuroot li ul li a:hover { background-color:#FFD03F; border:0;}
#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 \*/

/*=======================================================================================================
== Left Menu
=======================================================================================================*/
#leftmenu h1, #leftmenu h2, #leftmenu h3, #leftmenu h4, #leftmenu h5, #leftmenu h6 { background-color:#F4F4FF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#leftmenu li { color:#666; font-weight:bold; width:145px; }

#leftmenu li label, #leftmenu li a { display:block; color:#C33; padding:4px 3px 4px 8px; margin:0; }
#leftmenu li a:hover, #leftmenu li.new a:hover { background-color:#FFD03F; color:#039; }
#leftmenu li.new a { color: #E00; padding:8px 15px 8px 8px; }
#leftmenu li.new { border-top:1px dotted #D99; border-bottom:1px dotted #D99;  border-right: 2px solid #FAA; border-left: 2px solid #FAA; width: 141px; }
#leftmenu li.new { background: url(/lib/img/icons/new.gif) no-repeat 125px bottom #FFF3F3; margin-top:3px; margin-bottom:3px; }

#leftmenu li ul { padding: 2px 0 10px 0px; }
#leftmenu li ul li { font-weight:normal; font-size:0.9em; }
#leftmenu li ul li a{ padding:1px 0 2px 12px; }
#leftmenu li ul li a.pdf { padding-left:25px; background-image: url(/lib/img/icons/12/pdf.gif); background-repeat:no-repeat; background-position: 8px 50%; }
#leftmenu li ul li.new a.pdf { padding-left:23px; background-position: 6px 50%; }

#leftmenu #loginarea{ padding-left:10px; }
#leftmenu #loginarea .button{ margin:10px 0 0 20px; }

/*=======================================================================================================
== Content Area
=======================================================================================================*/
#contentarea { float:left; width:484px; }
#contentarea h1, #contentarea h2,#contentarea h3,#contentarea h4,#contentarea h5,#contentarea h6 { margin:5px 0; color:#039; }
#contentarea h2,#contentarea h3,#contentarea h4,#contentarea h5,#contentarea h6,#contentarea p{ padding-left:10px; padding-right:10px;}
#contentarea h1{ margin:15px 5px 10px 5px; border-bottom:1px solid #039; padding-left:5px; }
#contentarea hr.title {  margin:0 10px; }
#contentarea .error { color:#900; }
/*=======================================================================================================
== Right Menu
=======================================================================================================*/
#rightmenu { float:right; width:145px; text-align:center; font-size:0.9em; overflow:hidden; padding:0; }
#rightmenu, #rightmenu a{ color:#16C; }
#rightmenu ul { list-style-type:none; margin:0; padding:15px 5px 15px 10px; text-align:left; }
#rightmenu li { margin-top:2px; padding:2px 0; }

/*=======================================================================================================
== Footer
=======================================================================================================*/
#footer {margin-bottom:30px; border-bottom:2px solid #00318C; clear:both;}
#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; }
#bottombanner img { padding:10px; }
/*=======================================================================================================
== Panels
=======================================================================================================*/
.panel  { padding:8px 5px; border-right:1px solid #039; }
.panel h2{ background-color:#039; color:#FFF; font-size:1.25em; padding:2px 5px; height:18px; }
.panel h3{ background-color:#CDF; font-size:1em; padding: 4px 6px; text-align:right; border-top:1px solid #FFF; border-bottom:1px solid #99D; margin-bottom:5px; }
.panel h3 a { color:#039; padding:0;}

.sidepanel  { padding:8px 0; text-align:center; background-color:#EAEEFD; }
.sidepanel a { color:#039; }
.sidepanel h2{ background-color:#039; color:#FFF; font-size:11px; padding:4px 5px 0 5px; font-weight:normal; height:18px; vertical-align:middle; width:130px;}

.feature { padding:7px 5px; }
.feature h4 { font-size:1em; padding-bottom:5px; }

.curvedarea label{ width:80px; display:block; }
/*=======================================================================================================
== News
=======================================================================================================*/
#news h4 { font-size:1em; margin:0; padding:0; }
#news h5 { font-size:1em; color:#C66; padding-left:5px; }

.newsheadline {margin-left:10px;}
.newsheadline div { float:left; padding:1px 3px; }
.newsheadline h4 { margin:0; padding:0; }
.newsheadline a { text-decoration:none; }
.newsheadline .iconleft { width:45px; font-family:"Times New Roman", Arial, sans-serif; color:#977; text-align:right; padding-top:6px; }

.newsitem { margin:0 5px; }
.newsitem p, .newsitem img { margin-top:5px; }
.newsitem .preview { padding:10px; }
.newsitem .areadescriptor { font-size:xx-small; color:#999999; font-style:italic; padding:0; margin:0; text-align:right; }
.newsitem label { font-weight:bold; padding-right:10px; }

div.specialnewsitem { margin:0 5px; }
div.specialnewsitem p, div.specialnewsitem img { margin-top:5px; }
div.specialnewsitem .preview { padding:10px; }
div.specialnewsitem .areadescriptor { font-size:xx-small; color:#999; font-style:italic; padding:0; margin:0; text-align:right; }
div.specialnewsitem label { font-weight:bold; padding-right:10px; }


p.quote {  padding-top:10px; margin-bottom:6px; }
p.quoter { text-align:right; padding:0; margin-top:0; margin-bottom:15px; font-weight:bold; }