/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 14/01/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. 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			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

* { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

p {}
	p a {}
	p a:hover {}
	
h1 {}
	h1 a {}
	h1 a:hover {}
	
h2 {}
	h2 a {}
	h2 a:hover {}
	
h3 {}
	h3 a {}
	h3 a:hover {}
	
h4 {}
	h4 a {}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	
.hpa-t {
	background:#2492BA;
	color:#fff;
	text-transform:uppercase;
	padding:5px 0;
	text-indent:5px;
	margin-top:11px;
}
	.hpa-t a {
		color:#fff;
	}
	
.hpb-t {
	background:#3AA18D;
	color:#fff;
	text-transform:uppercase;
	padding:5px 0;
	text-indent:15px;
	margin:0;
}

.cntp {
	font-size:1.3em;
	color:#2392BA;
}
	.cntp .gr {
		color:#5EBA49;
	}
	

										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "trebuchet MS", Arial;
	background		: #1C8DC9 url(../images/page_bg.jpg) repeat-x; 
}


#div-wrap {
	position		: relative;
	margin			: 50px auto;
	width			: 830px;
}


#div-page-top {
	position:relative;
	width:830px;
	height:15px;
	background:url(../images/page_top.png) no-repeat;
}


#div-banner {
	position:relative;
	width:800px;
	padding:5px 15px;
	background:url(../images/box_bg.png) repeat-y;
}


.div-shadow-break {
	position:relative;
	width:830px;
	height:25px;
	background:url(../images/break.png) no-repeat;
	z-index:-1;
}


#div-image-banner {
	position:relative;
	width:800px;
	padding:8px 15px;
	background:url(../images/im_banner_bg.png) repeat-y;
}



.div-shadow-top {
	position:relative;
	width:830px;
	height:11px;
	background:url(../images/top_bg_2.png) no-repeat;
	z-index:-1;
}


#div-main {
	position:relative;
	width:800px;
	padding:0 15px;
	background:url(../images/box_bg.png) repeat-y;
}

	#div-aside {
		position:relative;
		width:400px;
		float:left;
	}
	#div-bside {
		position:relative;
		width:383px;
		float:left;
		margin:6px 17px 10px 0;
	}
	
	#div-hp-bside {
		position:relative;
		width:383px;
		float:left;
		margin:6px 17px 10px 0;
		background:#D7ECE9;
		height:300px;
	}
	
	
#div-priv {
	position:relative;
	width:760px;
	background:#E8F3FA;
	margin:0 15px;
	padding:5px 0;
	font-size:0.8em;
}	
	#div-priv p {
		margin			: 0.6em 2%;
		color:#939598;
		line-height:0.975em;
	}
	
#div-footer {
	position:relative;
	width:800px;
	padding:0 15px;
	background:url(../images/box_bg.png) repeat-y;
	height:50px;	
}
	#div-ftr-left {
		position:relative;
		width:390px;
		float:left;
		color:#1B8CCA;
		font-size:0.85em;
		padding:0 0 0 10px;
	}
		#div-ftr-left a {
			color:#1B8CCA;
		}
		
	#div-ftr-right {
		position:relative;
		width:390px;
		float:left;
		padding:0 10px 0 0;
	}

#div-page-btm {
	position:relative;
	width:830px;
	height:15px;
	background:url(../images/page_btm.png) no-repeat;
}


										/* ---------- 5. navigation ---------- */ 
										

										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
table {
		margin			: 0.6em 3%;
}										
										
										
										/* ---------- 9. forms ---------- */ 

#form_c table {
	font-size:1.3em;
	color:#2392BA;
}
.fbox {
	border:1px solid #61BC47;
	width:280px;
	padding:2px 1px;
	font-family		: "trebuchet MS", Arial;
	font-size:0.9em;
}
.submit {
	padding:2px 6px;
	color:#fff;
	background:#2392BA;
	font-family		: "trebuchet MS", Arial;
}										
										