@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0; }
body{
	font-size:10px;/*62.51em=10px;12px*/
	font-family:Verdana,Arial,Helvetica,sans-serif;/**/
	color:#00285B;
	background:#CBDBED;
}
img { border-style: none;}
a { color:White; text-decoration: none; } 
a:hover { 
	color:#F60;
	position:relative; top:0.4px; left:1px; 
	 }/*#F60;#EA7808;#D25714;#F00;*/
.other_text a:link { color:#069; text-decoration: underline;}
.other_text a{ color: #00285B; }/*#E0820E*/
.other_text a:hover{ color:#F60!important;}
.other_text a:visited{ color:#069; } 
.other_text {
	font-size:1.6em;/*16px*/
	height:16px ;/*16px*/
	line-height:24px;/*24px*/
	text-align:left;
	font-weight: bold;	
}/*text-justify:inter-word; inter-word; */

.clearfloat {clear:both;height:0;line-height: 0px;}
#container_all_all{
	width: 1030px;/*1030px*/	
	max-height:auto;/*630px*/
	margin:auto;
	border:1px solid #999;
	background:#FFF;}/*height: expression(this.style.height>=this.scrollHeight?'630px':this.scrollHeight+'px');*/

#top{
	height:10px;/*10px*/
	width:100%;}
#container_all{
	width:1000px;/*1000px*/
	margin:auto;
	bottom:20px;	/*20px*/
	}/*border:1px solid #999;*/
	
#header{	
	height:80px;/*80px*/
	width:1000px;/*1000px*/	
	background-color:#A2C0E4;
	} /*background-color:#A2C0E4;#9FC1E6;*/	

#header_logo {
	height:80px;/*80px*/
	width:740px;/*740px*/
	background-image:url(../images/banner1.jpg);
	background-repeat: no-repeat; 
	float:left }
#header_l { 
    float:left; 
	height:80px; /*80px*/
	width:11px; /*11px*/
	overflow:hidden; /**/
	background:url(../images/round-corner-l.jpg) no-repeat;}
#date{
	float:left;
	color:#DC842D; /*#DC842D;#C44C0D*/	
	height:25px;/*25px*/
	width:180px;/*180px*/
	position:relative;
	top:5em;/*55px*/
	font-size:1.1em;/*11px;*/
	font-weight:bold;/*font-weight:bold; */
	text-align:center;
	
	}
#login{
	height:25px;/*25px*/
	width:40px;/*40px*/
	position:relative;
	top:55px ;/*55px*/
	font-size:1.1em;/*12px*/
	float:left;	
	font-weight:bold;	
	text-align:center;
      }
#login a{color:#00285B;}
#login a:hover {color:#F60;}
#header_r { 
     float:right; 
	 height:80px ; /*80px*/
	 width:11px ; /*11px*/
	 overflow:hidden; 
	 background:url(../images/round-corner-r.jpg) no-repeat;}


.line_blank{	height:3px;}/*the blank in horizonl direction*/
.vertical_blank{
	width:0.4%; /*5px*/
	height: 250px;/*250px*/
	float:left;}/*the blank in vertial direction*/
#nav{ 
      font-size:1.2em;
	  list-style-type:none; 
	  border-top:1px solid #CCC;
	  width:1000px;/*1000px*/
	  height:26px;/*26px*/
	  z-index: 100; 
	  position:relative;
	  background:#00285B; 
	  font-weight:bold;}
	  /*background:#00285B; menu. z-index and position set the menu always be in front of the page, but not hided behind other content*/
.nav a {display:block;}	
#nav ul{
	padding:0;	
	list-style-type:none;
	margin:auto;}	/*border-right:1px solid #CCC;*/
#nav ul li{
	background-color:#00285B;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:0px 6px ; /*0px 8px*/ 
	height: 26px;/*26px*/
	line-height:26px;/*26px*/
	position:relative;	
	float:left; 
	} 
#nav ul li ul li{
	float:none;}
#nav ul li ul{
	position:absolute;
	left:0px;
	top:27px; /*27px*/
	list-style-type:none;
	width:150px;/*150px*/
	display:none;
	}/*position:absolute;*/
