/************** .feature styles ***************/

.feature{
	font-size: 10pt;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.feature h1{
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature h6{
	padding: 5px 0px 5px 0px;
	text-align: left;
}

.feature img{
	float: right;
	padding-right: 10px;
}

.feature strong{
	font-weight: normal;
}

/*********** .notice styles *****************/

#notice {
	font-size: 10pt;
}

#notice p{
	text-align: center;
	font-weight: bold;
}

#notice img{
	margin: 10px 0px 10px 0px;
	text-decoration: none;

}

#notice a:hover{
	background-color: white;
	text-decoration: none;

}


/************** .story styles *****************/

.story{
	/* clear: both */
	padding: 10px;
	font-size: 10pt;
	line-height: 140%;
}


.story strong{
	font-weight: normal;
}

.story ul li, .story ol li{
	margin-left: 20px;
	color: #000000;
}

.story h1{
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.prohead{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #02388A;
	font-size: 12pt;
}




.story h2{
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.story h8{
	font-weight: bold;
	color: red;
	font-size: 16;
}

.story table separator{

}

.story p{
	color: #000000;
}

/************** .story1 styles *****************/

.story1{
	/* clear: both */
	padding: 10px;
	font-size: 10pt;
	line-height: 140%;
}


.story1 strong{
	font-weight: normal;
}

.story1 ul li, .story1 ol li{
	margin-left: 25px;
	color: #000000;
}

.story1 h1{
	margin: 20px 0 20px 0;
}

.story1 h2{
	margin: 20px 0 20px 0;
}

.story1 p{
	color: #334d55;
}

.story1 strong{
	color: #334d55;
	font-weight: bold;
}

.story1 table separator{

}

/******************** story_login *********************/

.story_login{
	padding: 10px;
	font-size: 10pt;
	line-height: 140%;
}

.story_login a:hover {

	background-color: #334d55;
	color: white;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;

}

.story_login h1{
	margin: 20px 0px 20px 0px;
	text-align: center;
}

.story_login h2{
	margin: 0px 0px 0px 0px;
}

.story_login h8{
	font-weight: bold;
	color: red;
	font-size: 16;
}

.story_login a{
	color: #006699;
	font-size: 11pt;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

.log input {
	margin: 0px 10px 0px 42px;
}

.pass input {
	margin: 0px 10px 0px 10px;
}

.about {

	margin-left: 40px;

}

.news {

	margin-left: 40px;

}

.project {

	margin-left: 40px;

}

.employment {

	margin-left: 40px;

}

/******************** about_drop *********************/

.about_drop h3 {

	color: white;
}

.about_drop  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
	display: none;
}

.about_drop .name input {

	margin: 0px 10px 0px 10px;
	background-color: white;
}

.about_drop .title input {

	margin: 0px 10px 0px 18px;
}

.about_drop1 h3 {

	color: white;
}

.about_drop1  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
}

.about_drop1 .name input {

	margin: 0px 10px 0px 10px;
	background-color: white;
}

.about_drop1 .title input {

	margin: 0px 10px 0px 18px;
}

/******************** employ_drop *********************/

.employ_drop h3 {

	color: white;
}

.employ_drop  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
	display: none;
}

.employ_drop .date input {

	margin: 0px 10px 0px 10px;
}

.employ_drop .title input {

	margin: 0px 10px 0px 100px;
}

.employ_drop .view input {

	margin: 0px 10px 0px 30px;
}

.employ_drop1 h3 {

	color: white;
}

.employ_drop1  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
}

.employ_drop1 .name input {

	margin: 0px 10px 0px 10px;
	background-color: white;
}

.employ_drop1 .title input {

	margin: 0px 10px 0px 90px;
	
}

/******************** project_drop *********************/

.project_drop  h3 {

	color: white;
	
}

.project_drop  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
	display: none;
}

.project_drop .name input {

	margin: 0px 10px 0px 6px;
}

.project_drop .locat input {

	margin: 0px 10px 0px 10px;
}

.project_drop .title input {

	margin: 0px 10px 0px 38px;
}

.project_drop1  h3 {

	color: white;
	
}

.project_drop1  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
}

.project_drop1 .name input {

	margin: 0px 10px 0px 6px;
}

