/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	date: 15/01/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address, form, hr {
	margin			: 0.8em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

										/* ---------- 2. typography ---------- */ 

p { 
	font-family		: Arial, Helvetica, sans-serif; 
	color			: #4F4F4F; 
	font-size		: 0.75em;
	text-align		: justify;
}
p a {
	text-decoration	: none;
	color			: #005CAA; }
p a:hover {
	text-decoration	: none;
	color			: #5CAD20;
}
h1 { 
	font-family		: Arial, Helvetica, sans-serif; 
	color			: #005CAA; 
	font-size		: 1.7em;
	text-align		: left;
	font-style		: italic;
	font-weight		: normal;
}
.h1green {
	color			: #5CAD20;
	font-weight		: bold;
}
.h1blue {
	color			: #005CAA;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.1em;
}
.spec_hr {
	width:75%;
	margin: 30px auto;
}
.top a{
	font-family		: Arial, Helvetica, sans-serif; 
	color			: #005CAA; 
	font-size		: 0.9em;
	text-align		: justify;
}

										/* ---------- 3. listography ---------- */ 
										
ul { 
	font-family		: Arial, Helvetica, sans-serif;
	color			: #4F4F4F; 
	font-size		: 0.75em;
}

#sitemap {
}
#sitemap li {
	color			: #005CAA;
}
#sitemap li a {
	color			: #5CAD20;
	text-decoration : none;
	padding: 5px 0;
}
#sitemap li a:hover {
	color			: #005CAA;
}
	#sm_sub li a {
		font-size		: 1.3em;
	}
	#sm_sub li a:hover {
		color			: #005CAA;
	}
										
										/* ---------- 4. base structure ---------- */ 

html {
	/*overflow-y		: scroll;*/
}
body {
	font-size		: 100%;
	margin			: 0 0 20px 0;
}

#wrap {
	position		: relative;
	width			: 800px;
	margin			: 0 auto 0 auto;
}
#header {
	position		: relative;
	width			: 800px;
	height			: 120px;
}
#nav {
	position		: relative;
	width			: 780px;
	height			: 47px;
	background		: #63B02E url(../images/nav_bg.jpg) top left repeat-x;
	padding-left	: 20px;
}

#main {
	position		: relative;
	width			: 800px;
	background		: url(../images/watermark.gif) top left no-repeat;
	min-height		: 500px;
}

	#l_col {
		position		: relative;
		width			: 500px;
		float			: left;
		margin-bottom 	: 20px;
	}
	.title_hdr {
		height			: 218px;
		width			: 450px;}
	#r_col {
		position		: relative;
		width			: 300px;
		float			: left;
	}
#footer {
	position		: relative;
	width			: 800px;
	height			: 23px;
	background		: url(../images/footer.jpg) top left no-repeat;
	clear			: both;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #fff;
	font-size		: 0.6em;
	line-height		: 23px;
	text-indent		: 5px;
}
#footer a {
	color			: #fff;
	text-decoration	: none;
	}
#footer a:hover {
	color			: #005CAA;
	text-decoration	: none;
	}
	
hr {
	height			: 0px;
	border-top		: 1px solid #98A2AB; 
	width			: 75%;
}

										/* ---------- 5. navigation ---------- */ 
										
										
#nav a {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.7em;
	display			: block;
	float			: left;
	color			: #fff;
	text-decoration	: none;
	background		: transparent;
	height			: 23px;
	line-height		: 23px;
	padding			: 0 7px;
	border-right	: 1px solid #fff;
}
#nav a:hover {
	text-decoration	: none;
	color			: #fff;
	background		: url(../images/nav_on.jpg) top left repeat-x;
}


#dropmenudiv{
	position		: absolute;
	border-top		: 1px solid white;
	line-height		: 18px;
	z-index			: 100;
}

#dropmenudiv a{
	width			: 100%;
	display			: block;
	text-indent		: 0px;
	border-bottom	: 0px solid #fff;
	padding			: 1px 5px;
	text-decoration	: none;
	color			: #fff;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #2E78B7;
	font-size		: 0.7em;
}

#dropmenudiv a:hover{ /*hover background color*/
	background		: #85B2D3;
}

.fquote_tab {
	margin			: 0.8em 5%;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.75em;
}

#lftr {
	position		: relative;
	width			: 800px;
	margin			: 0 auto;	
	font-family		: Arial, Helvetica, sans-serif;
	color			: #666666;
	font-size		: 0.6em;
	padding-top		: 20px;
}




										/* ---------- 6. page specific structure ---------- */ 
										
										
#webline #l_col {
	width			:800px;
}

										/* ---------- 7. images ---------- */ 

										/* ---------- 8. forms ---------- */ 
										
.drop_box {
	font-family		: Arial, Helvetica, sans-serif;
	border			: 1px solid #66B132;
	padding			: 2px;
	width			: 200px;
}
.drop_box_dob {
	font-family		: Arial, Helvetica, sans-serif;
	border			: 1px solid #66B132;
	padding			: 2px;
	width			: 120px;
}
.year_box {
	padding			: 2px;
	width			: 60px;
	border			: 1px solid #66B132;
}
.form_box {
	padding			: 2px;
	width			: 180px;
	border			: 1px solid #66B132;
}
.radio {
	margin			: 4px 5px;
}
.submit {
	background		: url(../images/submit_off.jpg) no-repeat;
	height			: 42px;
	width			: 104px;
}
.submit:hover {
	background		: url(../images/submit_on.jpg)no-repeat;
}

form {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
}