#nav ul li ul :hover{
	color:#F60;
    background-color:#657E9E;
	
	} 
/*for the arrows*/	 	
.nav ul li ul li span{
	display:block;
	background-image:url(../images/arr_white_2.gif) ;
	background-position:right center;
	background-repeat: no-repeat;
    padding-right:8px;}
.nav ul li ul li:hover span{
	display:block;
	background-image:url(../images/arr_orange.gif) ;
	background-position:right center;
	background-repeat: no-repeat;
    padding-right:8px;}
	
#nav ul li ul li ul{
	position:absolute;
	left:150px;/*150px*/
	top:0;
	list-style-type:none;
	width:150px;/*150px*/
	display:none;
	}
#nav ul li ul li ul li{
	float:none;}


#nav ul li.current ul { display:block;}
#nav ul li:hover ul { display:block;}

#nav UL :hover UL UL {

VISIBILITY: hidden
}
#nav UL :hover UL :hover UL UL {
VISIBILITY: hidden
}
#nav UL :hover UL :hover UL {
VISIBILITY: visible
}
#nav UL :hover UL :hover UL :hover UL {
VISIBILITY: visible
} 

/*#nav ul li ul li.current ul li ul{ display:block;}
#nav ul li ul li:hover ul li ul{ display:block;}*/

/*#menu ul li ul { display:none; border:1px solid #ccc;}
#menu ul li:hover ul { display:block;}*/

#main {} 
#myFocus {float:left;}
#main_top{
	width:1000px;/*1000px*/
	height:200px;}/*200px*/

#main_top_side {
	width:490px ;/*490px*/
	float:right;
	height:198px;/*198px*/
	background-color:#FFF2E9;
	border:1px solid #E2DED2;
	}  
#search_box{
	text-align: right;
	width:230px ;/*175px*/
	height:19px;
	line-height:19px;	/*24px*/
	float:right;	
	margin-right:20px;
	margin-left:6px;
	top:3px;
	position: relative;/*10px*/	
}/*	margin-top:2px;  position:absolute;	z-index:120;display:block; position:absolute;width:300px; ;*/
#search_boxl{
	text-align: right;
	width:230px ;/*175px*/
	height:19px;
	line-height:19px;	/*24px*/
	float:center;	
	margin-right:20px;
	margin-left:6px;
	top:3px;
	padding-left:320px;
	position: relative;/*10px*/	
}
.search {
	border:1px solid #E2DED2;    
	font-size:0.9em;
	color:#666;
	text-align:center;
	margin-right:4px;	
	margin-left:4px;
	background:url(../images/search-icon-right.png) 0 0 no-repeat;
	background-color:#FFF;
	height:17px;/*17px*/
	line-height:17px;
	width: 130px;
	vertical-align:middle;  
    display:table-cell;      
	}/*17px' size="16"; _position:absolute;    _top:50%; */
.search_go {	
	background-image:url(../images/GO1.png);
	background-color:transparent;
	width:25px;/*25px*/
	height:19px;/*17px+2*/
	line-height:19px;	/*17px+2*/
	vertical-align:middle;  
       display:table-cell;
	}/*background-color:#D6D6D6;_position:absolute;     _top:50%;*/
.bold{
	font-weight:bold;}	
#ncrtm_intro{	
	margin-left:5px;/*5px*/
	margin-right:5px;/*5px*/
	margin-top:1px;
	line-height:130%;}/*	*/
#ncrtm_welcome{
	font-weight:bold;
	font-size:1.6em;/*16px*/
	margin-top:0;
	margin-bottom:5px;/*5px*/
	text-align:center;}
#web20{
	margin-right:5px;
	margin-bottom:5px;
	margin-top:20px;}  
#main_bottom {
	margin:auto;	
	height:250px;/*250px*/
}/*border: 1px solid #E2DED2;*/
.news_box{
	text-align:left;
	height: 250px;/*250px*/
	border: 1px solid #A3C1E7;    
	background-color:#FFF2E9;
	float: left;}
