/* CSS Document */


body, html { padding: 0px; margin: 0px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;; text-align: center; background-color:#395e88; height:100%;}

#mainpage { width: 980px; margin: 0 auto; position:relative; background:transparent url(../img/mainback.jpg) left top repeat-y; min-height:100%; padding: 0 12px;}

* html #mainpage { height: 100%;} 
 
a { color:#5f8bb3; text-decoration:none;}
a:hover { text-decoration:underline;}

img { border:0;}


#header { background:transparent url(../img/topbackground.jpg) left top repeat-x; text-align:right; height: 61px; width:980px; zoom:1; overflow:hidden;}
#header #logo {float:left;}
#header .logo {float:left;}
#header #manage {float:left;}
#header ul.smmenu { margin: 20px 10px 0 0; padding:0;  list-style-type: none; overflow:hidden; text-align:right; zoom:1; width:auto; }
#header ul.smmenu li {float:right; padding: 0px 13px 0 12px; border-right: 1px solid #9ab2c8; margin-right: -1px; zoom:1; height: 2em; line-height: 2em; vertical-align:middle;}
#header ul.smmenu li a { font-size: 12px; color: #9ab2c8;}
#header ul.smmenu li span { font-size: 12px; color: #9ab2c8;}


ul#mainmenu { margin:0;padding:0; list-style:none; background-color:#1c2a37; text-align:left; min-height: 2em; overflow:visible; clear:both;}
* html ul#mainmenu { height: 2em;}
ul#mainmenu li.flevel { float:left; position:relative; line-height:2em; vertical-align: middle; }
ul#mainmenu li.flevel a {color:#bed0e0;  font-weight:bold; padding: 0 20px;   }
ul#mainmenu li.flevel a:hover {color:#fff; text-decoration:none;}
ul#mainmenu li:hover { background:#2c4764 url(../img/menuact_background.jpg) left top repeat-x; }
ul#mainmenu li.sfhover { background:#2c4764 url(../img/menuact_background.jpg) left top repeat-x; z-index:10000;}
ul#mainmenu li.flevel ul.lmenu li.subhead { background:none; }
ul#mainmenu li.flevel ul.lmenu li.indent { padding-left: 10px;}

ul#mainmenu li.flevel.active { background:#2c4764 url(../img/menuact_background.jpg) left top repeat-x; }
ul#mainmenu li.flevel.active a {color:#fff;}

#mainmenu .lmenu .active { background-image:none;}
#mainmenu .lmenu li.active:hover { background:#2c4764 url(../img/menuact_background.jpg) left top repeat-x; } 
#mainmenu .lmenu .active a { background-image:none; color:#bed0e0;}


ul#mainmenu li.flevel ul { position:absolute; background-color:#2a4864; left: -9999px; min-width:100%; top:2em; list-style:none; color:#bed0e0; margin:0;  opacity: 0.95; z-index: 100000; white-space: nowrap; padding: 10px 0;text-align:left;}
* html ul#mainmenu li.flevel ul { width:15em; white-space:normal; z-index: 100000;}
* html ul#mainmenu li.flevel ul#iewider { width:22em;}
* html ul#mainmenu li.flevel ul.iewider { width:18em;}
* html ul#mainmenu li.flevel ul.iewiderabout { width:22em;}
* html ul#mainmenu li.flevel ul.iewiderwhy { width:18em;}
ul#mainmenu li h3 {font-size:12px; font-weight:bold; color:#ccc; margin: 10px 0px 8px; padding:0 10px; background-color:#243f58;}
ul#mainmenu li.slevel { display:block; padding:0; margin:0 10px;}
ul#mainmenu li.slevel a {color:#bed0e0;  font-weight:normal; padding:0 10px; margin:0; display: block;}

* html ul#mainmenu li.slevel a { display: inline;}
ul#mainmenu li.slevel a:hover {color:#fff; }
ul#mainmenu li:hover ul { left: auto; }
html>body ul#mainmenu li:hover ul { left: 0px; }
ul#mainmenu li.sfhover ul{ left: 0px; }
ul#mainmenu li.clear { display: block; float:none; clear:both; margin:0px; padding:0px; height:0px; }
* html ul#mainmenu li.clear {display:none;}
html>body ul#mainmenu li.clear {display:none;}

ul#mainmenu ul.lmenu li.indent {padding-left: 10px;}



#mainpage_flash { }
#mainpage_flash object {display:block;}
#mainpage_flash embed {display:block;}


#mainpage_blocks {  background:transparent url(../img/graytop.jpg) left top repeat-x; color:#616161; font-size:11px; text-align:left; padding-bottom: 2em; overflow: hidden; clear:both;}
#mainpage_blocks h2, #mainpage_blocks h2 a { font-size:18px; font-weight:normal; color:#303c47; margin:0;}
#mainpage_blocks h3 { font-size:12px; font-weight:bold; color:#525f6a; margin: 15px 0 5px;}
#mainpage_blocks h3 a{ font-size:12px;}
#mainpage_blocks p { margin: 5px 0;}
#mainpage_blocks a{ color:#5f8bb3; font-size:11px; font-weight:bold;}
#mainpage_blocks div#hot.bottomblocks { width:26%; padding: 20px 25px; background:url(../img/vertseparator.jpg) 0 16px no-repeat; min-height:190px; float:left;}
#mainpage_blocks div.bottomblocks{ width:29%; padding: 20px 25px; background:url(../img/vertseparator.jpg) 0 16px no-repeat; min-height:190px; float:left;}
#mainpage_blocks div.bottomblocks:first-child{background:none; width:29%;float:left;}
#mainpage_blocks .scroll { height: 200px; overflow-x: auto; overflow-y: auto;}
#mainpage_blocks #knowledge { background-image:none;}
#mainpage_blocks #knowledge object { cursor:pointer;}
#mainpage_blocks #knowledge ul{ list-style-image:url(../img/bpicon.jpg); margin:0 0 15px 0; padding-left: 20px; }
#mainpage_blocks #knowledge ul li{ margin: 10px 0; }
#mainpage_blocks #knowledge ul li a { font-size: 11px;}

#footer {position:relative;  margin: -2em auto 0; position: relative; width: 1004px; color:#9eb0c5; font-size:11px; text-align:left; clear:both;}
#footer p { background-color: #3c618b; padding-left: 10px; margin:0 12px; line-height:2em; vertical-align:middle;}

#footer  p.privacy a { font-size: 12px; color: #9ab2c8;}

#footer ul.smmenu { margin: 20px 10px 0 0; padding:0;  list-style-type: none; overflow:hidden; text-align:right; zoom:1; width:auto; }
#footer ul.smmenu li {float:right; padding: 0px 11px; margin-right: -1px; zoom:1; height: 2em; line-height: 2em; vertical-align:middle;}
#footer ul.smmenu li.spacer { padding:0; margin:0;}
#footer ul.smmenu li a { font-size: 11px; color: #9ab2c8;}
#footer ul.smmenu li span { font-size: 12px; color: #9ab2c8;}

#social_block{ position:absolute;top:3px;right:10px;}
#social_block p{ line-height:normal;}

#blog li { padding-bottom: 6px; }
#blog ul { list-style-type: none; padding-left: 15px;margin-left:0; margin-top:11px;}

#news li { padding-bottom: 6px; font-weight: bold;}
#news ul { list-style-type: none; padding-left: 15px; margin-left:0; margin-top:11px;}

#hot li { padding-bottom: 6px; font-weight: bold;}
#hot ul { list-style-type: none; padding-left: 15px;  margin-left:0; margin-top:11px;}
#hot ul li div {padding-left:20px;font-weight:normal;width:150px;}
#hot ul li div a {font-weight:normal;display:block;}
#mainpage_blocks div.bottomblocks { padding-bottom:0;}
#topic_rotator {
	top:0;left:60px;
	margin:0;padding:0;
	overflow:hidden;
	width:270px;height:100px;
	list-style:none;
	background:url(../img/loader.gif) 50% 50% no-repeat;
}

ul.siteMapList{
	margin-left:10px;
	padding-left:10px;
	margin-bottom:0;
	padding-bottom:0;
}
ul.siteMapList li.mapRootElement{
	padding-bottom:10px; 
}
ul.siteMapList li.mapRootElement ul{
	padding-top:10px; 
}
ul.siteMapList li.mapRootElement ul li{
	list-style-type:disc;
}
ul.siteMapList li ul li.subMenuIndent{
	margin-left:10px;
}