body {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	line-height: 1.8em;
	background: #e7e7e7;
	/*background-image:url('../images/bg_body.jpg');*/
}

/*--Global Property--------------------------------------------*/

*{margin: 0; padding: 0;}
h1, h2 {font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}
p {margin: 2px 0; padding: 5px 0 0 25px; line-height: 160%;}


a {color: #2E3092;}
a:visited {color:#564b47;}
a:hover {color: #564b47;}
a:active { color:#2E3092;}

hr {clear:both;float:none;width:100%;height:10px;border:none;}

/*--Layout Property--------------------------------------------*/

#container {
	margin: 0 auto;
	width: 900px;
	font-size: 11px;
}
#main {
  background-image:url('../images/bg_main.png');
}

/* -----------header------------------------------------------ */
#header {
clear: both;
margin: 0;
padding: 0;
background-image:url('../images/bg_header.png');
height:126px;
width:900px;
}


/*--HOME PAGE Property-------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#mainhp {
  background-image:url('../images/bg_mainhp.png');
}

#contenthp {
	margin: 0 20px 0 20px;
	padding: 0;
}

#contenthphuh p {
 	font-size: 11px;
  line-height: 18px;
}	

#spacerhp { 
  display: block; 
	height: 21px; 
}

/*--HP SEC 01 Property---------font-size: 11px; line-height: 18px; margin: 2px 0; padding: 5px 0 0 25px; }------------------------------------*/

.hp_s01_box  { width: 860px; float: left; padding-bottom: 25px; padding-top: 15px; display: block; }		
.hp_s01_text {	min-height: 75px;}					 										 																		 										 
.hp_s01_text p { font-size: 12px; line-height: 19px; margin: 2px 0; padding: 5px 0 0 5px; }

/*--HP SEC 02 Property---------------------------------------------*/

#hp_s02 {
	clear: both;
	float: left;
	/*min-height: 1750px;*/
	width: 860px;
	margin: 0;
  padding: 0;
	border-style:solid; border-width:0px;
}

#hp_s02_l {
	float: left;
	height: 1180px;
	width: 570px;
	margin: 0;
  padding: 0;
	border-style:solid; border-width:0px;
}

