/*
	EO Group
	General Screen Styles
	-Created by Chris Pearce
	-chris@cstech.net.au
*/
/****************************************************************************************
																  >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background-color: #fff; /* BG colour of the CMS editor */
	color: #696969;
	font: 78% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	text-align: left;
}
a:link, a:visited {color: #333;}
a:hover {text-decoration: none;}
p {
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.5;
}
a img {border: 0;}
ul, ol {
	margin: 0 0 1.5em 25px;
	padding: 0;
}
ol {margin-left: 35px;}
ul li, ol li {line-height: 1.5;}
ul li {
	padding-left: 14px;
	background: url("../images/nav-bullet.gif") no-repeat 0 6px;
	list-style: none;
}
ul li ul li {background-image: url("../images/nav-bullet2.gif");}
ul ul, ol ol {
	font-size: 100%;
	margin: 0.40em 0 0.80em 10px;
}

ul.news {margin-left:0px;}
ul.news a {text-decoration:none;}
ul.news a:hover {text-decoration:underline;}

ol.lowerAlpha li {list-style-type:lower-alpha; margin:0px 0px 15px 0px;}
ol.lowerRoman li {list-style-type:lower-roman; margin:20px 0px 15px 0px;}
ol.ESOP li {margin:0px 0px 15px 0px;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, td {font-size: 100%;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
blockquote {
	margin: 0 0 0 10px;
	padding: 0;
	font: italic 110% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #696969;
}
hr {
	color: #ccc; 
	background-color: #ccc; 
	height: 1px; 
	border: 0;
}
h1 {
	font: bold 162% Arial, Helvetica, sans-serif;
	color: #5c6b82;
	margin: 0 0 0.80em;
	padding: 0;
}
h2,h3,h4,h5,h6 {
	margin: 0 0 0.30em;
	padding: 0;
	font: 500 150% Arial, Helvetica, sans-serif;
	color: #666;
}

h2 span.footnotes {font-size:10px; color:#666666;}

h3,h4,h5,h6 {
	font: 500 146% Arial, Helvetica, sans-serif;
	color: #4898f9;
}
h4,h5,h6 {color: #78bdd1;}
h5 {
	color: #696969;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}
h6 {
	text-transform: uppercase;
	color: #696969;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6 {margin: 0; padding: 0;}

/****************************************************************************************
																		     >> Layout << 
*****************************************************************************************/
												
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
}
.hide2 {display: none;}

/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 818px;
	margin: 0 auto;
	text-align: left;
	background: url("../images/wrapper-bg.jpg") repeat-y 0 0;
}

/*-------------------------------------------Header---*/
#header {
	height: 101px;
	background: url("../images/header-bg.jpg") no-repeat 0 0;
	position: relative;
}
	#header h1 {
		position: absolute;
		top: 21px;
		left: 69px;
		margin: 0;
		padding: 0;
	}
		#header h1 a {
			display: block;
			text-indent: -9999px;
			width: 161px;
			height: 64px;
			background: url('../images/logo.jpg') no-repeat 0 0;
			overflow: hidden;
		}
	#header ul {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 24px;
		right: 64px;
		font-size: 90%;
	}
		#header ul li {
			display: inline;
			background-image: none;
			padding: 0;
		}
		#header ul li a {
			text-decoration: none;
			color: #fff;
			border-right: 1px solid #fff;
			margin-right: 0.50em;
			padding: 0 0.50em 2px 0;
		}
		#header ul li.lst-link a {
			border: none;
			margin: 0;
			padding: 0 0 2px 0;
		}
		#header ul li a:hover {text-decoration: underline;}
	
/*-------------------------------------------Banner---*/
#banner {
	height: 223px;
	background: url("../images/banner.jpg") no-repeat 0 0;
	margin-left: 41px;
}
		
