/*

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

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{ margin:0; padding:0; background:#D2DAC3 url(Images/bg.gif) repeat-x top;}
p{font:normal 12px Arial, Helvetica, sans-serif; padding-bottom:5px; color:#4B463D; line-height:18px; letter-spacing:.1px;}
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#container{ background:url(Images/container_bg.gif) repeat-y top; width:996px; margin:0 auto; padding:0; border-bottom:solid 1px #EFF2EA; position:relative;}
#container .link{ position:absolute; top:22px; left:400px;}
#container .link a{ margin-right:10px;}
#header{ float:left; background:url(Images/header_bg.gif) repeat-x top; width:972px; margin:0 12px; height:112px;}
#header .logo{ float:left; padding:5px 0 0 0;}
#header #navbar{ float:left; background:url(Images/navbar_bg.gif) repeat-x bottom; width:654px; height:107px;}

/*	    search      */
#search-box { padding:20px 1px 40px 400px;}
input.search { padding:5px 0px 0px 28px; height:21px; position:relative; top:1px; float:left; margin:0px 0px 1px 0px; }
input.search-button { cursor:pointer; position:relative; top:1px; left:0px; width:30px; height:26px; text-indent:-9999px; overflow:hidden; float:left; display:block; }
input.search-button { border:none; background:url(Images/search.gif) no-repeat 0px 0px; }
input.search-button:hover { background-position:0px -27px; }
input.websearch { cursor:pointer; position:relative; top:1px; width:40px; height:26px; text-indent:-9999px; overflow:hidden; float:left; display:block; }
input.websearch{ border:none; background:url(Images/web_search.gif) no-repeat 0px 0px;}
input.websearch:hover { background-position:0px -27px; }
input.search { background:#dbdbdb url(Images/input-search.gif) no-repeat 0px 0px; border:none;
width:140px;}

#header #navbar .menu{ background:url(Images/menu_bg.gif) no-repeat bottom right; padding-top:15px; width:654px; height:32px;}
#header #navbar .menu li{ display:inline; border-right:dotted 1px #B9DD59; padding:0 7px;}
#header #navbar .menu .border { border:0px;}
#header #navbar .menu li a{font: bold 11px Verdana, Geneva, sans-serif; color:#F1F5E9; text-decoration:none;}
#header #navbar .menu li a:hover{ color:#fff;}
#header #navbar .menu li a.active{ color:#fff;}

