@charset "utf-8";
/*
|*********************************************************************************************************************
|																                   CSS Layout  (FILE : front-main.css)
|*********************************************************************************************************************
*/
/*
|--------------------------------------------------------------------------------------------
| 																			     Standard CSS  
|--------------------------------------------------------------------------------------------
*/
img 					{
	border:0;
}
.clr					{clear:both;}
a						{text-decoration:none;}
a:hover					{text-decoration:underline;}
a:active				{ outline-style:none;}	
a:focus 				{ outline-style:none;} /* On click hidden border line dotted Comment by jim */
ul						{ padding:0;margin:0;list-style:none;}
h1,h2,h3,p				{ padding:0;margin:0; font-weight:normal;}
label					{ cursor: pointer;}
body					{margin:0px; font-family:Tahoma; font-size:13px; color:#444;}

/*
|--------------------------------------------------------------------------------------------
| 															  					  Main Layout  
|--------------------------------------------------------------------------------------------
*/
#container{margin:20px auto; width:960px; position:relative;}

#col-left{
	width:730px;
	background:url(../images/bg.jpg) repeat-x;
	background-color:#18A804;
	min-height:630px;
	position: relative;
	behavior: url(iepngfix.htc);
	padding-top: 0;
	padding-bottom: 30px;
	padding-left: 30px;
}
	
#header{
	background:url(../images/box_head.png) no-repeat;
	position:relative;
	top:30px;
	margin: 0px;
	padding: 0px;
	height: 270px;
	behavior: url(iepngfix.htc);
	width: 700px;
}

#head{
	padding-bottom:13px;
^padding-bottom:10px;
	height: 60px;
}

#logo{
	text-align:center;
	color:#444;
	/*^padding-left:10px;*/  			
	width:180px;
	position: absolute;
	top: 15px;
	left: 10px;
}
#logo h1{ font-size:11px; padding-top:3px;}

#address{float:right;margin:12px 0px 0px 30px; width:470px;display:inline;^padding-left:30px;}
#address h2{font-size:17px; color:#FFFC83;}
#address p{color:#FFF; font-size:12px; }

#banner{width:700px;/*background:url(../images/banner.jpg) no-repeat top left;*/	height: 200px;}
#slider {
	z-index: 1;
	display: block;
	width: 316px;
	height: 200px;
	position: absolute;
	left: 384px;
	top: 67px;
}
/*#slider img {position:absolute;	z-index: 1;	top:0px;	left:0px;}*/
	
#qa{display:inline; float:left; margin:12px 0px 0px 15px; width:340px; background-color:#FFFFFF;}
#qa h2{ font-size:17px;}
#qa h2 a{color:#444;}
#qa p{padding-top:5px; color:#000;}
#qa  a{ text-decoration:none;}

#btn-save{padding-top:5px;}
	
#content{
	min-height:300px;
	background:url(../images/box_t.png) no-repeat top left;
	position:relative;
	top:40px;
	behavior: url(iepngfix.htc);
	width: 680px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content h1{font-size:17px; color:#FFFC83;}
#content h1 a{color:#FFFC83;}
#content h2{font-size:17px; color:#FFFC83;}
#content h2 a{color:#FFFC83;}
#content p{color:#FFF; padding-top:10px;}
#content p a{color:#FFF;}

#content-bottom{width:700px; height:17px; background:url(../images/box_b.png) no-repeat top left; position:relative; top:40px; padding-bottom:30px;	behavior: url(iepngfix.htc);}

#content1{
	min-height:60px;
	background:url(../images/box_t1.png) no-repeat top left;
	position:relative;
	top:40px;
	width: 680px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size:11px; 
}
#content1 h1{font-size:12px; color:#FFFC83;}
#content1 h1 a{color:#FFFC83;}
#content1 h2{font-size:12px; color:#FFFC83;}
#content1 h2 a{color:#FFFC83;}
#content1 p{color:#FFF; padding-top:10px;}
#content1 p a{color:#FFFFFF;}
#content-bottom1{width:700px; height:17px; background:url(../images/box_b.png) no-repeat top left; position:relative; top:40px; padding-bottom:30px;	behavior: url(iepngfix.htc);}
#box_left{
	position:relative;
	top:0px;
	behavior: url(iepngfix.htc);
	width: 340px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#box_left a{color:#FFFFFF;}
#box_right{
	position:absolute;
	top:0px;
	behavior: url(iepngfix.htc);
	width: 340px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 340px;
}
#box_right  li a {
background:url("../images/validate.png") no-repeat scroll 6px 50% transparent;
padding-left:21px;
color:#FFFFFF;
}
#box_right ul {
list-style:none outside none;
}




#col-right{width:180px;position:absolute; top:-15px; left:780px; display:block; font-size:13px;}
.top{padding:5px; border:none; /*margin-bottom:15px*/;background-color:#fff;}
.feedback{padding:5px; border:#FFB192 solid 1px; margin-bottom:15px;background-color:#fff; width:170px;}
#col-right p{color:#EA581F;text-align:right;font-style: italic; padding-top:3px;}

/*
|--------------------------------------------------------------------------------------------
| 															  					  Footer  
|--------------------------------------------------------------------------------------------
*/
#footer{
	width:725px;
	height: 65px;
	color:#FFF;
	background-color:#016001;
	position:relative;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 35px;
}
#footer h2{ font-size:17px; line-height:25px;}
#footer h2 a{color:#FFF;}
#footer p{margin-top:5px; font-size:12px; width:705px;}
/*#footer p  span{ position:relative; float: left; text-align: right; width: 100%; clear: both;}*/
#footer span {
	position:relative;
	float: left;
	text-align: right;
	width: 700px;
	clear: both;
	font-size:9px;
	top: -5px;
	right: 12px;
}
#footer span img	{ margin: 0 3px 0 0;}
#footer span a { color:#FFF; text-decoration: none; margin: 0 3px 0 0; }
#footer span a:hover { color:#FFF; text-decoration: underline; }
/* #footer span img{position:absolute; right:5px; }*/
/*#footer span a { position:absolute; right:5px; top: 55px;}*/