/*-------------------------------------------Main Content---*/
#main_content {
	float: left;
	display: inline; /* Fix double margin bug in IE 6 and below */
	width: 740px;
	margin: 0 0 20px 41px;
}
#page_home #main_content {background: url("../images/maincontent-bg.gif") repeat-y 0 0;}
	/* Sidebar [NAV] */
	#main_content #sidebar {
		width: 143px;
		float: left;
	}
		#main_content #sidebar * {
			margin: 0;
			padding: 0;
		}
		#main_content #sidebar ul#nav {margin-left: 15px;}
		#main_content #sidebar ul#nav li {
			padding: 0 0 1px 0;
			background: url("../images/nav-bg.gif") repeat-x 0 100%;
		}
			#main_content #sidebar ul#nav li a {
				display: block;
				background: url("../images/nav-bullet.gif") no-repeat 2px 50%;
				padding: 0.50em 2px 0.50em 17px;
				text-decoration: none;
				color: #696969;
				line-height: 1.3;
			}
			#main_content #sidebar ul#nav li a:hover,
			#main_content #sidebar ul#nav li a.active {
				background-color: #DBDBDB;
				color: #333;
			}
			#main_content #sidebar ul#nav li a.active {cursor: default;}
			/*#main_content #sidebar ul#nav li.sml-txt a {font-size: 90%;}*/
			
	/* Page Copy */
	#page_copy {
		float: left;
		display: inline; /* Fix double margin bug in IE 6 and below */
		margin-left: 44px;
		width: 524px;
	}
	#page_home #page_copy {width: 539px;}
	
		/* Intro & Latest News [HOMEPAGE] */
		#intro {
			float: left;
			width: 335px;
		}
			#intro h1 {font-size: 130%;}
		#aside {
			float: left;
			width: 160px;
			display: inline; /* Fix double margin bug in IE 6 and below */
			margin-left: 44px;
			background: url("../images/nav-bg.gif") repeat-x 0 100%;
			padding-bottom: 6px;
		}
			#aside h2 {
				margin: 0;
				background: #587789 url("../images/gradient-header-bg.jpg") repeat-x 0 0;
				color: #fff;
				padding: 6px;
				font-size: 105%;
			}
			#aside div {
				padding: 6px;
				background: url("../images/news-bg.gif") no-repeat 0 0;
				font-size: 90%;
			}
			#aside div p {margin-bottom: 1em;}
			
			
			
			
			
	#asideB {
	float: left;
	width: 160px;
	display: inline; /* Fix double margin bug in IE 6 and below */
	padding-bottom: 6px;
	margin-top:20px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-image: url(../images/news-bg.gif);
		}
.go-button {
	border: 1px solid #7F95A5;
}
.join-input {
	border: 1px solid #7F95A5;
	margin-left: 5px;
}
			#asideB h2 {
				margin: 0;
				background: #587789 url("../images/gradient-header-bg.jpg") repeat-x 0 0;
				color: #fff;
				padding: 6px;
				font-size: 105%;
			}
			#asideB div {
	padding: 6px;
	font-size: 90%;
	background-repeat: no-repeat;
	background-position: 0 0;
			}
			#asideB div p {margin-bottom: 1em;}
			
			
			
			

/*-------------------------------------------Footer---*/
#footer, #bottomLinks {
	clear: both;
	width: 818px;
	background: url("../images/footer-bg.jpg") no-repeat 0 100%;
	font: normal 90% Arial, Helvetica, sans-serif; 
	padding-bottom: 25px;
}
	#footer * {
		margin: 0;
		padding: 0;
	}
	#footer p {
		background-color: #597485;
		margin: 0 37px 0 41px;
		color: #343331;
		padding: 10px 14px 0 14px;
		line-height: 1.3;
	}
		#footer p span,
		#footer p a {color: #fff;}
#bottomLinks {width:900px;background:none;margin:0 auto;}
/****************************************************************************************
												  							 >> Tables << 
*****************************************************************************************/

/****************************************************************************************
												  							  >> Forms << 
*****************************************************************************************/
form {
	margin: 0; 
	padding: 0;
}
.clear {
	clear: both;
}
	form fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	form fieldset legend {display: none;}
	form fieldset div.form-row {
		margin-top: 2px;
		padding: 2px 0;
		clear: both;
	}
	form fieldset label {
		width: 50px;
		float: left;
		padding: 2px 0;
		font-weight: bold;
	}
	form fieldset input, 
	form fieldset textarea,
	form fieldset select {
		width: 130px; 
		font: 100% "Courier New", Courier, monospace;
		color: #333;
		border: 1px solid #666;
		padding: 2px;
	}
	form fieldset textarea {
		width: 290px; 
		height: 100px; 
		overflow: auto;
	}
	form fieldset input:hover,
	form fieldset input:focus,
	form fieldset textarea:hover,
	form fieldset textarea:focus {
		border: 1px solid #333;
		background: #BBE8E3;
	}
	/*---Submit Button---*/
	form fieldset.submit {
		clear: both;
		padding: 8px 0 0 50px;
	} 
		form fieldset.submit input {
			width: 6em;
			min-width: 5em;
			padding: 1px 0.15em 1px 0.15em;
			border: 1px solid #BB7E2D;
			background: #D29544;
			color: #FFF;
			cursor: pointer; 
			font-weight: bold;
			margin-top: 10px;
		}
		form fieldset.submit input:hover,
		form fieldset.submit input:focus {
			background: none; 
			border: 0;
		}
	/*---Validation & Misc Styles---*/
	form fieldset em {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: red;
	}

.news {font-size:90%;}
.news h3 {font-size:146%;font-weight:700;}
		
/****************************************************************************************
												  					   >> Misc Classes << 
*****************************************************************************************/

/*-------------------------------------------CMS Custom Styles---*/
ol.style-sml-list-text {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
p.style-sml-txt {font: normal 95% Arial, Helvetica, sans-serif;}