@charset "utf-8";
@import url("reset.css");
/* CSS Document */
#shadow
		{width:936px; margin:0 auto; background:url(/images/shadow.gif) repeat-y; min-height:100%}
#wrap
		{width:912px; margin:0 auto; min-height:100%; padding-bottom:63px}
/*------------*/			
/*-HEADER--------*/
#header
		{height: 186px; position:relative}
#logo
		{background:url(/images/logo.gif) no-repeat; text-indent:-9999px; width:221px; height:70px; position: absolute; left:31px; top:40px; font-size:0; text-decoration:none}
#mainMenu
		{float: left; height:65px; width: 912px; background:url(../images/bg_Menu.gif) repeat-x; position:absolute; bottom:0;}
#header ul
		{margin: 23px 0 0 62px;}
#header ul li 
		{float:left; background:url(/images/lineMenu.gif) no-repeat right; width:130px; height:25px}
#header ul li a:link,
#header ul li a:visited
		{display:block; font-size:17px; width:135px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none;}		

/*------------*/			
/*-FORM--------*/
#header form
		{position: absolute; right:5px; top:93px;}
#header form label
		{float: left; line-height:23px; padding:0 10px; color:#616364; margin:0}
.input_form 
		{background:url(/images/bg__login.gif) no-repeat; display:block; float:left; height:23px; width:129px}
.input_form input
		{font-size:12px; margin:4px; font-family:Arial, Helvetica, sans-serif; color:#616364; width:121px}
.button
		{background:url(/images/button_Login.gif) no-repeat; width:55px; height:23px; float:left; margin-left:5px} 
#banner
		{height:287px; display:block}
#banner img
		{display:block}		
/*------------*/			
/*-CONTENT--------*/	
#content
		{padding-top:10px}			
#left_Content
		{float:left; width: 487px; padding: 25px 29px 0 56px; position:relative; border-right:1px solid #093678}
.top_Border,
.bottom_Border
		{height:45px; width:1px; position:absolute; right:-1px; background:url(/images/line.gif) no-repeat}
.top_Border
		{top:0}
.bottom_Border
		{bottom:0; background-position:0 -45px}	
#right_Content
		{padding: 21px 0 0 21px; float:left}
#right_Content a:link,
#right_Content a:visited
		{font-family:Arial, Helvetica, sans-serif; font-size:12px}
#bottom_Content
		{clear:both; display:inline}
#bottom_Content ul
		{float:right; padding:11px 0}
#bottom_Content ul li
		{float:left; padding: 0 10px;}		
/*------------*/			
/*-FOOTER--------*/
#footer
		{background:url(/images/shadow.gif) repeat-y; height:63px; width:936px; margin: -63px auto auto; clear:both; position:relative}
.footer_bg
		{background:url(/images/bg_Footer.gif) repeat-x; height:49px; width:908px; margin:0 auto; padding-top: 14px}	
#left_Content h1
		{background:url(/images/h1_AboutUS.gif) no-repeat; width:79px; height:17px; text-indent:-10000px; font-size:0; line-height:0}
.footer_bg p,
.footer_bg a:link,
.footer_bg a:visited
		{ text-align:center; color:#FFFFFF; font-size:11px; margin:0; text-decoration:none;}
.footer_bg a:hover,
.footer_bg a:active
		{text-decoration:underline}

p.em {
	font-weight: bold;
	padding: 10px;
	background: #f4f4f4;
	color: #000042;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}


   
h3 {
	margin-bottom: .5em;
	font-size: 200%;
	font-weight: bold;
	line-height: 1em;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
}

h5 {
	margin-bottom: .5em;
	font-size: 200%;
	font-weight: bold;
	line-height: 1em;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
}

#left_Content h3 {
	padding-left: 26px;
	background: url(/images/icon/spiral.gif) no-repeat left center;	
}


/*   Side list             */

#navlist
{   
 	font-size: 14px;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 200px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
}

#navlist li a {
	text-decoration: none;
	color: #333333;
}

/*  FAQ             */

dt {
	font-weight: bold;
	color: #000000;
}







/* Forms */

fieldset {
	margin: 1em 0;
	border: none;
	border: 1px solid #ccc;
	padding: 20px;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #ccc;
	background: transparent;
	font-size: 1em;
	font-weight: bold;
}

label {
	text-align: right;
}

#contact label {
	float: left;
	width: 140px;
	padding: 0 1em;
	text-align: right;
	clear: both;
}

.signUpForm label {
	float: left;
	width: 230px;
	padding: 0 1em;
	text-align: right;
	clear: both;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 200px;
	color: #333;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
}

fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

/* required fields - does not work in IE */

fieldset div.required {
	font-weight: bold;
}

fieldset div.required label:before {
	content: "* ";
	color: #ff1c00;

/* does not work in IE */
}

#rcol .content {
	background: transparent url(/images/embox.gif) repeat-x left top;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
}

#rcol {
	width: 300px;
}

.col {
	padding-bottom: 20px;
}

.formerror {
	color: #f00;
}

/* */ 

.login {
	margin-bottom: 2em;
}

.login p, .login label {
	font-size: 12px;
}

.login input {
	display: block;
}

