@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
*/
html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 11px arial, helvetica, sans-serif;
	color: #6f818e; /*Font color*/
	/*background-image: url(../images/bg_grey_stripes.gif);*/
	background: #FFFFFF url(../images/bg_grey_stripes.gif) repeat-y fixed center;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	p {}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }
	
	.space{
	width: 100px;
	height: 13px;
	float:left;
	}
	.small{ font-size:7px;}
/************************* Global linking *************************/	
a:link {
	color:#5a8396;	
	text-decoration: none;
}
a:visited {
	color:#5a8396;	
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color:#5a8396;	
}
/************************* Wrapper Css *************************/	
#Wrapper {
	width: 774px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/****************************** Header Css ******************************/
#header{
	width: 774px;
	height: 97px;
	float:left;
	background: #FFFFFF url(../images/line02.gif) no-repeat bottom left;
}

#logo {
	width: 300px;
  	float: left;
  	margin: 0;
  	padding: 29px 0 0 21px;
  	}
#top-link {
	width: 300px;
  	float: right;
  	margin: 0;
	text-align:right;
	padding: 59px 18px 0 0;
  	} 
	

/****************************** Main Content area Css ******************************/
#col-main {
	width: 774px;
	height: 240px;
	float:left;
}
#col-main-form {
	width: 212px;
	height: 240px;
	float:left;
}
#col-main-form-reg{
	width: 162px;
	padding-left:23px;
	padding-top:10px;
}
#col-main-form-fill{
	width: 162px;
	padding-left:33px;
	padding-top:10px;
}

#col-main-flash {
	width: 562px;
	height: 240px;
	float:left;
}
/****************************** Sub Content area Css ******************************/
#col-subcontent {
	width: 774px;
	float:left;
}
.lineflow{
	width: 774px;
	height:29px;
	float:left;
	background: #FFFFFF url(../images/line02.gif) no-repeat top left;
}
#col-subcontent-nav {
	width: 212px;
	float:left;
	background: #FFFFFF url(../images/home/line03.gif) repeat-y;
	
}

.subcontent-title{
 	width: 193px;
	float:left;
	padding-left:10px;
}
.subcontent-copy{
 	width: 170px;
	float:left;
	padding: 10px 0 5px 26px;
	background: #FFFFFF url(../images/home/bg_subcontent_copy.gif) repeat-y;
}
.subcontent-copy ul li{
	width: 160px;
	display:block;
	list-style:none;
	padding-bottom:5px;
}
.subcontent-copy2{
 	width: 170px;
	float:left;
	padding: 0 0 5px 26px;
	background: #FFFFFF url(../images/home/bg_subcontent_copy.gif) repeat-y;
}

#col-subcontent-copy {
	width: 532px;
	float:left;
	padding: 0 15px 10px; 15px;
}
#col-subcontent-btn{
	width: 532px;
	float:left;
	background: #FFFFFF url(../images/home/line04.gif) repeat-x;
}
#col-subcontent-txt{
	width: 532px;
	float:left;
}
.listing{
	padding: 5px 0 5px 0;
}

.listing li{
	padding-left: 10px;
	padding-bottom:3px;
	list-style:none;
  	background: url(../images/dot01.gif) no-repeat 0 40%;
}

.dotline{
	width: 532px;
	height:25px;
	background: #FFFFFF url(../images/line03.gif) repeat-x;
	padding-bottom:20px;
	
}

.listing-link{
	padding: 5px 0 5px 0;
}

.listing-link li{
	padding-left: 10px;
	padding-bottom:3px;
	list-style:none;
  	background: url(../images/arrow01.gif) no-repeat 0 40%;
	}


/*************************  sub Nav *************************/
#subnav{
	width: 163px; 
	display:block;
}

#subnav li{
	width: 163px;
	height: 24px;
	list-style:none;
}

#subnav li a {
	display: block;
	height: 24px;
	text-indent: -9999px;
}	
		
#subnav li a:focus {
	overflow:hidden;
}	
/******  sub nav 1 ******/
#subnav-1 {
	width: 161px;
	height: 53px;
	display:block;
	text-indent: -9999px;
	background: url(../images/home/btn_side.gif) 0 0;
}
#subnav-1 a {
	display: block;
	height: 53px;
}	
#subnav-1 a:focus {
	overflow:hidden;
}	
#subnav-1 a:hover, #nav-home a:active {
	width: 161px;
	height: 53px;
	background: url(../images/home/btn_side.gif) 161px 0;
}
/******  sub nav 2 ******/
#subnav-2 {
	width: 161px;
	height: 53px;
	display:block;
	text-indent: -9999px;
	background: url(../images/home/btn_side.gif) 0 53px;
}
#subnav-2 a {
	display: block;
	height: 53px;
}	
#subnav-2 a:focus {
	overflow:hidden;
}	
#subnav-2 a:hover, #nav-home a:active {
	width: 161px;
	height: 53px;
	background: url(../images/home/btn_side.gif) 161px 53px;
}
/******  sub nav 3 ******/
#subnav-3 {
	width: 161px;
	height: 53px;
	display:block;
	text-indent: -9999px;
	background: url(../images/home/btn_side.gif) 0 106px;
}
#subnav-3 a {
	display: block;
	height: 53px;
}	
#subnav-3 a:focus {
	overflow:hidden;
}	
#subnav-3 a:hover, #nav-home a:active {
	width: 161px;
	height: 53px;
	background: url(../images/home/btn_side.gif) 161px 106px;
}
/******  sub nav 4 ******/
#subnav-4 {
	width: 161px;
	height: 53px;
	display:block;
	text-indent: -9999px;
	background: url(../images/home/btn_side.gif) 0 159px;
}
#subnav-4 a {
	display: block;
	height: 53px;
}	
#subnav-4 a:focus {
	overflow:hidden;
}	
#subnav-4 a:hover, #nav-home a:active {
	width: 161px;
	height: 53px;
	background: url(../images/home/btn_side.gif) 161px 159px;
}

/****************************** Footer Css ******************************/
#footer{
	width: 774px;
	height: 30px;
	background: url(../images/line01.gif) no-repeat top left;
	padding-top:16px;
	font-size:10px;
	color:#5a8396;	
}

#footer a {
	color:#5a8396;
  	text-decoration: none;
}
	
#footer a:hover, a:active{
	color:#5a8396;
	text-decoration:underline;
}

#copyright {
	width:200px;
  	float: left;
	padding: 0 0 0 21px;
}

#policy {
	width:500px;
  	float: right;
	padding: 0 21px 0 0;
	text-align:right;
  	} 
	
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}