@charset "utf-8";
/* CSS Document */

div {margin:0px;} 
p, ul, h2, h3, h4, h5, form, img{margin:0px;}
ul{list-style-type:none;}
body {background-image: url(images/bg.gif);background-repeat: repeat;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#B1DDF4;}
.formstyle {
	font-size:12px;
	padding-top: 10px;
	line-height: 1.2em;
}
.buttonstyle {font-size:12px; background-color:#41abe2; border:solid 1px #0092dd; padding-left:5px; padding-right:5px; padding-bottom:3px; color:#FFFFFF; }
.buttonstyle:hover {background-color:#4ac1ff}
/* ============= HEADER PANEL ================ */
#vnu { width:900px; position:relative;margin:0 auto; top: 0px; height:5px;} 
#headerwrapper {width:100%;position:relative;margin:0 auto 0 auto;padding:0px;height:210px;}
#banner {background-image:url(images/bannerbg.jpg);	height:200px;padding:0px;width:100%;text-align:center;}
.bannerspace {background-image:url(images/bannerspace.png);height:11px;padding:0px;	width:100%;}
/* ================================================================== */


/* ============= MAIN PANEL ================ */


#navmain {position:relative;margin:0 auto;top:0px; left:0px;height:51px;width:900px;background:url(images/navbg.jpg) #efefef;}
#navmain ul {margin: 0;padding: 0;list-style: none;width: 900px;float: left;}
#navmain ul li {float: left;}
#navmain ul a {display: block;height:41px;padding: 0 1.5em;line-height: 2.8em;background: url(images/divider.jpg) repeat-y right top;text-decoration: none;color: #000; font-family:Verdana; font-size:15px;}
#navmain ul a:hover { background-color:#FFFFFF;}
#navmain .selected {background: url(images/navbg_hover.jpg);}
#navmain .selectedbg { background:url(images/divider.jpg) repeat-y right top;}



/*==================================================================*/


/* ============= CONTENT ================ */

#maincontent {
	background:#efefef;width:900px;height:auto;position:relative;margin:0 auto;
}

.clear {clear: both; height:10px;}

#leftpanel {width:250px; position:relative; margin-left:15px; margin-top:0px; height:auto; float:left;}

#specialtour{width:100%; height:auto;background-color:#FFFFFF; position:relative; margin:0 auto; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
#specialtour img { padding-top:8px; padding-bottom:8px; padding-left:8px;}
#specialtour h2 {background: url(images/bgtitle.jpg) bottom repeat-x; padding:10px; font-size:22px;font-family:Cambria , "Times New Roman", Times, serif;color:#0099FF;}
#specialtour p {background-color:#FFFFFF; padding-top:10px; padding-left:10px; padding-bottom: 5px; padding-right:10px;font-size:11px; line-height:1.5em;}
#specialtour a {color:#0099FF; text-decoration:none; font-weight:bold;}
#specialtourfoot {background-color:#FFFFFF; width:100%; text-align:right;}
#specialtourfoot p {padding-left:15px; padding-bottom:15px;font-size:11px;}
#specialtourfoot a {text-decoration:none;color:#117ebc;font-weight:bold;}
#specialtourfoot a:hover {text-decoration:none; font-weight:bold;color:#0099FF;}

#midpanel {width:400px; height:auto; position:relative; float:left; margin-left:15px; margin-top:0px;}

#tourcontent {background-color:#FFFFFF; position:relative; margin: 0 auto;width:400px; height:auto;border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
#tourcontent h2 {background: url(images/bgtitle.jpg) bottom repeat-x; padding:10px; font-size:22px;font-family:Cambria , "Times New Roman", Times, serif;color:#0099FF;}
#tourcontent h3 {background: url(images/bgtitle.jpg) bottom repeat-x; display:block; padding-top:20px; padding-bottom:6px; padding-left:0px; font-size:14px; color:#000000; font-weight:bold; width:90%; margin-left:15px;}
#tourcontent p {margin-top:8px; padding-left:15px; padding-right:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal; line-height:1.7em;}
#tourcontent a {text-decoration:none;color:#333333;font-weight:bold;}
#tourfoot {background-color:#FFFFFF; width:100%; text-align:right;}
#tourfoot p {padding-left:15px; padding-bottom:15px;font-size:11px;}
#tourfoot a {text-decoration:none;color:#117ebc;font-weight:bold;}
#tourfoot a:hover {text-decoration:none; font-weight:bold;color:#0099FF;}


#rightpanel {width:200px;height:auto;position:relative;margin-top:0px;float:right;margin-right:10px;}

#search {background-color:#FFFFFF; position:relative; margin: 0 auto;width:100%; height:auto;border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
#search h2 {background: url(images/bgtitle.jpg) bottom repeat-x; padding:10px; font-size:22px;font-family:Cambria , "Times New Roman", Times, serif;color:#0099FF;}
#search p {margin-top:8px; padding-left:15px; padding-right:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; line-height:1.7em;}
#search a {text-decoration:none;color:#333333;font-weight:bold;}
#searchfoot {background-color:#FFFFFF; width:100%; text-align:center;}
#searchfoot p {padding-left:15px; padding-bottom:15px;font-size:11px;}
#searchfoot a {text-decoration:none;color:#117ebc;font-weight:bold;}
#searchfoot a:hover {text-decoration:none; font-weight:bold;color:#0099FF;} 

#info {	background:url(images/rightpaneltop.gif) no-repeat;position:relative; margin-top:0px; margin-left:20px;width:180px;height:auto;}
#info h2{font-family:Verdana; font-size:12px; font-weight:bold;padding: 8px 0px 8px 10px;}
#infocontent {background-color:#FFFFFF; font-size:11px; position:relative; margin: 0 auto; height:auto;}
#infocontent p {padding: 10px 20px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1em;}
#infocontent a {text-decoration:none;color:#333333;}
#infocontent a:hover {text-decoration:underline; color:#990000;}
#infofoot {background:url(images/rightpanelbottom.gif) no-repeat bottom; height:25px; position:relative; margin: 0 auto;}


#department { background:url(images/rightpaneltop.gif) no-repeat;position:relative; margin-top:15px; margin-left:20px; width:180px; height:200px;}
#department h2{font-family:Verdana; font-size:12px; font-weight:bold;padding: 8px 0px 8px 10px;}
#departmentcontent {background-color:#FFFFFF; font-size:11px; position:relative; margin: 0 auto;}
#departmentcontent p {padding: 8px 20px 10px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1em;}
#departmentcontent a {text-decoration:none;color:#333333;}
#departmentcontent a:hover {text-decoration:underline; color:#990000;}
#departmentfoot {background:url(images/rightpanelbottom.gif) no-repeat bottom; height:25px; position:relative; margin: 0 auto;}


/* ------------------------- news and announcement ----------- */
#subnav{background-color:#FFFFFF; background:url(images/subnavbg.jpg); font-size:11px; width:900px; height: 36px; position:relative; margin: 0 auto; border-bottom:1px #CCCCCC solid;}
#subnavleft {font-size:11px; width:500px; height:29px; line-height:2em; position:relative; margin: 0px 0px; float:left;}
#subnavleft p{font-size:11px; padding: 8px;}
#subnavleft ul {margin: 0px 0px 0px 0px;padding: 0px;list-style: none;width: 500px;float:left;height:35px;}
#subnavleft ul li{margin: 0px 0px 0px 0px;float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;height:29px;}
#subnavleft li a{display: block;padding: 5px 2em;line-height: 2.1em;text-decoration: none;color:#000;float: left;height:29px; background:url(images/navdivider.jpg) repeat-y right;}
#subnavleft ul a:hover {color: #333;height:26px; background-color:#FFFFFF;}
#subnavleft .selected { background-color:#FFFFFF; color:#000; font-weight:bold; height:38px;}

#subnavsearch {font-size:11px; width:300px; height:auto; position:relative; margin-right:10px; float:right; text-align:right; padding-top:5px;}
#seachbar {background-color:#FFFFFF; font-size:11px; width:890px; height: 35px; line-height:2em; text-align:right; position:relative; margin: 0 auto; border-bottom:1px #CCCCCC solid; padding-right:10px; padding-top:8px;}

#contentwraper {
	background-color:#FFFFFF;
	padding:8px;
	width:660px;
	height:auto;
	position:relative;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	float:left;
	margin-right:10px;
}

#content {position:relative; width:100%; height:auto;}
#content h2 { font-family:Cambria , "Times New Roman", Times, serif; font-size:27px; color:#0085d2; font-weight:normal; padding-top:5px; padding-left:5px; padding-bottom:8px; background:url(images/bgtitle.jpg) repeat-x bottom;}
#content h3 {font-size:14px;color:#333333; padding-left:20px; padding-top:5px; padding-bottom:8px; background-color:#f1f1f1; display:block;}
#content p {padding-left:25px; font-size:12px; padding-top:10px; display:block; line-height:2em;}
#content .adjustleft { padding-left:40px;}
#content .intro { line-height:2em; padding-right:10px;}
#content img {
	float:left;
	padding-left: 15px;
	padding-top:8px;
	padding-right:15px;
	padding-bottom:10px;
}
#content h4 {color:#333333;text-decoration:none;background-color:f0f0f0; display:block;height:25px; padding-top:8px; padding-left:10px;font-weight:bold;padding-bottom:4px;background-color:#f2f2f2;}
#content h4:hover {text-decoration:none; color:#484848; font-weight:bold;display:block;height:25px; padding-top:8px; padding-bottom:4px; padding-left:10px; background-color:#f2f2f2;}
#content span {
	font-size:12px;
	padding-left:20px;
	width:550px;
	display:none;
	color:#000;
	padding-bottom:3px;
}
#content i {font-size:10px;padding-left:20px;color:#666666;}
#content label {vertical-align:text-top;}
#content noformat  {font-size:11px; text-decoration:none; color:#330000; font-weight:bold;}


