*{margin:0;padding:0}
body{background:url(images/bg.jpg) repeat-x left top;font-family:Arial;min-width:1004px}
a img{border:none}

#header{height:296px;position:relative;background:url(images/window.jpg) no-repeat center top;border-bottom:solid 10px #D1D2CD}
#header #logo{display:block;width:234px;height:93px;position:absolute;left:62px;top:28px;z-index:10}
#header .headerl{width:365px;height:296px;position:absolute;left:0;top:0;background:url(images/headerl_bg.png) no-repeat left top}
#header .girl{width:244px;height:215px;position:absolute;left:44%;bottom:0;background:url(images/girl.png) no-repeat left top;z-index:100}
#header .headerr{width:350px;height:296px;position:absolute;right:0;top:0;background:url(images/headerr_bg.jpg) no-repeat left top}

#contentwr{border-top:solid 10px #E7E8EA;border-bottom:solid 7px #D1D2CD;background:url(images/contentwr_bg.gif) repeat-y right top}
#content{overflow:hidden;height:1%;background:url(images/content_bg.gif) repeat-y 250px top}

#leftbar{float:left;width:250px;background:url(images/sidebar_bg_s.jpg) no-repeat right top;padding:40px 00px}
#leftbar h2{color:#3A709B;font-size:0.8em;text-align:center;margin-bottom:0px}
#leftbar ul{list-style-type:none;font-size:0.8em;margin-bottom:0px;text-align:justify;}
#leftbar li{padding:0px 0 0 20px;}
#leftbar a{color:#000;text-decoration:none}
#leftbar a:hover{text-decoration:underline}
#leftbar .menu{width:70%;margin:0 auto 370px auto}
#leftbar .menu2{width:70%;margin:0 auto 40px auto}
#leftbar .smmenu{width:50%;margin:0 auto 20px auto}
#leftbar .portner{width:85%;margin:0 auto 20px auto;text-align:left;}
#leftbar p{font-size:0.8em;margin-bottom:15px}
#leftbar .left{background:url(images/sidebar_bg_s_l.jpg) no-repeat right top;height:20px;padding:25px 00px}

#rightbar{float:right;width:210px;background:url(images/sidebar_bg_r_s.jpg) no-repeat left top;padding:40px 00px}
#rightbar h2{color:#3A709B;font-size:0.8em;text-align:center;margin-bottom:0px}
#rightbar ul{list-style-type:none;font-size:0.8em;margin-bottom:0px}
#rightbar li{padding:0 0 0 20px}
#rightbar a{color:#000;text-decoration:none}
#rightbar a:hover{text-decoration:underline}
#rightbar .menu{width:70%;margin:0 auto 20px auto}
#rightbar .smmenu{width:70%;margin:0 auto 230px auto}
#rightbar .smmenu2{width:80%;margin:0 auto 220px auto}
#rightbar .portner{width:85%;margin:0 auto 20px auto;text-align:left;}
#rightbar p{font-size:0.8em;margin-bottom:15px}
#rightbar .right{background:url(images/sidebar_bg_r_s_r.jpg) no-repeat left top;height:20px;padding:25px 00px}

#maincont{overflow:hidden;height:1%;padding:20px 20px}
#maincont h2{color:#3A709B;font-size:0.9em;margin-bottom:15px}
#maincont h3{color:#3A709B;font-size:0.9em;margin-bottom:15px}
#maincont h4{color:#3A709B;font-size:0.9em;margin-bottom:15px}
#maincont p{font-size:0.8em;margin-bottom:15px;text-align:justify;}
#maincont p a{font-size:1em;margin-bottom:15px;text-align:justify;}
#maincont p a:hover{font-size:1em;margin-bottom:15px;text-align:justify;}
#maincont a{font-size:0.8em;color:#000;text-decoration:none}
#maincont a:hover{font-size:0.8em;text-decoration:underline}
#maincont ul{color:#000;}
#maincont li{font-size:0.8em;color:#000;}
#link_vn a{font-size:1em;color:#000;text-decoration:none}
#link_vn a:hover{font-size:1em;text-decoration:underline}


#footer{clear:both;border-top:solid 15px #E7E8EA;padding:40px 0;overflow:hidden;height:1%;font-size:0.8em}
#footer .studio{float:left;padding:0 20px;text-align:center}
#footer .copyright{text-align:center}
#footer a{color:#3A709B;text-decoration:none;font-weight:bold}
#footer a:hover{text-decoration:underline}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.men {font-family: arial, sans-serif; width:106px; height:38px; position:relative; margin:0px; font-size:11px; }
.men ul li a, .menu ul li a:visited {margin:0px 0 0 0;display:block; text-decoration:none; color:#000; width:155px; 
height:15px;  text-align:left; border:0px solid #fff; border-width:0px 0px 0 0; 
line-height:15px; font-size:13px;}
.men ul {padding:0; margin:0;list-style-type: none; }
.men ul li {float:left; margin-right:1px; position:relative;}
.men ul li ul {display: none;}

