/*

Designed and Coded By: Syosys Technologies
Date: 26/5/2009

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{ background: #81C3DD url(img/bg.jpg) repeat-x top !important; font: normal 12px Arial, Helvetica, sans-serif;}
p{ line-height:15px;}
#container{ width:878px; margin:0 auto;}
#top_panel{ float:left; width:854px; margin:0 auto; float:left; padding:12px;}
#top_panel .logo{ float:left;}
#top_panel .right_button{ float:left; padding:11px 0 13px 370px;}
#top_panel .right_button img { float:left; margin-left:10px;}
#top_panel .right_link{ float:left; padding:11px 0 13px 10px;}
#top_panel .right_link img { float:left; margin-left:10px;}
#top_panel .independend{ float:left; padding:13px 20px 8px 20px; width:320px; }

#navbar{ float:left; width:878px;}
#navbar .bg_left{ float:left; background:url(img/nav_span.gif) no-repeat top left; width:6px; height:36px;}
#navbar #menu{ float:left; background:url(img/nav.gif) repeat-x top left; width:690px; height:36px;}
#navbar #menu ul{ float:left; font: bold 12px Arial, Helvetica, sans-serif; padding:10px;}
#navbar #menu li{ display:inline; padding:0 10px;}
#navbar #menu li a{ color:#CEF0FF; text-decoration:none;}
#navbar #menu li a:hover{ color:#fff;}
#navbar #menu li a.active{ color:#fff;}
#navbar img{vertical-align:top;float:left;}

#flash_panel{ width:878px; margin:0 auto; clear:both;}

#main{ padding:10px; background-color:#fff; float:left; color:#000;}
#main .latest_news{ width:846px; padding:6px; color:#000; background:url(img/lat_newsbg.gif) no-repeat top center; position:relative; font-size:12px;}
#main .latest_news marquee{ position:absolute; top:5px; left:0; width:720px; margin-left:110px;}
#main .latest_news marquee a{ text-decoration:none; color:#000;}
#main .latest_news marquee a:hover{ color:#004688;}
#main .latest_news span{ color:#fff; font-weight:bold; padding-left:15px;}
#main .latest_news h2{ font:13px bold Arial, Helvetica, sans-serif;}


/*updates*/
#main .down_nav{width:840px; color:#000; position:relative; background:url(img/down_nav.jpg) repeat-x top; height:28px; border-left:solid 3px #2e8ec7; border-right:solid 3px #2e8ec7; padding-left:10px;}
#main .down_nav li{ float:left; padding:7px 13px;}
#main .down_nav li a{ text-decoration:none; color:#fff; font-weight:bold; font-size:12px;}
#main .down_nav li a:hover{ color:#014181;}
#main .down_nav li:hover{ background:url(img/down_nav_hover.jpg) repeat-x top;}


#main #news_pan{ float:left; margin:10px 5px 0 ; background:url(img/news_panel.jpg) no-repeat top center; width:220px; height:277px;}
#main #news_pan img{ margin:11px 48px;}
#main #news_pan ul{ float:left; padding:10px;}
#main #news_pan li{ font:normal 12px Arial, Helvetica, sans-serif; background:url(img/news_bullattin.jpg) no-repeat left; padding-left:18px; line-height:25px; margin-left:6px;}
#main #news_pan li a{ text-decoration:none; color:#a8dcf0;}
#main #news_pan li a:hover{color:#fff;}
/*updates*/
#main #news_pan.msg{ float:left; margin:10px 5px 0 ; background:url(img/news_panel.jpg) no-repeat top center; width:220px; height:277px;}
#main #news_pan.msg img{ margin:11px 48px;}
#main #news_pan.msg ul{ float:left; padding:1px;  margin-bottom:30px;}
#main #news_pan.msg li{ font:normal 12px Arial, Helvetica, sans-serif; background:url(img/news_bullattin.jpg) no-repeat left; padding-left:18px; line-height:25px; margin-left:6px;}
#main #news_pan.msg li a{ text-decoration:none; color:#a8dcf0; margin-top:15px;}
#main #news_pan.msg li a:hover{color:#fff;}



#main #left_panel{ float:left; margin:5px; background:url(img/box_bg.png) repeat-x top center; width:220px;}
#main #left_panel img{}
#main #left_panel ul{ float:left; padding:10px;}
#main #left_panel li{ font: bold 12px Arial, Helvetica, sans-serif; background:url(img/bullet_01.png) no-repeat left; padding-left:15px; line-height:25px; border-bottom:dashed 1px #B6B7B7;}
#main #left_panel li a{ text-decoration:none; color:#0A3B6D;}
#main #left_panel li a:hover{color:#229AD2;}
#main #left_panel li a.active{color:#229AD2;}
#main #right_panel{ float:left; margin:5px 0 0 10px; background:url(img/box_bg.png) repeat-x top center; clear:right; width:610px; font:11px normal Arial, Helvetica, sans-serif; color:#1E1E1E; line-height:18px;}
#page_rightpanel .research{ width:590px;padding:10px;float:left}
#page_rightpanel .research img{float:left;margin-right:10px}
#page_rightpanel .research p{margin-top:8px;} 
#page_rightpanel .research .padding{margin-right:200px}
#page_rightpanel .research h3{width:590px}