.news_content {
	font-size:1.2em;
	left:20px; /*20px*/
	top: 10px; /*10px*/
	position:relative;
	height:17em;/*180px*/
	width:90%;
	line-height:130%;
	list-style-image:url(../images/miniarrow-right-blue.png) ;
	} 
.news_content a{ color: #00285B; }
.news_content a:hover{ color:#F60; }
.icon{
	width:30px;/*30px*/
	height:22px;/*22px*/
	float:left;}
.icon2{
	width:25px;/*25px*/
	height:25px;/*25px*/
	float:right;}
.icon3{
	width:45px;/*45px*/
	height:23px;/*23px*/
	float:right;}
.icon4{
	width:23px;/*23px*/
	height:23px;/*23px*/
	float:right;}
.vertical_blank2{
	width:3px; 
	height:25px; 
	float:right;}/*the blank in vertial direction*/

.news_title_box{
	width:100%;/*328px*/
	height:23px;/*23px*/
	line-height:23px;/*23px*/
	overflow:hidden;
	background-image:url(../images/news_title_bg1.jpg);
	background-repeat:repeat-y;
	}/*background-color:#597394;*/
.news_title_text{
	font-size:1.2em;
	position:relative;
	left: 5px;
	color:  #FFF;
	font-weight:bold;		
	font-style:italic;
	}/*no effect: vertical-align:middle;font:bold #00285B large italic;*/
#events{ 	
    width:32.8%;
	/*328px*/
	}
/*border-right: 2px solid #A3C1E7;*/
#modules{
	width:32.8%;
	margin-left:4px;}/* margin-left:auto;
	margin-right:auto;328px325px */
/* #modules_title {width:325px;}*/
#communities{width:32.8%;
          float:right;}/*328px*/
/*width for the blank and the borders:5px*2+2px*6=22px
border-top-right-radius: 15px;*/
.more{
	font-size:1.2em;
	text-align:right;
	left:20px;
	top: 0;
	position:relative;
	width:90%;
	font-weight:bold;
}
.more2{
	font-size:1.2em;
	text-align:left;
	top:5px;
	position:relative;
	font-weight:bold;
}
.more2 a{ color: #069; }
.more2 a:hover{ color:#F60; }
.more a{ color: #069; }
.more a:hover{ color:#F60; }

#footer{
	width:1000px;
	height:25px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-y;
	background-color:#00285B;}
	/*	border-bottom:2px solid #999;*/

#footer_links{
	float:right;
	list-style-type:none;
	height:20px;	
	font-size: 1em;
	 }/*width:100%;*/
	 
#footer_links  a{ color:white;}
#footer_links a:hover{ color:#F60;} 
#footer_links ul{margin:auto;}
#footer_links ul li{
	text-align:right;
	font-size:1em;
	list-style-type:none;
	border-right:1px solid #999;	 /*#999, #CCC*/
	padding: 0px  8px; 
	height: 20px;
	line-height:20px;
	position:relative;	
	background-color:#00285B;
	float:right;}
#footer_copyright{
	width:1000px;
	height:20px;}
#copyright{	
	width:978px;
	background-color:#A6C0E5;
	float:left;
	text-align:center;
	font-size:1em;
	height:20px;
	line-height:20px;
	}
#copyright a:hover{ color:#F00; }/*#F03;#F30;#F60;#F00*/
#copyright a{ color: #00285B; }
.w3c {
	float:left;
	height:20px;
	width: 8.8em; }
#footer_l { 
    float:left; 
	height:25px; 
	width:11px; 
	overflow:hidden; background:url(../images/round-corner-bottom-l20.jpg) no-repeat;}
#footer_r { 
    float:right; 
	height:25px; 
	width:11px; 
	overflow:hidden; background:url(../images/round-corner-bottom-r20.jpg) no-repeat;}	

/*subpages*--staff/
.subpage_border{border:1px solid #999 ; height:450px;background-color:#FFF2E9;}/*main_top: 200px; main_bottom:250px;*/
.main_sub{	
	margin:5px;
	margin-left:10px;
	margin-right:10px;
	line-height:125%; 	
	}
	.main_sub a:hover{color:Red}