#contentoptions {position:relative; margin-top:10px; margin-left:5px; width:100%; height:30px;background:url(images/bgtitle.jpg) repeat-x top; font-size:11px; text-align:right; padding-top:15px;}
#contentoptions span { width:100%;padding-top:15px; padding-left:20px; font-size:11px;}
#contentoptions a {font-size:11px; text-decoration:none; color:#330000; font-weight:bold;}
#contentoptions a:hover {background-color:#FFFFFF; color:#666666;}
#contentoptions .left {position:relative; float:left;}
#contentoptions .right {position:relative; float:right; padding:7px;}

#contentspace {position:relative;top:0px; left:0px; width:100%; height:20px;}

#contentgallery {width:100%; height: 500px;}

/* ============= FOOTER ================ */
#footer {background-color:#e1e1e1;width:900px;height:60px;text-align:right;position:relative;margin: 2px auto;font:11px/50px Verdana, Arial, Helvetica, sans-serif;}
#bottom {background:url(images/bottom.png); background-repeat:repeat-x; background-position: bottom; height: 149px; width:100%; position: relative; text-align:center;}
#bottomshadow {background:url(images/bottomshadow.png); background-repeat:repeat-x; width:900px; height:11px; padding:0px; position:relative; margin:0 auto;}


#news_header {color:#333333;text-decoration:none;background-color:f0f0f0; display:block;height:25px; padding-top:8px; padding-left:10px;font-weight:bold;padding-bottom:4px;background-color:#f2f2f2;}