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

	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, table {
	margin			: 1em 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 {
	display:block;
	height			:120px;
	width:602px;
	text-indent:-9000px;
	background:url(../images/oea_header_logo.png) bottom no-repeat;
	margin-left:360px;
}


	h1 a {}
	h1 a:hover {}
	
h2 {
	color			:#F9791E;
	font-size		:1.3em;
}
	h2 a {}
	h2 a:hover {}
	
h3 {}
	h3 a {}
	h3 a:hover {}
	
h4 {
	
}
	h4 a {}
	h4 a:hover {}

h5 {
	color			:#F9791E;
	font-size		:1em;
}
	h5 a {}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Verdana, Arial, Tahoma, sans-serif;
	background		: #000;
}


#div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 1000px;
}

#div-header {
	position		: relative;
	width			: 1000px;
	height			: 150px;
	background		: url(../images/header_bg.jpg) no-repeat;
}

#div-minibar {
	position		: relative;
	height			: 30px;
	padding-bottom	: 26px;
	background		: #73BD42 url(../images/minibar_bg.jpg) bottom repeat-x;
	font-size		: 1em;
	font-weight		: bold;
	line-height		: 30px;
	text-indent		: 17px;
	border-top		: 1px solid #000;
}
	#div-minibar a {
		color:#000;
	}
	#div-minibar a:hover {
		color:#fff;
	}

#div-main {
	position		: relative;
	background		: #D9ECCC;
	width			: 1000px;
}
#div-nav {
	float			: left;
	width			: 160px;
	padding			: 5px;
	background		: url(../images/nav_bg.jpg) 5px top no-repeat;
	padding-top		: 15px;
}
	.nav_btm_im {
		margin-bottom	: -5px;
	}
		#div-nav ul {
			margin			: 0 0 0 17px;
			padding			: 0;
		}
		#div-nav ul li {
			margin			: 0;
			padding			: 5px 0 5px 0;
			display			: block;
			width			: 133px;
			border-bottom	: 1px solid #A1CE37;
			list-style		: none;
		}
		#div-nav ul li a {
			padding			: 5px 0 5px 0;
			text-decoration	: none;
			font-size		: 0.9em;
			color			: #000;
			font-weight		: bold;
		}
		#div-nav ul li a:hover {
			color			: #fff;
		}


#div-content {
	position:relative;
	float:left;
	width:670px;
}
	#div-content-wide {
		position:relative;
		float:left;
		width:820px;
	}
	
#div-aside {
	position:relative;
	width:160px;
	float:right;
}


#div-ftr {
	position:relative;
	margin:0 auto 30px auto;
	width:1000px;
	height:50px;
	background:url(../images/footer_bg.jpg) repeat-y;
	text-align:center;
	line-height:68px;
	font-size:1em;
}
	#div-ftr a {
		color:#000;
	}
	#div-ftr a:hover {
		color:#fff;
	}

										/* ---------- 5. navigation ---------- */ 
										

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

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 
										
										
/* Minibar search form */

#mini_frm {
	position:absolute;
	top:25px;
	left:180px;
	margin-top:-24px;
	height:30px;
	display:block;
	font-size:0.8em;
}
.srch_box {
	width:170px;
	border:1px solid #A1CE37;
	padding:1px;
}
.search_sub {
	width:58px;
	height:25px;
	background:url(../images/submit_on_green.jpg) no-repeat;
}										
										
										
/* ---------------------------------------------------------------------------- CSS Dropdown Nav ----------------------------------------------- */
#div-nav ul { /* all lists */
	margin			: 0 0 0 17px;
	padding			: 0;
	list-style		: none;
	line-height		: 1;
	z-index			: 4;
}

#div-nav a {
	display: block;
	margin: 0;
	font-size: 0.9em;
}

#div-nav li { /* all list items */
	margin			: 0;
	padding			: 5px 0 5px 0;
	display			: block;
	width			: 133px;
	border-bottom	: 1px solid #A1CE37;
	list-style		: none;
}
#div-nav li a {
	padding			: 5px 0 5px 0;
	text-decoration	: none;
	font-size		: 0.9em;
	color			: #000;
	font-weight		: bold;
}
#div-nav li a:hover {
	color			: #fff;
}

#div-nav li ul { /* second-level lists */
	position: absolute;
	background: #75BF44;
	width: 158px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #A1CE37;
}
#div-nav li ul li {
	border:none;
}
#div-nav li ul li a {
	padding:4px;
	color:#000;
	background: #75BF44;
	display:block;
	width: 150px;
	font-size:0.85em;
}
#div-nav li ul li a:hover {
	color:#fff;
	background: #75BF44;
}

#div-nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#div-nav li:hover ul ul, #div-navli.sfhover ul ul {
	margin-left: -1000em;
}

#div-nav li:hover ul, #div-nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left		: 133px;
	margin-top		: -35px;
}
#div-nav li li:hover ul, #div-nav li li.sfhover ul {
	margin-left: 10em;
}


/* extra positioning rules for limited noscript keyboard accessibility */
#div-nav li a:focus + ul { margin-left: 0; }
#div-nav li li a:focus + ul { margin-left: 1010em; }
#div-nav li li a:focus { margin-left:1000em; width:150px; background: #75BF44; }
#div-nav li li li a:focus {margin-left: 2010em; width: 10em; background: #75BF44; }
#div-nav li:hover a:focus, #div-nav li.sfhover a.sffocus { margin-left: 0; }
#div-nav li li:hover a:focus + ul, #div-nav li li.sfhover a.sffocus + ul { margin-left: 10em; }