.subpage_main
    {background-color:#FFF2E9;
	height:100%;}
	.subpage_main a{color:#006699;}
	.subpage_main a:hover{color:#F60}
.image{
	width:450px;
	height:200px;
	
	}/*text-align:center;
	margin: 0 auto;*/
.subpage_title{
	font-weight:bold;
	font-size:1.3em;}
#tour  {
	font-size:2em;
	text-align: center;
	text-decoration: underline;}
#tour a {color: #00285B;}
#tour a:hover {color: #F60;}
.staff {
	font-size:1.2em;
	height:150px;
	width:465px;
	float:left;
	margin-left:20px;
	margin-bottom:15px;}
.staff2{
	height:50px;
	width:470px;
	float:left;
	margin-left:3px;}
#contact {
	margin:0 auto;
	width:430px;
	height:450px;
	overflow:hidden;
	}/*margin-left: 15%;*/
#contact_title {
	font-weight:bold;
	text-align:center;
	font-size:1.3em;}
#contact_info {
	width: 250px;
	margin:0 auto;
	font-size:1.2em;}
.photos{
	width:120px;
	height:140px;
	float:left;
	margin:5px;
	border:#FC0 1px solid;}
.description	{
	float:left;
	margin:5px;}
.description a:link { color:#069;}
.description a{ color: #00285B; }/*#E0820E*/
.description a:hover{ color:#F60; } 
.staff_title{
	font-weight:bold;		
	font-style:italic;
	position:relative;
	left: 20px;
	font-size:1.4em;
	}
	
/*sitemap*/	
#sitemap{  	 
	  width:500px;
	  z-index: 100;
	  margin: 0 auto;
	  height:auto;
	   }	
#sitemap ul{
	padding:0px;
	margin:0px;	
	float:none;

	}	/*border-right:1px solid #CCC;list-style-type:circle;	*/
#sitemap ul li{		
	margin:0px;	
	height:auto;
	line-height:2.6em;
	position:relative;	
	list-style-image:url(../images/miniarrow-right-blue.png);	
	font-size:1.6em ;
	font-weight:bold;
	
	} 
#sitemap ul li ul li{	
	position:relative;
	display:block;
	left:6em;
	top: 0em;	
	float:none;
	font-size:1.6em;
	font-weight:100;
	list-style-image:none;
	list-style-type:circle;
	}
#sitemap ul li ul{
	left:0em;
	top:0em; 	
	position:relative;	
	
	}/*position:absolute;*/
#sitemap ul li ul li ul{
	position:relative;
	left:10px;	
	}
#sitemap ul li ul li ul li{	
	left:5em;
	top:0em;
	position:relative;
	list-style-type:square;	
	list-style-image:none;
	font-size:1.6em;
	font-weight:100;
	}/*position shoube be relative, but not absolute.*/
	
/*sitemap2*/	
.sitemapColumn  {
	width: 25em;
	float:left;
	margin-left:15em;}
.sitemapTitle{
	width:30em;
	height:23px;	
	line-height:23px;
	color: #00285B;
	font-weight:bold;
	
	margin-bottom:0em;
	}/*border: 1px solid #00285B; */
.sitemap2{
	width:100%;
	
	margin-top:0em;
	margin-bottom:1em;}/*border-left:1px solid #00285B;*/
.sitemap2 a{ color: #00285B; }
.sitemap2 a:hover{ color:#F60; } 
.sitemap2 ul li {	
	position:relative;
	display:block;
	left:6em;
	top: 0em;	
	float:none;
	font-size:1.2em;
	font-weight:100;
	list-style-type:circle;
	}
.sitemap2 ul {
	left:0em;
	top:0em; 	
	position:relative;	
	
	}/*position:absolute;*/
.sitemap2 ul li ul {
	position:relative;
	left:10px;	
	}
.sitemap2 ul li ul li {	
	left:5em;
	top:0em;
	position:relative;
	list-style-type:square;	
	list-style-image:none;
	font-size:1.2em;
	font-weight:100;
	}/*position shoube be relative, but not absolute.*/
/*NTAP page*/
.title1{
	margin-left:4%;}
.title2{
	margin-left:10%;}
.NTAP{height:420px;}
.margin{ margin-left:2%;}