html{margin:0; padding:0; background:#7e8284;}
body{
	margin:0;
	padding:0 0 0px 0;
	background:#7e8284;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	color:#000; 
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

/*-------------common-------------*/
.wraper{
	max-width:980px;
	margin:0 auto;
}

/*-------------bg-------------*/
#bg{
	position:fixed;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
}
.bg{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}

#preload{
	position:fixed;
	z-index:100;
	right:5px;
	bottom:45px;
	width:24px;
	height:24px;
	padding:10px;
	background:url(../_images_/bg_black.png);
			border-radius:5px;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:none;
}

#slider-nav{
	position:fixed;
	z-index:20;
	left:0px;
	bottom:60px;
	padding:10px 15px 15px 10px;
	background:url(../_images_/bg_black.png);
}

#slider-nav li{
	width:12px;
	height:12px;
	display:block;
	margin:7px 0 0 0;
	background:url(../_images_/bg_blue.png);
	cursor:pointer;
}
#slider-nav li:hover{
	background:#3394b3;
}
#slider-nav li.active{
	background:url(../_images_/bg_box.png) top repeat-x;
}


/*-------------header-------------*/
#header{
	position:fixed;
	width:100%;
	padding-top:30px;
	z-index:99999;
	color:#fff;
}

#logo{
	float:left;
	width:240px;
}

#nav{
	float:left;
	padding:15px 0 0 0;
}

#nav li{
	float:left;
	margin:0 0 0 20px;
	position:relative;
	z-index: 99999999;
}
#nav a{
	color:#fff;
	font-size:16px;
	text-decoration:none;
	text-shadow:1px 1px 0px rgba(0,0,0,.2);
	float:left
}
#nav a:hover{
	color:#cceceb;
}
#nav > li.active a{
	color:#cceceb;
}
#nav ul > li.active{
	border-bottom:2px solid #7fd622;
}
#nav ul ul{
display: none;
position:absolute;
left:0;
top:95%;
margin:0;
padding:0
}
#nav ul li:hover > ul{
display:block;
}
#nav ul li li a{
float:none;
width:160px;
background:#768DAC;
border-bottom:2px solid #7FD622;
float:none;
display:block;
padding:5px 10px
}
#nav ul ul li{
margin:0;
padding:0
}
#nav ul li li:hover > ul{
display:block;
left:100%;top:0
}
.nav{
	width:40px;
	height:40px;
	margin:0 auto;
	background:url(../_images_/nav.jpg) top no-repeat;
	cursor:pointer;
	display:none;
}
.nav_active{
	background-position:bottom;
}

#search{
	float:right;
	padding-top:0;
	margin-top:-20px;
	width:185px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	text-shadow:1px 1px 0px rgba(0,0,0,.2);
}
#search select{
	border:1px solid #b1b1b1;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
			border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
	padding:5px;
	margin:0 0 10px 0;
	width:100%;
}

.search-box{
	padding:5px 20px 0 5px;
	height:23px;
	background:url(../_images_/search.png) right no-repeat #fff;
	border:1px solid #b1b1b1;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
			border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;	
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
}
.search-box form{margin:0}
.search-box-focus{
	background-color: #f5f5f5;	
	border:1px solid #7d7d7d;
	border-bottom:1px solid #cacaca;
	border-right:1px solid #cacaca;	
}

.search-box input{
	border:none;
	padding:0;
	margin:0;
	background:none;
	width:100%;
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#666;
	outline:none;
}

/*-------------welcome-------------*/
#welcome{
	position:fixed;
	z-index:99;
	width:438px;
	top:30%;
}

#welcome-box{
	float:left;
	width:345px;
	padding:30px 20px 30px 30px;
	color:#fff;
	background:url(../_images_/bg_blue.png);
}
#welcome-btns{
	width:43px;
	height:100px;
/*	float:right ;*/
	top:120%!important;
	position:absolute;
}
#welcome-btns a{
	display:block;
	position:relative;
	width:43px;
	height:50px;
	background-color:#191919;
}
#welcome-btns a:hover{
	background-color:#444;
}

#welcome-txt{
	margin-top:0px;
	/*height:80px;
	overflow:hidden;*/
	padding-right:10px;
}

a.arr-left{
	background:url(../_images_/arr.gif) top no-repeat #191919;
}
a.arr-right{
	background:url(../_images_/arr.gif) bottom no-repeat #191919;
}

/*-------------main-------------*/
#main{
	position:fixed;
	z-index:19;
	bottom:40px;
	width:100%;
}
#main-sub{
	position:fixed;
	z-index:19;
	bottom:40px;
	width:100%;
}



/*-------------box-------------*/

.box{
	margin-bottom:30px;
	background:url(../_images_/bg_box.png) bottom repeat-x;
	box-shadow:0px 0px 1px rgba(255,255,255,1) inset;
}

.box-head{
	padding:15px 10px 5px 12px;
	height:36px;
	background:url(../_images_/bg_wheel.png) right 20px no-repeat;
	color:#1a4d5d;
	font-size:22px;
	text-shadow:0px 5px 5px rgba(0,0,0,.15);
}

.compass{
	background:url(../_images_/bg_compass.png) right 20px no-repeat;
}

