/* 
Color List: 
Darkblue #305593 
Font Grey #d8d8d8 
link light blue #4078ca
*/

/*Global Style*/
html {margin:0px;background-color:#dfdfdf; }

body { margin: auto; background: white; width: 960px;  padding-left: 20px; padding-right: 20px; scrollbar-arrow-color:#ffffff;scrollbar-face-color:#4078ca;
scrollbar-darkshadow-color:#4078ca;
scrollbar-highlight-color:#4078ca;
scrollbar-3dlight-color:#4078ca;
scrollbar-shadow-color:#4078ca;
scrollbar-track-color:#cccccc;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #305593; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #4078ca; 
}

img { border:none; }
form { margin:0px; }
p, label { font:normal normal normal 9pt/16pt Hei, sans-serif;color:#666666; margin-after: 0.8em}
ul, li{  margin-left:0 ;font: 9pt/20pt Hei, sans-serif;color:#666666;  }
h2{font: 12pt Hei; border-bottom: 2px solid #4078ca; padding-right: 20%; line-height: 2em; padding-top: 10px;}
h3{line-height: 1.5em; font-weight:  bold; font-size:  11pt; color:#666666; }
a:link, a:visited {font-size: 10pt; font-family: Hei, sans-serif; color:#4078ca;text-decoration:none; border:none}
a:hover { text-decoration:underline; }
#readmore{font:9pt Hei; color :#305593;}


/*Debug*/ 
.cl{clear: both}

/*Header Style*/
.header{padding: 10px}
.header img{float: left;}
.headercontact{float: right; font: 9pt/12pt Arial; color: grey;  margin-right: -10px;}

/* Nav Style*/
.current-item{ background: #305593 !important}
#nav { background-color: black; overflow: hidden; margin-bottom: 10px; }
#nav ul, #nav ul ul{margin:0px; padding:0px; list-style: none;  z-index: 3; font:9pt/14pt Hei !important }
#nav ul a {display: block; line-height: 30px; color: white !important; text-align: center;}
#nav ul a:hover{color: #4078ca !important; text-decoration: none;}
#nav ul li {float: left; width: 10em;   margin-left:0;background-color: black;display: inline}
#nav ul li ul{width:10em; position: absolute; left:-999em; }
#nav ul li ul ul{width:10em;  position: absolute; left:-999em; }
#nav ul li li{width: 10em;padding:0;margin: 0;}
#nav ul li:hover ul, #nav ul li.sfhover ul{left:auto; padding:0; }
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul{left:-999em;}
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {left:auto; padding:0;  margin-left:10em; margin-top: -35px;}


/*Featured Style*/
div#featured-top {
    height:450px;
    overflow:hidden;
    position:relative;
    width:960px; 
}

#featured-container {  
    height: 440px;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 720px; 
    }
#featured-container img{width:720px;}
    
#featured-images-container { margin:0px;font-size:0pt;display:block; position:absolute; top:0; left:0; }
#banner_padding { float:left;padding-right:500px }

#featured-links { 
    height: 445px;
    left: 730px;
    overflow: hidden;
    position: relative;
    top: -439px;
    width: 230px;
}
#featured-links img {margin-bottom:11px; border: 0px;}
#header{ background:url(images/aboutus.png) no-repeat;height:445px;}



/*SearchBox Styling*/
.searchbox{float:  right;  height:27px; overflow: hidden; padding-top: 2px; padding-right: 20px;}

.searchbox input#keyword{width: 7em; font: normal normal normal 8.5pt; color: #666; background-color: #EFEFEF; margin-right: 5px; height: 16px;}
.searchbox input#searchsubmit{width: 27px;  height:24px; border:none; background: url(./images/searchbutton.jpg); cursor: pointer}

/*Slide*/
.slide{ padding-top:5px;}

/*Banner Style*/
.banner {padding: 40px 500px 30px 20px; height: 170px; background-image: url(images/banner4.png)}
.banner h1{font: 24pt Hei; color: white; margin-bottom: 8px}
.banner h3{font: 11pt Hei; color:#4078ca}
.banner p{color:grey ; font-weight: 100; }

/* Main Content Area Style*/
.maincontent {overflow: hidden; min-height: 150px;  width: 620px; float: left; padding-left: 5px; padding-right: 12px; margin-bottom: 20px;}

.leftcol{float: left; width: 300px; }
.middlecol{float:right;width:300px; }

/*Aside Style*/
.aside{float: right; width:300px; padding-right: 5px}

/*Tab Style */

#tabs {
	margin-top: 10px;
	position:relative;
	width:630px;
	height:480px;
}

.tabs_title {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 100%;
}

.tabs_title li {
list-style: none;
	float: left;
	background-color: #3975bd;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: white;
	height: 24px;
	font: 10pt Hei;
	line-height: 24px;
}

.tabs_title a {
	text-decoration:none;
}

.tabs_title li.active {
	background-color: #E3EEFF;
	color: #132e6c;
}

.tabs_panelwrap {
	
	height: inherit;
	overflow: hidden;
	background-color: #E3EEFF;
	height:480px;

}

.tabs_panel {
	width:610px;
	padding:10px;
	height:420px;
	display:none;
	overflow:auto;
	
	clear: both;
}

.tabs_panel.active {
	display: block;
}

.tabs_panel p {
	margin-left:5px;
}

/*slideshow style*/
#slideshow-container  {width:630px; height:390px; position:relative; overflow: visible; border: none }
#slideshow-container img { width: 500px; margin-left:60px; display:block; position:absolute; top:0; left:0; z-index:1; border: none }
.toc  { position:absolute; left:0; bottom:10px; z-index:2; display:block; width:20px; background:#161a24;; color:#fff; text-align:center; padding:3px; text-decoration:none; visibility: hidden }
.toc-active  { background:#fff; color: black; visibility: hidden }
#next          { position:absolute; bottom:200px; right:20px; z-index:2; display:block; width:20px; color:black; text-align:center; text-decoration:none; font-size: 20pt}
#previous        { position:absolute; bottom:200px; left:20px; z-index:2; display:block; width:20px; color: black; text-align:center; text-decoration:none;font-size: 20pt }
/*Form Style*/
input,textarea {padding: 4px;border: 1px solid #C8C8C8;background-color: #EFEFEF; margin-bottom: 5px;}
.aside input, textarea {width: 90%; }
input#submitted, input#btn_submit{padding:none; width: auto; border: none; background: none; float:right; margin-right: 18px; }

input#closewin{margin-bottom: 20px; margin-left:49%;}
input#vcode{width: 50px; margin-right: 10px; height: 10px;}
/*Cases Page Style*/
.cases { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8 ; width: 100%  }
.cases img{float: left;  width: 250px; padding-top: 15px;}
.cases .casetext{float: right; width: 350px} 

/*Footer Style*/
.footer{ padding-top: 16px; border-top: 10px solid #dfdfdf; text-align: right; background-color: #305593; overflow: hidden; padding-left: 5px; padding-right: 10px; padding-bottom: 15px}
.footer ul {float:left; margin:0; padding:0; list-style: none;  z-index: 3;  }
.footer ul li {float: left; width: 5em; }
.footer a {color: white !important; font-size: 9pt !important; }

.copyright{float:right;font-size:8pt; color:white; font-family: Hei; line-height: 26px}