/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	date: 18/09/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, label, ul, ol, dl, fieldset, address {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {
	margin			: 1em 5px 1em 0;
	color			: #1A4786;
	clear:left;
}
p a {color:#E24B1D;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

.copy_eq {
	color			:#1A4786;
	font-size		:2.1em;
	padding-right	:10px;
	display			:block;
	float			:left;
	width:20px;
}
.copy_ti {
	color			:#E24B1D;
	font-size		:2.1em;
	display			:block;
	float			:left;
	width			:245px;
	margin-bottom	:15px;
}

.or_for {
	color:#E24B1D;
}
										/* ---------- 3. listography ---------- */ 
										
										
li {margin:0;color			: #1A4786;}
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "trebuchet MS";
	background		: #DFE9F1;
}
#wrap {
	position		:relative;
	width			:799px;
	margin			: 40px auto;
}
#home #wrap {
	background		: #fff url(../images/homepage_bg.jpg) top right no-repeat;
	border			:1px solid #1A4786;
}

#content #wrap {
	background		: #fff url(../images/content_bg.jpg) top right no-repeat;
	border			:1px solid #1A4786;
}

	#nav {
		position			:relative;
		margin-top			:65px;
		margin-left			:5px;
	}
		#main_nav {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:720px;
			height				:40px;
		}
		
		#sub_1 {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:760px;
			height				:40px;
		}
		#sub_2 {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:770px;
			height				:40px;
		}
			#sub_2_imp {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:770px;
			height				:40px;
		}
		#hp_sub_2 {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:770px;
			height				:40px;
		}
		#sub_3 {
			position			:relative;
			border-bottom		:1px dotted #476DA0;
			width				:780px;
			height				:40px;
		}
		
			#sub_1 a {
				color:#E24B1D;
				font-size:0.9em;
				line-height:40px;
				padding-right:10px;
				font-weight:bold;
			}
			#sub_2 a, #sub_3 a {
				color:#E24B1D;
				font-size:0.9em;
				line-height:40px;
				padding-right:10px;
				font-weight:bold;
			}
			#sub_1 a:hover {
				color:#1A4786;
			}
			#sub_2 a:hover, #sub_3 a:hover {
				color:#1A4786;
			}
			
			#sub_2_imp a {
				color:#E24B1D;
				font-size:0.9em;
				line-height:20px;
				padding-right:10px;
				font-weight:bold;
			}
			#sub_2_imp a:hover {
				color:#1A4786;
			}
		
		
#ftr {
	width			:791px;
	position		:relative;
	margin			:0 auto;
	top				:-30px;
	font-size		:0.85em;
	color			:#476DA0;
	padding-left	:8px;
}
	#ftr a {
		color:#476DA0;
	}

.clr {
	position:relative;
	width:0px;
	height:0px;
	clear:both;
}

										/* ---------- 5. navigation ---------- */ 
										
#main_nav a {
	display:block;
	line-height:25px;
	padding:0 8px;
	background:#E24B1D;
	float:left;
	margin-right:3px;
	color:#fff;
}
#main_nav a:hover {
	background:#164686;
}


#main_nav a.onmain  {
	background:#164686;
}
#main_nav a:hover.onmain {
	background:#E24B1D;
}

#sub_1 a.on_sub, #sub_2 a.on_sub, #sub_2_imp a.on_sub {
	color:#164686;
}






										/* ---------- 6. page specific structure ---------- */
										
/* ----------- Homepage-------- */

#hp_spacer {
	position:relative;
	height:350px;
}
#hp_bars {
	position:relative;
	width:800px;
	margin:0 auto 10px auto;
}
	#bar1_outer, #bar2_outer, #bar3_outer {
		position:relative;
		float:left;
		width:255px;
		margin-left:3px;
		margin-right:3px;
		margin-bottom:10px;
	} 
		#bar1_ti, #bar2_ti, #bar3_ti {
			margin-bottom:4px;
		}
		#bar1_bt, #bar2_bt, #bar3_bt {
			background:#E24B1D;
			color:#fff;
			font-size:0.85em;
		}
		.bar_t {
			padding:5px;
			height:180px;
			margin-bottom:5px;
		}


/* ------------ Content Pages ----------- */


#bread {
	position:relative;
	height:36px;
	background:url(../images/bread_bg.jpg) top left repeat-y;
	width:600px;
	margin-top:10px;
	line-height:36px;
	font-weight:bold;
	font-size:0.9em;
	text-indent:5px;
	color:#1A4786;
}


#main {
	position:relative;
	height:360px;
	margin-left:5px;
	margin-top:30px;
}
#cmg {
	position:relative;
	float:right;
	height:360px;
	width:490px;
}
#copy {
	position:relative;
	float:left;
	width:296px;
	height:360px;
	overflow:auto;
	padding-left:4px;
}



										/* ---------- 7. images ---------- */ 
										
.tr_img_over {
	position:absolute;
	top:45px;
	left:0px;
	z-index:100;
}

										/* ---------- 8. forms ---------- */