.vertical_nav{ float:left; margin-left:12px;}
.vertical_nav li a{display:block; width:220px; padding:8px 0; margin-bottom:1px; _margin-bottom:0px; >margin-bottom:0; background:#D2DAC3; font:bold 12px Verdana, Geneva, sans-serif; text-decoration:none; padding-left:15px;
border-left:solid 5px #1E7534; color:#000;}
.vertical_nav li a:hover{ background:#217733; border-left:solid 5px #0B501C; color:#fff;}
.vertical_nav li a.active{ background:#217733; border-left:solid 5px #0B501C; color:#fff;}
.banner{ float:left; padding:6px; border:solid 1px #ddd; margin-left:5px;}
.inner_banner{ float:left; padding:6px; border:solid 1px #ddd; margin:0 12px;}
.news_panel{ float:left; width:223px; height:225px; padding:10px; background:url(Images/news_bg.gif) repeat-x top; border:solid 1px #C4CCB4; margin-left:10px;}
.news_panel h1{ display:block; font-size:17px; background:url(Images/icon_01.gif) no-repeat left; padding:8px 0 8px 35px; }
.news_panel h2{ font:bold 13px Arial, Helvetica, sans-serif; color:#307430; border-bottom:dotted 1px #88A1AB; padding-bottom:5px;}
.news_panel p{ line-height:16px;}
.news_panel .more{ background:#3B8832; padding:2px 5px; float:right;}
.news_panel a{ font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.news_panel marquee a{ color:#015D8E; text-decoration:none;}
.news_panel marquee a:hover{text-decoration:underline;}

#main{float:left; width:972px; margin:10px 12px;}
#main .vertical_nav{ float:left; margin:0 10px 0 0;}
#main .left_panel{ float:left; width:240px; height:auto; margin-right:10px;}
#main .left_panel img{margin-bottom:10px;}
#main .right_panel{ float:left; width:720px; background: url(Images/right_panel_bg.gif) repeat-y top; position:relative; border-bottom:solid 1px #D9CD9D;}
#main .right_panel img{padding-right:8px; float:left;}
#main .right_panel .download { float:right; position:relative; padding:30px 0 10px;}
#main .right_panel h1{ font-size:15px; background:#015D8E; color:#fff; padding:6px; font-family:Verdana, Geneva, sans-serif;}
#main .right_panel .warp{ padding:10px 14px;}
#main .right_panel h2{ font:bold 15px Verdana, Geneva, sans-serif; color:#217733; padding:5px 0; border-bottom:solid 1px #CDCEBB; clear:both;}
#main .right_panel .button{ background:#FAFAF1 url(Images/profile_button.gif) no-repeat top; padding:5px 54px 10px; margin:6px 15px 15px 0 ; float:left;font:bold 17px Arial, Helvetica, sans-serif; color:#000; letter-spacing:3px; text-decoration:none;}
#main .right_panel .button:hover{ color:#015D8E;}
#main .right_panel h3{ font:bold 12px Verdana, Geneva, sans-serif; color:#000; padding:2px 0;}
#main .right_panel .highlights{position:absolute; right:15px; top:36px; background:red; background:#F9FAEC;}
#main .right_panel .highlights li{width:195px; height:40px; padding:10px; background:#FFF9AD; margin-bottom:5px; display:block; border:solid 1px #E4D88E;}
#main .right_panel .highlights li img{ float:left; padding:0; padding-right:10px;}
#main .right_panel h3{ font:bold 11px Verdana, Geneva, sans-serif; color:#015D8E; padding:5px 0;}
#main .right_panel .highlights h3 a{ font:normal 18px Arial, Helvetica, sans-serif; color:#1A7436; letter-spacing:1px; text-decoration:none;}
#main .right_panel .highlights h3 a:hover{ color:#7EB32D;}
#main .right_panel .highlights h3 span{color:#000; font-size:13px; letter-spacing:0; font-weight:bold;}

#main .right_panel table{ border:solid 1px #D0E7F2; margin-top:5px; width:693px; float:left; margin-bottom:20px;}
#main .right_panel table td{ padding:8px; border:solid 1px #D2DAC3; font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top;}
#main .right_panel table td a{ text-decoration:underline; color:#000;}
#main .right_panel table th{ padding:8px; background:#D2DAC3; border:solid 1px #fff; font-size:11px; text-align:left;}
#main .right_panel table th img{ padding:3px;}


#main .right_panel .simple_list li{ margin-left:40px; list-style:decimal; font:normal 12px Arial, Helvetica, sans-serif; line-height:22px;}
#main .right_panel .simple_list li ul li{ list-style:circle;}

#main .right_panel .col1 li a{ font:bold 13px Arial, Helvetica, sans-serif; color:#000; line-height:30px; background:url(Images/icon_05.gif) no-repeat left; padding-left:22px; text-decoration:none;}
#main .right_panel .col1 li a:hover{ text-decoration:underline;}
#main .right_panel .gotop{ float:right; margin-right:2px; font:bold 11px Verdana, Geneva, sans-serif; color:#1D1D1D; background:url(Images/go_top.gif) no-repeat right; padding-right:17px;}

#main .right_panel .warp .gallery li{ padding:8px 0; float:left;}











#footer{ float:left; width:956px; padding:5px 8px; margin:10px 12px 15px 12px; background:#F2F2F2; border:solid 1px #ddd; position:relative;}
#footer .syosys{ position:absolute; right:10px; top:10px; font-size:12px; width:120px; text-decoration:none; color:#666;}
#footer .syosys img{ position:absolute; left:70px;}


.form{width:350px; float:right;}
.form table th{ width:140px;}
.form table textarea { color: #aaa; font: normal 12px verdana; padding: 2px; width:220px; }
.form table input.submit { color: #000; font: bold 11px verdana, arial; padding: 2px 7px }

.more{background:#3B8832; color: #fff; text-decoration: none; padding:1px 10px; margin-left: 6px; float:right;}