@import url("reset.css");
html, body { height: 100%; }
body  
{
	margin: 0; 
	padding: 0; 
	background-color: #1b1b1b;
	font: 12px arial;
	}
	
td{ vertical-align:top; text-align:left; height:65px;}
p{margin-bottom:10px;}
a{color: #d97506; line-height:20px; font-family: Arial; font-size:12px; letter-spacing:0px; text-decoration:none; font-weight: bold;}
.title{color:#696969;
        font-size: 18px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        	margin-bottom:20px;
}
.subtitle{color:#5980a9;
        font-size: 13px;
        font-weight: bold;
        font-family: Arial, sans-serif; 	
        margin-bottom:1px;}	
	
.center {
	/*padding: 3em; */
	margin: 0px auto;
	width: 983px;
	height: auto;
	min-height: 100%;
	_height: 100%;
	background-color: #7196bd;
}

#home{background-position:top;	 background-repeat:no-repeat;
	 width:983px;height: 800px;text-align:left;position:relative;}

#header{ left: 40px; top: 18px; z-index: 10; position:absolute;}
#nav{ position:absolute; left: 40px; top: 148px; float:left; list-style:none; }
#nav li{ padding: 0 15px; float:left;}
#nav li a{ display: block; float:left; font-family: arial; font-size: 22px; color: #ffffff; text-decoration:none;}
#nav li a:hover{ color: #84b6ea;}    
#nav li.selected a { color: #84b6ea; } 

#subnav{ position:absolute; float:left; list-style:none; left: 40px; top: 182px;	width: 565px; margin: 0; padding: 0; border-right: solid 1px #464646;}
#subnav li {float: left;  margin: 0; padding: 0; border-left: solid 1px #464646;}
#subnav li a { display: block; float:left; color: #ffffff;  margin: 0; padding: 9px 11px; text-decoration: none; font-weight:bold; font-family: Arial; font-size:12px; text-decoration:none; height: 14px; }
#subnav li a:hover { background: #84b6ea; color: #000; padding-bottom: 8px; height: 15px; }  
#subnav .last a:hover { background: #84b6ea; color: #000; padding-bottom: 8px; height: 15px; width:81px;}                
#subnav li.selected, #subnav li.selectedl { background: #84b6ea; padding-bottom: 8px; height: 32px; }      
#subnav li.selected a { color:#000000; } 
#subnav li.selectedl a { color:#000000; width:81px;} 

#subnav2{ position:absolute; float:left; list-style:none; left: 40px; top: 182px;	width: 565px; margin: 0; padding: 0; border-right: solid 1px #464646;}
#subnav2 li {float: left;  margin: 0; padding: 0; border-left: solid 1px #464646;}
#subnav2 li a { display: block; float:left; color: #ffffff;  margin: 0; padding: 9px 26px; text-decoration: none; font-weight:bold; font-family: Arial; font-size:12px; text-decoration:none; height: 14px; }
#subnav2 li a:hover { background: #84b6ea; color: #000; padding-bottom: 8px; height: 15px; }  
#subnav2 .last a:hover { background: #84b6ea; color: #000; padding-bottom: 8px; height: 15px; width:78px;}                
#subnav2 li.selected, #subnav2 li.selectedl{ background: #84b6ea; padding-bottom: 8px; height: 32px; }          
#subnav2 li.selected a { color:#000000; }
#subnav2 li.selectedl a { color:#000000; width:78px;}
     
.blueline{position:absolute; left: 40px; top: 214px; width: 564px; height:5px; z-index:50; background-color:#84b6ea; border-left: solid 1px #464646; border-right: solid 1px #464646;}
.container{position:absolute; left: 40px; top: 214px; width: 564px; height:560px; z-index:10; background-color:#fff; 
         border: solid 1px #464646; border-top: none; z-index:10;}
.flash{position:absolute; left: 605px; top: 565px;}         
.content{ padding:30px; position:relative; z-index:100;}
.content_news{ padding:30px; position:relative; z-index:100; height:470px; width:504px; display:block; overflow-y: scroll; overflow-x:hidden;}

.news_title{color:#5980a9;
        font-size: 13px;
        font-weight: bold;
        font-family: Arial, sans-serif; 	
        margin-bottom:1px;
}
.news_description{ 	display: block;
	color: #666;
	font-size: 12px;
}
a.news_link{color: #5980a9; line-height:20px; font-family: Arial; font-size:13px; letter-spacing:0px; text-decoration:none; font-weight: bold;}

#footer{position: absolute; bottom: 10px; left:30px; font-family: arial; font-size: 10px;} 
.news{font: 12px arial; font-weight: bold; color: #000000; line-height:20px;}
#hankey{position:absolute; left: 347px; top: 117px; z-index:50;}

.employee{position:absolute; left: 613px; top: 50px;  z-index:50;}
.employeeI{	font: 12px arial; color: Black;}
.employeeContainer{position:relative; font-family:Arial; font-size:12px; color:#fff;}
.employeeInfo{position:absolute;left: 182px; top: 520px; width:165px; z-index:90px;}
.employeeInfom{position:absolute;left: 170px; top: 520px; width:175px; z-index:90px;}
.employeePic{position:absolute; left: 0px; top: 0px; z-index:20px;}
.employeePict{position:absolute; left: -7px; top: 4px; z-index:20px;}

.employeeName{font-family:Arial; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#fff;}
.employeeEmail{font-weight:normal; line-height:normal;}

.hp_content{width:410px; height:316px; padding: 50px 0px 0px 50px;
            font-family:Arial; font-size:20px; letter-spacing:-1px; line-height: 30px; color: #ffffff; }