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

/*=======================================================================================================
== Header
=======================================================================================================*/
#header, #footer, #content { background-color:#FFF; border-right:2px solid #00318C; border-left:2px solid #00318C;  margin:0 auto; width:775px; }
#content { background:#CCC url(/library/skins/blue/bg.gif) repeat-y center top; }
#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:5px; border:0; background-color:#A00; clear:both; }
#topmenu a { font-size:11px; display: block; text-decoration: none;	}
#topmenu li { margin:0;  padding: 0; }
#topmenuroot{ width:550px; margin: 0 auto;	 padding: 0;  padding-left:80px; list-style: none; }
#topmenuroot li{  position: relative;	float:left; }
#topmenuroot li a {	color: #FFF;	padding: 5px 10px;	margin:0; border-right:1px solid #F38; border-left:1px solid #C05;}
#topmenuroot li a:hover { background-color: #E2144A; }
#topmenuroot li ul { width:150px; margin:0; padding:0; position: absolute;	left: 0; top:22px; display: none; border:1px solid #333; }
#topmenuroot li ul li { float:none; border-bottom:1px solid #ECC; 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; }
#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 { float:left; width:145px; margin-right:1px; }
#leftmenu h1, #leftmenu h2, #leftmenu h3, #leftmenu h4, #leftmenu h5, #leftmenu h6 { padding:5px; margin-bottom:5px; text-align:center; background-color:#F4F4FF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#leftmenu h1 { font-size:1.3em; }
#leftmenu h2 { font-size:1.2em; }
#leftmenu h3 { font-size:1.1em; }
#leftmenu h4, #leftmenu h5, #leftmenu h6 { font-size:1em; }
#leftmenu ul { list-style-type:none; margin:0; padding:0; text-align:left; }
#leftmenu li { color:#666; font-weight:bold; font-size:1em; margin:0; padding:0; }
#leftmenu li label{ color:#C33; display:block; padding:4px 3px 4px 8px; }
#leftmenu li a{ display:block; padding:4px 3px 4px 8px; }
#leftmenu li a:hover{ background-color:#FFD03F; color:#039; }
#leftmenu li ul { padding: 2px 0 10px 0; }
#leftmenu li ul li { color:#666; font-weight:normal; font-size:0.9em; border-bottom:none; margin:0;}
#leftmenu li ul li a{ padding:1px 0 2px 12px;}
#leftmenu #loginarea{ padding-left:10px; }
#leftmenu #loginarea .button{ margin:10px 0 0 20px; }

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

/*=======================================================================================================
== Footer
=======================================================================================================*/
#footer {margin-bottom:30px; border-bottom:2px solid #00318C; clear:both;}
#footerbar { background-color:#A00; 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
=======================================================================================================*/
#contentarea div.panel  { padding:0; margin:0; border:1px solid #DDD; margin:0 5px; }
#contentarea div.panel h2{ background-color:#EEE; color:#339; font-size:1.25em; height:20px; margin:0; padding:3px 0 0 5px; margin-bottom:10px; }
#contentarea div.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; }
#contentarea div.panel h3 a { color:#039; padding:0;}
#contentarea div.panel p{ padding:2px 5px; }
#contentarea img.imgright{ margin-right:10px; }

.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; margin-top:2px;}
.newsheadline p.clear { margin-top:0; margin-bottom:0; }
.newsheadline .iconleft { width:45px; font-family:"Times New Roman", Arial, sans-serif; font-size:0.85em; color:#977; }

.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:#999999; font-style:italic; padding:0; margin:0; text-align:right; }
div.specialnewsitem label { font-weight:bold; padding-right:10px; }
/*=======================================================================================================
== Contacts
=======================================================================================================*/
#contactlist { padding:10px; }
#contactlist .sendemail{  margin-left:5px; padding:3px 0 1px 22px ; background-image:url(/lib/img/icons/20/email.gif); background-repeat:no-repeat; font-size:0.8em;}
#contactlist .bizcard{  margin-left:5px; padding:3px 0 1px 22px ; background-image:url(/lib/img/icons/20/contact.gif); background-repeat:no-repeat; font-size:0.8em;}

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