/* specific to non IE browsers */
.men ul li:hover a {color:#fff}
.men ul li:hover ul {display:block; position:absolute; top:0; left:147px; width:250px}
.men ul li:hover ul li a.hide {background:#dfc184; color:#000}
.men ul li:hover ul li:hover a.hide {width:150px;font-size:13px;margin:0px auto 0px 20px}
.men ul li:hover ul li ul {display: none;font-size:13px;}
.men ul li:hover ul li a {display:block; background:#E8E9EB; color:#000; width:200px;}
.men ul li:hover ul li a:hover {background:#D1D2CD; color:#000;}
.men ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.men ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.men ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}



.men2 {font-family: arial, sans-serif; width:106px; height:38px; position:relative; margin:0px; font-size:11px; }
.men2 ul li a, .menu ul li a:visited {margin:0px 0 0 0;display:block; text-decoration:none; color:#000; width:155px; 
height:15px;  text-align:left; border:0px solid #fff; border-width:0px 0px 0 0; 
line-height:15px; font-size:13px;}
.men2 ul {padding:0; margin:0;list-style-type: none; }
.men2 ul li {float:left; margin-right:1px; position:relative;}
.men2 ul li ul {display: none;}

/* specific to non IE browsers */
.men2 ul li:hover a {color:#fff}
.men2 ul li:hover ul {display:block; position:absolute; top:0; left:-210px; width:250px}
.men2 ul li:hover ul li a.hide {background:#dfc184; color:#000}
.men2 ul li:hover ul li:hover a.hide {width:150px;font-size:13px;margin:0px auto 0px 20px}
.men2 ul li:hover ul li ul {display: none;font-size:13px;}
.men2 ul li:hover ul li a {display:block; background:#E8E9EB; color:#000; width:210px;}
.men2 ul li:hover ul li a:hover {background:#D1D2CD; color:#000;}
.men2 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.men2 ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.men2 ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}





.men3 {font-family: arial, sans-serif; width:106px; height:38px; position:relative; margin:0px; font-size:11px; }
.men3 ul li a, .menu ul li a:visited {margin:0px 0 0 0;display:block; text-decoration:none; color:#000; width:155px; 
height:15px;  text-align:left; border:0px solid #fff; border-width:0px 0px 0 0; 
line-height:15px; font-size:13px;}
.men3 ul {padding:0; margin:0;list-style-type: none; }
.men3 ul li {float:left; margin-right:1px; position:relative;}
.men3 ul li ul {display: none;}

/* specific to non IE browsers */
.men3 ul li:hover a {color:#fff}
.men3 ul li:hover ul {display:block; position:absolute; top:0; left:147px; width:250px}
.men3 ul li:hover ul li a.hide {background:#dfc184; color:#000}
.men3 ul li:hover ul li:hover a.hide {width:150px;font-size:13px;margin:0px auto 0px 20px}
.men3 ul li:hover ul li ul {display: none;font-size:13px;}
.men3 ul li:hover ul li a {display:block; background:#E8E9EB; color:#000; width:270px;}
.men3 ul li:hover ul li a:hover {background:#D1D2CD; color:#000;}
.men3 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.men3 ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.men3 ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/* new style */
#header1 {
	background:url(images/header1_bg.jpg) repeat-x bottom left;
	height: 296px;
	position: relative;
	border-bottom:10px solid #D1D2CD;
}
#header1 .headerl {
	background:url(images/header1_left.jpg) no-repeat left bottom;
	width: 836px;
	height: 296px;
}
#header1 #logo {
	display: block;
	position: absolute;
	top: 42px;
	left: 470px;
	width: 155px;
	height: 100px;
}

#header2 {
	background:url(images/header2_bg.jpg) repeat-x top;
	height: 296px;
	position: relative;
	border-bottom:10px solid #D1D2CD;
}
#header2 .headerl {
	background:url(images/header_left2.jpg) no-repeat left top;
	width: 393px;
	height: 255px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 41px;
}
#header2 .headerl a {
	display: block;
	margin-right: 245px;
	margin-bottom: 7px;
	height: 30px;
}
#header2 .headerr {
	background:url(images/header_right2.jpg) no-repeat left top;
	width: 393px;
	height: 275px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 41px;
}
#header2 .headerr a {
	display: block;
	margin-left: 243px;
	margin-bottom: 7px;
	height: 30px;
}

#header2 #logo {
	background:url(images/logo2.jpg) no-repeat left top;
	width: 184px;
	height: 215px;
	top: 24px;
	left: 50%;
	margin-left: -92px;
	display: block;
	position: absolute;
}