.project_drop1 .locat input {

	margin: 0px 10px 0px 10px;
}

.project_drop1 .title input {

	margin: 0px 10px 0px 38px;
	
	}

/******************** news_drop *********************/

.news_drop h3 {

	color: white;
}

.news_drop  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
	display: none;
}

.news_drop .date input {

	margin: 0px 10px 0px 10px;
}

.news_drop .title input {

	margin: 0px 10px 0px 100px;
}

.news_drop1 h3 {

	color: white;
}

.news_drop1  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
}

.news_drop1 .date input {

	margin: 0px 10px 0px 10px;
}

.news_drop1 .title input {

	margin: 0px 10px 0px 80px;
}

/******************** newuser_drop *********************/

.newuser_drop h3 {

	color: white;
}

.newuser_drop  {
	
	padding: 10px;
	background-color: #334d55;
	width: 300px;
	display: none;
}

.newuser_drop .name input {

	margin: 0px 10px 0px 8px;
	background-color: white;
}

.newuser_drop .password input {

	margin: 0px 10px 0px 18px;
}

/******************** table styles *********************/
.story .tablestyle1 .row
{
	font-weight: bold;
	color: #334d55;
 	font-size: 10pt;
	background-color:#CCCCCF;
}

.story .tablestyle1 .row2
{
	font-weight: bold;
	color: #CCCCCF;
 	font-size: 10pt;
	background-color: #334d55;
}

.story .tablestyle1 .editable
{
	color: #000;
    background-color: #ffffd3;

}

.story .tablestyle1 .altrow
{
	color: #000000;
	font-size: 10pt;
	text-align: justify;
	line-height: 140%;
}

.story .tablestyle2 .row
{
	font-weight: bold;
	color: #334d55;
 	font-size: 10pt;
	background-color:#CCCCCF;
}


.story .tablestyle2 .altrow
{
	color: #334d55;
 	font-size: 9pt;
}

.boxmid{
	background-image: url(../images/bg_box3.jpg);
	background-repeat: repeat-y;
	width: 604px;
	float: left;
}

.boxmid_text1{
	width: 580px;
	margin-left: 10px;
}

.box_img{
	width: 311px;
	float: left;
}

.box_tex1{
	width: 300px;
	float: left;
}

.box_tex2{
	width: 260px;
	float: left;
	padding-right: 10px;
}
.box_tex3{
	width: 610px;
	float: left;
	padding-right: 10px;
	
}
.line{
	height: 2px;
	width: 590px;
	background-color: #1E3350;
	margin-top: 2px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow: hidden;
	
}
.line1{
	height: 1px;
	width: 540;
	background-color: #1E3350;
	margin-top: 2px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow: hidden;
	
}

.topsub_link{
	font-family: Arial, Helvetica, sans-serif;
	color: #BE8637;
	font-size: 12px;
	text-decoration: none;
}

.topsub_link A{
	text-decoration: none;
	color: #BE8637;
	overflow: hidden;
}
.topsub_link A:visited {
	text-decoration: none;
	color: #BE8637;
	overflow: hidden;
}

.topsub_link A:hover{
	text-decoration: underline;
	color: #BE8637;
}

.mainbox{
	overflow: hidden;
}

.project_img{
	width: 320px;
	background-color: #999900;
}

.project_text{
	background-color: #FF0000;
	width: 100px;
}

.text_tablehead{
	font-weight: bold;
	color: #000000;
	background-color: #999999;
	font-size: 14px;
	padding-left: 10px;
}


.text_table1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}

.text_tablehead2{
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	padding-left: 10px;
}

a.downloads{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
}
a.downloads:hover{
	color: #003399;
	text-decoration: underline;
}

.border_bottom{
	color: #FF0000;
	margin-top:15px;
	border: 1px dotted #cccccc;
}

.line_01{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	width: 120px;
}

.leftmenu_topcolor{
	background-color: #1E3350;
	height: 26px;
	width: 100%;
	overflow: hidden;
	display: block;
}

.flag{
	float: left;
	height: 10px;
	width: 10px;
	background-color: #FF0000;
}

.topmainlinks{
	
}

.space_01{
	background-color: #FF0000;
	height: 20px;
		width: 100%;
}

