/*offsiders website styels
	By Larry Liang*/

/*--------------------------- default, basic and generic settings ---------------------------*/
*{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

body {
	width: 800px;
	margin: auto;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #697076;
}

/*********** block tags *************/
td,
p,
{
	font-size: 12px;
	font-weight: normal;
	line-height: 15px; 
	color: #000000;
}

/*********** links ***************/
a,
a:link,
a:visited
{
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

/********** list *************/
ul {
}

li {
}


/*--------------------------- site template settings ---------------------------*/
#site_container 
{
	float: left;
	clear: both;
	width: 754px;
}

#site_header_div
{
	float: left;
	clear: both;
	width: 100%;
	height: 160px;
	margin-top: 20px;
	background-color: #FFFFFF;
}

#site_header_main_content_separator
{
	font-size: 1px; /* for stupid IE. ie won't resize the div to be smaller than the font-size or line-height.*/
	float: left; 
	clear: both;
	width: 100%;
	height: 10px;
	background-color: #465073;
}

#site_main_content_container
{
	float: left;
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
}


#site_footer
{
	float: left;
	clear: both;
	width: 100%;
}

/*----------------------- site header ----------------------*/
#header_left_corner
{
	float: left;
	clear: left;
}	

#header_right_corner
{
	float: right;
	clear: right;
}

#header_ad {
	float: right;
	padding-right:5px;
	padding-top:10px;
}

#site_logo
{
	float: left;
	clear: left;
	margin-left: 15px;
}

img.nav_bar_icons
{
	float: right;
	margin-right: 20px;
	margin-left: 15px;
	margin-top:   10px;

}


#header_div_1
{
	float: left; 
	clear: both;
	height: 31px;
	width: 100%;
}

#header_div_2
{
	float: left;
	clear: both;
	height: 125px;
	width: 100%;
}

/*--------------------- site main content area ------------------*/
#main_content_div
{
	float: left;
	width: 100%;
}

#main_content_div2
{
	float: left;
	width: 100%;
}

#homepage_image_section
{
	float: left;
	clear: both;
	width: 100%;
	height: 310px;
	background-color: #465073;
	background-image: url(../images/homepage_main.jpg);
	background-repeat: no-repeat;
	background-position: right top; 
}

/*____________________ hoem page ____________________*/
#homepage_text_1
{
	
	float: left;
	clear: both;
	width: 220px;
	margin-top: 50px;
	padding-left: 45px;
	font-size: 40px;
	font-weight: 700;
	color: #FFFFFF;
}

#homepage_text_2
{
	float: left;
	clear: both;
	width: 220px;
	margin-top: 20px;
	padding-left: 45px;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: #FFFFFF;
}

#homepage_text_section
{
	float: left;
	clear: both;
	width: 100%;
}

#homepage_text_3
{
	margin: 20px 20px 0px 20px;;
	float: left;
	width: 88%;
	height: 100%;
	padding-bottom: 15px;
}

#homepage_text_3 h2
{
	font-size:22px;
	color: #990C14;
}

#homepage_text_3 p
{
	font-size: 14px;
	padding-left: 3px;
	font-weight: 400;
}

/*____________________ about us ____________________*/
.about_us_text_div
{
	float: left;
	width: 49%;
	margin-top: 20px;
	margin-left: 15px;
	padding-bottom: 10px;
	font_size: 14px;
}

.about_us_text2_div
{
	float: left;
	width: 92%;
	margin-top: 0;
	margin-left: 15px;
	padding-bottom: 30px;
	font_size: 14px;
}



.about_us_text_div p
{
	line-height: 22px;
}

.about_us_text2_div p
{
	line-height: 22px;
}

.about_us_image_div
{
	float: right;
	width: 44%;
	margin-top: 53px;
	padding-top: 25px;
	padding-bottom: 10px;
}


.about_us_text_div h2
{
	font-size:25px;
	color: #990C14;
}

.about_us_text_div p
{
	font-size: 15px;
	padding-left: 3px;
	font-weight: normal;
}

.about_us_text2_div p
{
	font-size: 15px;
	padding-left: 3px;
	font-weight: normal;
}

/*--------------------- register  ------------------*/
#register_intro,
#register_form
{
	float: right;
	clear: both;
	width: 90%;
	padding: 15px 25px 10px 25px;
}


#register_intro h1,
#register_form h1
{
	font-size: 24px;
	color: #990C14;
	padding: 10px 0px 10px 0px;
}

#register_intro h2
{
	font-size: 18px;
	color: #990C14;
	text-align: center;
	padding-bottom: 3px 0px;
}

#register_intro b
{
	font-size: 14px;
	font-weight: 600px;
}

#register_intro p,
#register_form p
{
	font-size: 15px;
	padding-left: 3px;
	font-weight: 500;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
}

#register_intro p .para_title
{
	font-size: 1.1em;
	color: #0E1A4E;
	padding: 2px 0px;
}

#register_form p.form_sub_title
{
	color: #990C14;
	padding: 10px 0px;
}

#register_form_table_1 .form_input,
#register_form_table_2 .form_input
{
	border: 1px solid #999999;
}

#register_form_table_1,
#register_form_table_2
{
	width: 70%;
	font-size: 14px;
}

#register_form_table_1 .label_field,
#register_form_table_2 .label_field
{
	width: 30%;
	font-size: 14px;
}

#register_form_table_1 .input_field,
#register_form_table_2 .input_field
{
	width: 70%;
	padding: 5px;
	font-size: 14px;
}

#register_form_table_3
{
	width: 83%;
}

#register_form_table_3 .label_field,
{
	width: 30%;
	font-size: 14px;
}

#register_form_table_3 .input_field,
{
	width: 70%;
	font-size: 14px;
}

#statement_div
{
	float: left;
	clear: both;
	width: 93%;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#register_submit
{
	margin: 10px 0px;
	float: left;
	clear: both;
	width: 100px;
	border: 1px solid black;
}

.required_field
{
	color:#FF0000;
	padding: 0px 5px;
}

/*--------------------- contact us page --------------*/
#contact_us_div_1,
#contact_us_div_addr
{
	float: right;
	clear: both;
	width: 55%;
	padding-right: 190px;
	text-align: left;
	font-size: 12px;
}

#contact_us_div_1 h1
{
	font-size: 26px;
	color: #990C14;
	margin:20px 0px;;
}

#contact_us_div_1 h2
{
	font-size: 17px;
	color: #0E1A4E;
}

#contact_us_div_2,
#contact_us_div_3
{
	float: right;
	clear: both;
	width: 55%;
	padding-right: 190px;
	margin-top:   15px;
}


#contact_us_div_3
{
	padding-bottom: 20px;
}

#contact_us_div_2 h2
{
	font-size: 14px;
	color: #9A0D15;
	padding: 5px 0px;
}

#contact_us_div_2 p.label_field
{
	float: left;
	margin: 4px 0px;
	font-size: 14px;
	color: #0E1A4E;
	font-weight: 600;
}


#contact_us_div_2 p.input_field
{
	float: right;
	margin: 4px 0px;
}

#contact_us_div_2 p.input_field input,
#contact_us_div_2 p.input_field textarea

{
	border: 1px solid #999999;
	
}	

#contact_us_div_3 p
{
	font-size: 13px;
	color: #0E1A4E;
	font-weight: 400;
}


.clear_both
{
	clear: both;
}

/*--------------------- search page ------------------*/
#search_div
{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

/*--------------------- site footer ------------------*/

#site_footer_content
{
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
}

#copyright_div
{
	font-size: 12px;
	color:#CCCCCC;
	width: 100%;
	text-align: center;
	
}

#site_nexacom_div
{
	width: 100%;
	text-align: center;
	line-height: 13px;
}

#site_nexacom_div a
{
	font-size: 12px;
	color: #CCCCCC;
}

#site_footer_content a
{
	padding-right: 0px;
	color: #FFFFFF;
	font-size: 11px;
}

.footer_separator
{
	display: inline;
	padding: 0px 10px;
}

#system_message_div
{
	float: right;
	height: 150px;
	width: 450px;
	padding: 30px 0px 60px 0px;
	padding-right: 140px;
	font-size: 13px;
	color: #2E378D;
}

#system_message_div h2
{
	font-size:25px;
	color: #990C14;
}

#system_message_box
{
	float: left;
	font-size: 16px;
	color:#2E378D;
}

/*------------------------------ admin page ------------------------*/
#admin_div
{
	float: left;
	width: 100%;
	height: 410px;
	background-color:#0066FF;
}