/*
 * 	Groundswell web site CSS
 * 	CSS Positioning verion
 * 	by Bill Weinman
 * 	developed for CSS Positioning course at lynda.com
 */

/* =========== global styles =========== */

 body {
	font-family:  Verdana, Geneva, sans-serif;
	background: #8da1b9 url(images2/qs.jpg) no-repeat fixed bottom right;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
 }
 
 p, h1, h2, h3, h4, h5, h6, li {
 	margin: 1ex 1em;
 }
 
 div#outerDiv {
 	width: 850px;
	margin: 0 auto;
	background: #8da1b9 url(images2/logoSmall.jpg) no-repeat;
 }

#outerDiv a:link, #outerDiv a:visited {
	text-decoration: none;
	color: #4f6282;
	font-weight: bold;
}

#outerDiv a:hover, #outerDiv a:active {
	color: #fff;
}


 /* ************ header ************* */

 div#header {
 	height: 102px;
	position: relative;
 }
 
 #header h1 {
	 text-indent: -9999px;
 }
 

/* ********** main menu ********** */

#header #mainMenu {
	position: absolute;
	left: 572px;
	bottom: 0px;
	width: 309px;
}

#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	color: #4f6282;
	text-decoration: none;
	padding: 0 15px 0 10px;
	margin-right: 10px;
	line-height: 25px;
	background: url(images2/nav_rollover.jpg) no-repeat left bottom;
	border: none;
}

#mainMenu li a:hover, #mainMenu li a:active {
	color: #f8b449;
	background-position: left top;
}





#mainMenu li a.current:hover {
	cursor: default;
}

/* ************ main content ************ */

 #content div#mainContent {
	float: left;
	width: 850px;
	height: 475px;
	margin: 0;
	padding: 20px 25px;
	left: 125px;
	top: 225px;
	
	
 }
 
 #mainContent p {
 	font-family:  Verdana, Geneva, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #000;
	margin: 1ex 0;
 }

 #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
 	font-family: Verdana, Geneva, sans-serif;
 }

 #mainContent h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #324461;
	text-align: center;
	margin: 0 0 .4ex 0;
 }
 
 #mainContent h2 {
 	font-size: 1.2em;
	color: #324461;
	margin: .4ex 0;
 }
 
 #mainContent h4 {
 	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	margin: 1ex 0 -.2ex 0;
 }
 
 #mainContent ul {
 	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	margin: 0 0 1.4ex 1em;
 }
 
 #mainContent p.leftMenu{
 	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0;
 }
 
 #mainContent p.leftMenu a {
 	color: #566440;
 }
 
 #mainContent p.leftMenu a:hover {
 	color: #b36b00;
	border: none;
 }
 

 
 /* ============ footer ============== */

div#footer {
	clear: both;
	background: transparent;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
 
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .75em;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
} 

#footer a {
	color: #324461;
	text-decoration: none;
}
 /* ============ miscellaneous styles =========== */

.clear {clear: both }

object:active, div:active
{
outline: none;
}

object:focus, div:focus
{
outline-style: none;
}