#main #tree_panel{float:left; margin:5px 0 0 15px; background:url(img/box_bg.png) repeat-x top center; clear:right; width:590px; font:11px normal Arial, Helvetica, sans-serif; color:#1E1E1E; position:relative; padding:10px;}
#main #tree_panel span.top{ background:url(img/right_corner.png) no-repeat top; position:absolute; left:0; top:0; float:left; display:block; width:610px; height:5px;}
#main #tree_panel h1{ font: normal 18px Georgia, "Times New Roman", Times, serif; color:#0FA1D9;}
#main #tree_panel .float{ padding:10px; float:left;}



#main #right_panel .float{ padding:10px; float:left;}
#main #right_panel h1 { font: normal 20px Georgia, "Times New Roman", Times, serif; color:#0FA1D9; padding-top:7px;}
#main #right_panel h1 span{ color:#164270;}
#main .box{ width:240px; color:red; padding:2px; margin-left:8px; float:left; color:#000;}
#main h2{ font:bold 13px Arial, Helvetica, sans-serif; color:#0A3B6D; border-bottom:dotted 1px #000; padding-bottom:5px; float:left;}
#main .box h2{ clear:both; float:none;}
#main .box img{ margin:10px 4px 0 4px;}
#footer{ background:#81C3DD url(img/footer_top.png) no-repeat top center; width:878px; padding:15px 0; clear:both; font:normal 11px Arial, Helvetica, sans-serif; position:relative;}
#footer .syosys{ float:right; position:absolute; top:15px; left:730px;}



#main #page_total{margin:10px auto; background:url(img/box_bg.png) repeat-x top center; clear:right;  position:relative; padding:10px;}
#main #page_total span.top{ background:url(img/page_total.png) no-repeat top; position:absolute; left:0; top:0; float:left; display:block; width:858px; height:5px;}
#main #page_total h1 {font: normal 18px Georgia, "Times New Roman", Times, serif; color:#0FA1D9; margin-bottom:4px;}


#main #page_rightpanel{ float:left; margin:5px 0 0 15px; background:url(img/box_bg.png) repeat-x top center; clear:right; width:590px;  position:relative; padding:10px;}
#main #page_rightpanel p{font:12px normal Arial, Helvetica, sans-serif; color:#1E1E1E; padding-bottom:10px; line-height:18px; letter-spacing:.2px; text-align:justify; }
#main #page_rightpanel p a{text-decoration:none; color:#000;}
#main #page_rightpanel td{ vertical-align:top;}
#main #page_rightpanel img { padding:10px 10px 10px 0; float:left;}
#main #page_rightpanel .gallery_highlight{ margin-left:18px; float:left;}
#main #page_rightpanel .gallery_highlight img{margin:5px; padding:0; border:solid 1px #F1ECEC;}
#main #page_rightpanel .gap { margin:0 4px 0 9px}
#main #page_rightpanel .gap2{ margin:0 17px;}
#main #page_rightpanel .staff {padding:10px; margin:0;}
#main #page_rightpanel span.top{ background:url(img/right_corner.gif) no-repeat top; position:absolute; left:0; top:0; float:left; display:block; width:610px; height:5px;}
#main #page_rightpanel h1{ font: normal 18px Georgia, "Times New Roman", Times, serif; color:#0FA1D9; margin-bottom:4px;}
#main #page_rightpanel h2{ font:bold 11px Arial, Helvetica, sans-serif; color:#000; border:none; margin:2px 0; padding:2px 5px; border:dotted 1px #D0E7F2; background:#F6FBFD;}
#main #page_rightpanel h3{ font-size:13px;}
#main #page_rightpanel h4{ font-size:14px; padding:5px 5px 5px 0;  color:#004789; border-bottom: dashed 1px #4F7191; margin:0 5px 3px 0;}
#main #page_rightpanel h5{ font-size:12px; padding:5px 5px 5px 20px; color:#000; background:#73C4EA;}
#main #page_rightpanel .news_box ul{}
#main #page_rightpanel .news_box ul li{ background:url(img/icon_04.png) no-repeat left; padding-left:15px; line-height:24px;font-size:12px;}
#main #page_rightpanel .news_box ul li a{ text-decoration:none; color:#000;}
#main #page_rightpanel .news_box ul li a:hover{ color:#903;}
#main #page_rightpanel table{ width:100%; border:solid 1px #D0E7F2; margin-top:8px; font-size: 12px;}
#main #page_rightpanel table tr td{ padding:5px; border:solid 1px #D0E7F2;}
#main #page_rightpanel table tr td a{ text-decoration:underline; color:#000;}
#main #page_rightpanel table tr th{ padding:5px; background:#D0E7F2; border:solid 1px #fff;}
#main #page_rightpanel table tr th img{ border:2px solid #fff; padding:0; }

#main #page_rightpanel .list_box{ float:left; width:193px; margin-right:3px;}
#main #page_rightpanel .list_box ul { padding:8px 0 0 0;}
#main #page_rightpanel .list_box ul li{ padding-left:5px; font-weight:bold; list-style:disc; margin-left:10px; line-height:18px;}
#main #page_rightpanel .list_box ul ul li{ padding-left:10px; font-weight:normal; list-style:square;margin-left:20px;}
#main #page_rightpanel .list_box ul ul ul li{ padding-left:15px; font-weight:normal; list-style:square;margin-left:30px;}
#main #page_rightpanel .list_box ul ul ul ul li{ padding-left:20px; font-weight:normal; list-style:square;margin-left:40px;}




table .textfield{ float:right; width:190px;}
table h3{ padding:6px 0; background-color:#D0E7F2;}
table label{ float:right;}
#main #page_rightpanel .adress{ float:left; width:238px; height:273px; background:#F8FCFE; margin-top:6px; padding:10px; border:solid 1px #D0E7F2;}

.download_btn{float: right;}