.question{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D09C58;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 130px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: center;
}

.question1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D09C58;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 130px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: center;
}


.img_thum{
	float: left;
	width: 600px;
}

.img_thumbox{
	float: left;
	padding-left: 7px;
	padding-bottom: 15px;
	padding-right: 6px;
}

.thum_border{
	border: 1px solid #000000;
}

.view-servicemain{
	width: 570px;
	overflow: hidden;
}

.view-servicethum{
	float: left;
	padding-left: 7px;
	padding-right: 15px;
	padding-top: 10px;
}

.view-servicetext{
	float: left;
	width: 500px;
	height: 100px;
}
.view-projecttext
{
	float: left;
	width: 390px;
	height: 100px;
}
.bt_view{
	text-align: right;
	padding-top: 10px;
	padding-right: 70px;
}
.click_view{
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
}

.bottom_text{
	text-align: center;
}
.img_thum{
	float: left;
	width: 600px;
}

.img_thumbox{
	float: left;
	padding-left: 7px;
	padding-bottom: 15px;
	padding-right: 6px;
}
	
.box_project{
	float: left;
	background-image: url(../images/newbox2.jpg);
	background-repeat: repeat-y;
	width: 576px;
	padding-left: 30px;
}


.box_project1{
	background-image: url(../images/newbox2.jpg);
	background-repeat: repeat-y;
	width: 601px;
	padding-left: 30px;
}
.box_project_map{
	background-image: url(../images/newbox2.jpg);
	background-repeat: repeat-y;
	width: 601px;
}
.expand{
color: #02388A;
font-size: 11px;
font-weight: normal;
}

.mainform_project{
	width: 500px;

	padding-right:: 20px;
	overflow: hidden;
	padding-left: 80px;
}


 
.form_project{
	width: 200px;
	float:left;
	height: 25px;
	font-weight: bold;
	color: #02388A;	
}
.form_radio_project{
	width: 110px;
	float:left;
	height: 25px;
	font-weight: bold;
	color: #02388A;
}
.form_radio_project input 
{
	vertical-align: top;
	font-size: 10pt;
	border: 0px solid gray;
} 
.form_project_select{
	width: 200px;
	float:left;
	height: 65px;
	font-weight: bold;
	color: #02388A;
}
.form_project1{
width: 400px;
float:left;
height: 25px;
font-weight: bold;
color: #02388A;
text-align: left;
font-size: 18px;
padding-bottom: 10px;
padding-left: 120px;
}

.icon_map{
width: 25px;
float: left;
padding-left: 5px;
padding-right: 5px;
}

.text_iconmap{
float: left;
width: 120px;
height: 32px;
padding-top: 3px;
font-weight: normal;
font-size: 12px;
}


.mainform_contact{
	width: 500px;


	padding-right:: 20px;
	overflow: hidden;
	padding-left: 80px;
}
.bg_contact{
	background-image: url(../images/nbox2.jpg);
	background-repeat: repeat-y;
	width: 600px;
}
.contactbox_main{
	width: 595px;
	padding-left: 5px;
	overflow: hidden;
}

.contactbox_add{
	width: 235px;
	float: left;
}

.contactbox_form{
	width: 340px;
	float: left;
	padding-left: 20px;
}

.contactbox_form1{
	width: 335px;
	float: left;
}

.midbg_inquiry{
	background-image: url(../images/midbox_inq.jpg);
	background-repeat: repeat-y;
	width: 505px;
}
.main_inquiry{
	padding-left: 50px;
}


.dvontent1{
		width: 601px;
}

.event_mid{
	background-image: url(../images/box_events2.jpg);
	background-repeat: repeat-y;
	width: 162px;
	
}

.event_text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #003399;
}

.event_text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
}
.text_history{ 
  width: 300px; 
  float: left; 
  }
.img_history{ 
  width: 311px; 
  float: left; 
  }

.box_lngimg{
	width: 300px;
	float: left;
	padding-left:10px;
}

.txt1{
	float: left;
	
	font-size: 14px;
	color: #415474;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 8px;
	padding-left: 5px;
}

.txt1 A{
	font-weight: bold;
	color: #98714b;
	text-decoration: none;
}

.txt1 A:hover{
	color: #345075;
	text-decoration: underline;
}