.box-content{
	padding:0 18px;
	height:215px;
	overflow:hidden;
}
.box-footer{
	padding:0 15px;
	text-align:right;
}

#news-events{	
	width:270px;
	height:310px;
	float:right;
}
#news-events .box-content{
	overflow-y:scroll
}
#upcoming-events{	
	width:270px;
	height:310px;
	float:right;
	margin-left:25px;
}

#upcoming-events-bg{
	width:100%;
	height:100%;
	background:url(../_images_/tree.png) bottom right no-repeat;
}

.news-events-list li{
	padding: 0 0 12px 20px;
	background:url(../_images_/dot_news.png) 0 2px no-repeat;
	color:#333;
	font-size:12px;
	line-height:18px;
}

.upcoming-events-list li{
	padding: 0 0 15px 30px;
	background:url(../_images_/dot_upcoming_events.png) 0 3px no-repeat;
	color:#333;
	font-size:12px;
	line-height:18px;
}

/*-------------sub-------------*/
#left{
	width:260px;
	float:left;
}
#left-space{
	height:25px;
}
#right{
	margin-left:280px;
}

.sub-nav li{
	padding:4px 0 4px 15px;
	background:url(../_images_/dot.png) 5px 12px no-repeat;
	position:relative
}
.sub-nav a{
	text-decoration:none;
}
.sub-nav a:hover{
	text-decoration:underline;
}
.sub-nav ul{
display:none;
position:absolute;
left:100%;
top:0;
}
.sub-nav ul a{
display: block;
width:160px;
background: #768DAC;
border-bottom:1px solid transparent;
z-index:999;
padding: 5px 10px;
color:#fff
}
.sub-nav li:hover ul{
display:block
}
#left.box{overflow:visible!Important}
#mobile-nav{display:none;}

.green_line_top{
	background:url(../_images_/green_line.png) top repeat-x;
}
.green_line_bottom{
	background:url(../_images_/green_line.png) bottom repeat-x;
}

.box-content-sub{
	padding:0 18px;
}

.position{
	font-size:11px;
	color:#589e9d;
	line-height:16px;
	height:16px;
}
.position a{
	color:#206679;
}

.printer{
	float:right;
	padding:0 0 0 15px;
	margin-left:15px;
	background:url(../_images_/ico_printer.jpg) left no-repeat;
}
.email{
	float:right;
	padding:0 0 0 15px;
	background:url(../_images_/ico_email.jpg) left no-repeat;
}

.title{
	font-size:24px;
	font-weight:normal;
	height:24px;
	padding:15px 0 18px 0;
	
	color:#1a4d5d;
	background:url(../_images_/green_line.png) bottom repeat-x;
}

.content{
	margin:15px 0 0 0;
	padding-right:15px;
	overflow:hidden;
}

.img_left{
	float:left;
	padding:5px;
	background:#fff;
	border:1px solid #eee;
	margin-right:15px;
}

/*-------------footer-------------*/
#footer{
	position:fixed;
	z-index:20;
	bottom:0;
	width:100%;
	padding:10px 0;
	height:20px;
	background:#000;
	color:#ccc;
}

#footer a{
	color:#fff;
	
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

.more{
	padding:0 0 0 22px;
	background:url(../_images_/arr_updown.gif) top left no-repeat;
}
#footer .more:hover{
	opacity:.8;
	text-decoration:none;
}
.more_active{
	background-position:0px -20px;
}


#footer-right{
	float:right;
	text-align:right;
	font-size:12px;
}
#social{float:left; padding-right:20px;}
#social li{
	float:left; 
	padding:2px 0px 0px 10px;
}


/*-------------footer bar-------------*/
#footer-bar{
	width:100%;
	padding:25px 0;
	background:url(../_images_/bg_black.png);
	display:none;
}

#footer-bar-left{
	float:left;
	width:132px;
	padding:15px 0 0 0;
}

#footer-bar-links{
	margin:0 304px 0 132px;	
}

.footer-bar-links{
	float:left;
	width:40%;
	margin-left:5%;
	padding-right:5%;
	float:left;
	background:url(../_images_/bg_line.png) right repeat-y;
	text-align:right;
	line-height:22px;
}

.footer-bar-links li{	
	line-height:14px;
	padding:0 0 10px 0;
}
.footer-bar-links a{
	color:#fff;
	text-decoration:none;
	font-style:italic;
}
.footer-bar-links a:hover{
	text-decoration:underline;
}

#footer-bar-logos{
	width:304px;
	float:right;
}

#footer-bar-logos li{
	width:127px;
	height:62px;
	padding:0 0 20px 25px;
	float:left;
}
#footer-bar-logos a img{
	border:1px solid #00f;
}
#footer-bar-logos a:hover img{
	border-color:#fff;
}

#vv{
	position:fixed;
	z-index:999;
	color:#fff;
}

@media print {
	#mobile-nav,
	#footer,
	#search,
	#nav,
	.bg,
	#header{display:none!important}
	#bg,.box{background:#fff}
	#main-sub{top:0!important}
	*{color:#000!Important}
	#right,.content{height:auto!important;box-shadow:none!important}
}