.hp_s02_l1_box  { width: 265px; float: left; margin-right: 18px; border-style: solid; border-width: 0px; border-color: #fff100;}									 
.hp_s02_l1_head { min-height: 24px; width: 265px; display: block;}
.hp_s02_l1_text { min-height: 220px; border-style: solid; border-width: 1px; border-color: #2f3192; background-color: #d9d9d9; }
.hp_s02_l1_text p { font-size: 11px; line-height: 18px; margin: 2px 0; padding: 5px 5px 0 5px; text-align: center}
.hp_s02_l1_text a {color: #2E3092;}
.hp_s02_l1_text a:visited {color:#564b47;}
.hp_s02_l1_text a:hover {color: #564b47;}
.hp_s02_l1_text a:active { color:#2E3092;}
.hp_s02_l1_text a:link { text-decoration: none }


.hp_s02_l2_box  { width: 550px; float: left; padding-bottom: 15px; padding-top: 15px; display: block; }		
.hp_s02_l2_text {	min-height: 75px;}					 										 																		 										 
.hp_s02_l2_text p { font-size: 12px; line-height: 19px; margin: 2px 0; padding: 5px 5px 0 5px; }

.hp_s02_l3_box  { width: 550px; float: left; }									 										 																		 										 
.hp_s02_l3_head { min-height: 24px; width: 550px; display: block;}
.hp_s02_l3_text { min-height: 464px; border-style: solid; border-width: 1px; border-color: #2f3192; background-color: #d9d9d9; } 
.hp_s02_l3_text p { font-size: 11px; line-height: 18px; margin: 2px 0; padding: 5px 25px 0 25px; }                 
.title { margin: 2px 0; padding: 10px 5px 5px 15px; } 
.title a { font-size: 14px; font-weight: bold; color: #000000; }

.hp_s02_l4_box  { width: 550px; float: left; padding-bottom: 15px; padding-top: 15px; display: block; }		
.hp_s02_l4_text {	min-height: 170px;}					 										 																		 										 
.hp_s02_l4_text p { font-size: 12px; line-height: 19px; margin: 2px 0; padding: 5px 5px 0 5px; }



#hp_s02_r {
	float: left;
	/*height: 1100px;*/	
	width: 290px;
	margin: 0;
  padding: 0;
	border-style:solid; border-width:0px;
}

.hp_s02_r1_box  { width: 288px; float: right; padding-bottom: 15px; }									 											 																		 										 
.hp_s02_r1_head { min-height: 24px; width: 288px; display: block; }
.hp_s02_r1_text { min-height: 260px; border-style: solid; border-width: 1px; border-color: blue; background-color: #d9d9d9; }
.hp_s02_r1_text p { font-size: 11px; line-height: 18px; margin: 2px 0; padding: 5px 25px 0 25px; } 

.hp_s02_r2_box  { width: 288px; float: right; padding-bottom: 15px; }									 											 																		 										 
.hp_s02_r2_head { min-height: 24px; width: 288px; display: block; }
.hp_s02_r2_text { min-height: 150px; border-style: solid; border-width: 1px; border-color: #2f3192; background-color: #d9d9d9; }
.hp_s02_r2_text p { font-size: 11px; margin: 2px 0; padding: 5px 5px 0 15px; } 
.hp_s02_r2_text a {color: #2E3092; font-size: 11px; line-height: 14px; padding-left: 15px; }
.hp_s02_r2_text a:visited {color:#564b47;}
.hp_s02_r2_text a:hover {color: #564b47;}
.hp_s02_r2_text a:active { color:#2E3092;}
.hp_s02_r2_text a:link { text-decoration: none }	

.hp_s02_r3_box  { width: 288px; float: right; padding-bottom: 15px;}									 											 																		 										 
.hp_s02_r3_head { min-height: 24px; width: 288px; display: block; }
.hp_s02_r3_text { min-height: 250px; border-style: solid; border-width: 1px; border-color: #2f3192; background-color: #d9d9d9; }
.hp_s02_r3_text p { font-size: 11px; margin: 2px 0; padding: 5px 5px 0 5px; }
.hp_s02_r3_text a {color: #2E3092;}
.hp_s02_r3_text a:visited {color:#564b47;}
.hp_s02_r3_text a:hover {color: #564b47;}
.hp_s02_r3_text a:active { color:#2E3092;}
.hp_s02_r3_text a:link { text-decoration: none }								  

.hp_s02_r4_box  { width: 288px; float: right; padding-bottom: 15px; }									 											 																		 										 
.hp_s02_r4_text { min-height: 140px; border-style: solid; border-width: 0px; border-color: blue; background-color: #e7e7e7; }
 
.hp_s02_r5_box  { width: 288px; float: right; padding-bottom: 15px; }									 											 																		 										 
.hp_s02_r5_head { min-height: 24px; width: 288px; display: block; }
.hp_s02_r5_text { min-height: 150px; border-style: solid; border-width: 1px; border-color: #2f3192; background-color: #d9d9d9; }
.hp_s02_r5_text p { font-size: 11px; margin: 2px 0; padding: 5px 0; text-align: center;} 
.hp_s02_r5_text a {color: #2E3092; font-size: 13px; line-height: 14px;}
.hp_s02_r5_text a:visited {color:#564b47;}
.hp_s02_r5_text a:hover {color: #564b47;}
.hp_s02_r5_text a:active { color:#2E3092;}
.hp_s02_r5_text a:link { text-decoration: none }	



/*--HP SEC 03 Property---------------------------------------------*/

#hp_s03 {
	clear: both;
	float: left;
	height: 260px;
	width: 860px;
	margin: 0;
  padding: 0;
	border-style:solid; border-width:0px;
	display: block;
}

/*--HP SEC 04 Property---------------------------------------------*/

#hp_s04 {
	clear: both;
	float: left;
	height: 200px;
	width: 860px;
	margin: 0;
  padding: 0;
	/*border-style:solid; border-width:0px;  border-color: #ffffff; background-color: #e7e7e7;*/
}


/*--Side Col Property-------------------------------------------*/
#sidecol {
	float: left;
	width: 188px;
	left: 0;
	margin: 0;
  padding: 0;
  overflow: auto;
}
#sidecol h2 {
  margin-left:2px;
	padding: 3px 0 3px 4px;
	overflow: hidden;
	background: #D9D9D9;
	display: block;
	width: 179px;
	clear: both;
	color: #2E3092;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#sidecol ul  {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidecol ul li {
	display: block;
	margin: 0;
	padding: 0;
}
#sidecol ul li a{
	display: block;
	width: 163px;
	margin-left:10px;
	padding: 2px 0 2px 4px;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	color:#2E3092; 
	border-bottom: 1px solid #ffffff;
}
#sidecol ul li :hover {
	display: block;
	width: 163px;  
  margin-left:10px;
	background: #d6d3d3;
}

.current{
	display: block;
	width: 163px;
	margin-left:10px;
	padding: 2px 0 2px 4px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color:#2E3092; 
	border-bottom: 1px solid #ffffff;
}

/*--Height Property--------------------------------------------
.tall {
  height:auto !important;
  min-height:980px;
  height:980px;
}	

.short {
  height:auto !important;
  min-height:300px;
  height:300px;
}	
*/

/*--Content Property--------------------------------------------*/
#content {
	margin: 0 20px 0 250px;
	padding: 0;
}

#content p {
 	font-size: 12px;
  line-height: 19px;
}	
	
#content h1 {
  padding: 5px 0 5px 0; 
  margin-left:16px;
	overflow: hidden;
	color: #2E3092;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#content h2 {
  padding: 20px 0 5px 0; 
  margin-left: 16px;
	margin-bottom: 4px;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

#content ul  {
	list-style: square;
	margin: 0 0 0 90px;
	padding: 0;
}

#content li {
	font-size: 12px;
	margin: 0;
	list-style-image: url(../images/bullet.gif);
}

#content ul ul {
	list-style: square;
	margin: 0 0 0 30px;
	padding: 0;
}

#content li li {
	font-size: 11px;
	margin: 0;
	list-style-image: url(../images/bullet.gif);
}


#content ul li a{
}

.subhead {
  padding-left: 20px;
	color: #2E3092;
	font-weight: bold;
	font-size: 12px;	
}



#content ul li p {margin: 0; padding: 0 0 0 20px; line-height: 160%;}



/*--Footer Property---------------------------------------------*/
#footer {
	background-image:url('../images/bg_footer.png');
	clear: both;
	float: left;
	height: 150px;
	width: 900px;
	margin: 0;
  padding: 0;
}

#footer p {
  float: right;
	margin-right: 22px;
  font-size: 12px;
  text-align: center;
  color: #184466;
}
#footernav {
	width: 900px;
	float: left;
	border: 0px solid #ccc;
	/*background:#efefef;*/
}

#footernav ul {
	margin-left: 34px;
	overflow:hidden;
	list-style: none;
	display: inline;
}
#footernav ul li {
  font-size: 12px;
  width:auto;
	margin:0 0 0 2px;
	display:inline;
	padding:0 1.6em; without top;
	/*padding:0 1.4em; withtop*/
	border-left: 3px solid #ffffff;
}
/*{width:auto;margin:0 0 0 -2px;display:inline;padding:0 1.5em ;border-left: 1px solid black;}*/

.last {
  width:auto;
	margin:0 0 0 2px;
	display:inline;
	padding:0 1.5empx;
	border-right: 3px solid #ffffff;
}

#footernav ul li a{
	text-decoration: none;
	font-weight:bold;
	color: #2e3192;
}
#footernav ul li a:hover{
	text-decoration: underline;
	font-weight:bold;
	color: #2e3192;
}





	
/*--Image Shadow Property---------------------------------------------
.pic-one {
  position:relative;
  left:60px;
}

.pic-two {
  position:relative;
  left:80px;
}

.pic-three {
  position:relative;
  left:4px;
}
*/

#toparrow
{
width:16px;height:16px;
left:50%;top:95%;
margin: 0 0 0 460px;
border:0px solid #000;
position:fixed;
}
* html #toparrow { position:absolute;}

#toparrowleft
{
width:16px;height:16px;
right:50%;top:95%;
margin: 0 460px 0 0;
border:0px solid #000;
position:fixed;
}
* html #toparrowleft { position:absolute;}

#toparrowright
{
width:16px;height:16px;
left:50%;top:95%;
margin: 0 0 0 460px;
border:0px solid #000;
position:fixed;
}
* html #toparrowright { position:absolute;}



/*--Image Property---------------------------------------------*/

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 15px 10px 0 30px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
	
.p-shadow {
  width: 80%;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 70px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #184466;
  background-color: #eeeeee;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }	
	

/*--Rounded Bubble Property---------------------------------------------*/
div.bubble div.rounded {
	margin-bottom: 11px;
	border: 3px solid #fff;
	background-color: #eeeeee;
	width:350px;
	margin-left:25px;
	padding: 10px;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 10px 0 10px 0;
  padding: 0;
	/*font-size: 8px;
	line-height: 130%;*/
	color: #2E3092;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 5px;
	color: #2E3092;
	font-size: 10px;		
	background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0;
	margin-left:70px;
}






/* -----------contact--------------------------- */

#page-wrap {
	width: 520px;
	padding: 0 0 0 30px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area h2{
  padding: 5px 0 5px 0; 
  color: #2E3092; 
	font-size: 14px; 
	margin: 0; 
	font-weight: bold;
}

#contact-area p {margin: 2px 0; padding: 0 0 0 25px; line-height: 160%;}

.req {
  color: #ff0000;
	font-size: 10px;	
}

#contact-area {
	width: 520px;
	margin-top: 5px;
	border: 0px solid #a9a9a9;
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 230px;
	font-family: Helvetica, sans-serif;
	color: #2E3092; 
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #2e3192;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left: 313px;
}

label {
	float: left;
	text-align: left;
	margin-left: 80px;
	width: 100px;
	padding-top: 1px;
	font-size: 11px;
}





/*

div#content { 
min-height:300px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

*/