/*
This Style Sheet was written by Robert Wood for www.PEPNet.org. If you are going to steal it at least give me credit.
*/

/* Main body of pages */
	* {margin:0;padding:0}

	body {
		background: #999999;
		color: #000;
		padding: 0;
		text-align: center;
		}

/* Top of screen though navigation */
	#main {
		background: #FFFFFF;
		color: #000;
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		padding: 0;
		border: none;
		position: relative;
		}

	#topbar {
		background: #FFF url(images/topbar.gif) repeat-y;
		color: #000;
		text-align: left;
		margin: 0 0 0 0;
		width: 980px;
		padding: 0;
		border: none;
		}

	#navskip {
		background: #FFF url(images/topbar_bg.gif) repeat-y;
		float: right;
		background: none;
		}

	#navskip a {
		text-align: right;
		color: #FFF;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: 1em;
		text-decoration: none;
		margin: 0 10px 0 0;
		padding: 0 0 0 0;
		border: none;
		}

	#navskip a:hover {
		color: #000000;
		}

	#social {
		background: none;
		position: absolute;
		top: 30px;
		right: 10px;
		}



	#logo {float: left;}

	#headtext {
		float: left;
		padding: 10px 0 0 0;
		}

/* SEARCH */
	#search {
		background: none;
		color: #ffffff;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: 1em;
		position: absolute;
		top: 100px;
		right: 1px;
		left: auto;
		width: 17em;
		}

	#search form {margin:0}

	#search input {
		width: 9em;
		margin: 0 0 -1px;
		height: 1.2em;
		}

	#search label {
		padding: 5px 0 0;
		display: inline;
		}

	#search input.f-submit {
		width: auto;
		font-size: 81%;
		margin: 0 0 -.15em;
		height: 1.95em;
		}

	#picbar {
		background: #FFFFFF;
		color: #000;
		font-size: 14px;
		margin: 0;
		padding: 0;
		width: 980px;
		border: none;
		}
		
	#picbar img {float: right;}


	#picbar a.main_menu {
		margin: 0;
		padding: 0;
		border: none;
		}

	.regionnav {
		float: left;
		list-style: none;
		width: 198px;
		}

	.regionnav li {
		background: #B4BDA2;
		padding: 2px 0 0 10px;
		border: 1px solid #000000;
		text-align: left;
		height: 21px;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		text-decoration: none;
		}
		
	.regionnav a:link {
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		}

	.regionnav a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		}

	.regionnav a:hover {
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
		}

	#mainnav {
		background-color: #788958;
		float: left;
		width: 980px;
		}
		
			
	#mainnav a {
		padding: 3px 15px 0 15px;
		text-align: left;
		float: left;
		border: none;
		height: 20px;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		text-decoration: none;
		color: #FFFFFF;
		}

	#mainnav a:hover {
		color: #000000;
		}

	#mainnav a.last {
		float: right;
		text-align: right;
		}

	#mainnav a.active {
		color: #000000;
		}

/* Content */
	#content {
		background: #FFFFFF;
		text-align: left;
		margin: 0 0 0 0;
		width: 980px;
		padding: 0 0 0 0;
		border: none;
		}
	#content img.menu {
		float: right;
		border: 0px solid;
		padding: 0px;
		margin: 0px;
		}
	#content img.right {
		float: right;
		border: 0px solid;
		padding: 0px;
		margin: 0px;
		}
	#content img.left {
		float: left;
		border: 0px solid;
		padding: 0px;
		margin: 0px;
		}
	#content h1 {
		font-size: 1.2em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #000000;
		font-weight: bold;
		margin-bottom: 5px;
		}
	#content h1.center {
		font-size: 1.2em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #000000;
		font-weight: bold;
		margin-bottom: 5px;
		text-align: center;
		}
	#content h2 {
		font-size: 1.2em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #006600;
		font-weight: bold;
		margin-bottom: 4px;
		}
	#content h2.black {
		font-size: 1em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #000;
		font-weight: bold;
		margin-bottom: 3px;
		}
	#content h2.blacktop {
		font-size: 1em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #000;
		font-weight: bold;
		margin-top: 6px;
		margin-bottom: 3px;
		}
	#content h3 {
		font-size: 1em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		color: #000;
		font-weight: bold;
		margin-bottom: 3px;
		}
	#content p {
		text-align: left;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: .8em;
		margin: 1em 0 1em 0;
		}
	#content p img {
		border: 0px solid;
		margin: 0;
		}
	#content a:link {
		color: #3950A2;
		font-weight: bold;
		}
	#content a:visited {
		color: #3950A2;
		font-weight: bold;
		}
	#content a:hover {
		color: #788958;
		font-weight: bold;
		}
	#content ol {
		list-style-type: decimal;
		padding: 0 2em 1em 2em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: .8em;
		}
	#content ul {
		list-style-type: disc;
		padding: 0 2em 1em 2em;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: .8em;
		}
	#content form {
		text-align: left;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: .8em;
		margin: 1em 0 1em 0;
		}
	.p-shadow {
		width: 225px;
		float:left;
		background: url(images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(images/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
		margin: 10px 0 0 5px;
		}

	.p-shadow div {
		background: none !important;
		background: url(images/shadow2.gif) no-repeat left top;
		padding: 0 !important;
		padding: 0 6px 6px 0;
		}

	.p-shadow p {
  		color: #FFF;
		background-color: #3950A2;
		font-size: 1em;
		border: 1px solid #a9a9a9;
		padding: 4px;
		margin: -6px 6px 6px -6px !important;
		margin: 0;
		}

	.p-shadow ul li {
		padding-bottom: 5px;
		}

	.p-shadow2 {
		width: 225px;
		float:left;
		background: url(images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(images/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
		margin: 10px 0 0 5px;
		}

	.p-shadow2 div {
		background: none !important;
		background: url(images/shadow2.gif) no-repeat left top;
		padding: 0 !important;
		padding: 0 6px 6px 0;
		}

	.p-shadow2 p {
  		color: #FFF;
		background-color: #800000;
		font-size: 1em;
		border: 1px solid #a9a9a9;
		padding: 4px;
		margin: -6px 6px 6px -6px !important;
		margin: 0;
		}

	.p-shadow2 ul li {
		padding-bottom: 5px;
		}
 
	#leftcol {
		float: left;
		width: 240px;
		border: none;
		margin: 5px 10px 5px 10px;
		}
		
	#rightcol {
		float: right;
		width: 240px;
		border: none;
		margin: 5px 10px 5px 10px;
		text-align: right;
		}

	#midcol {
		float: left;
		width: 400px;
		border: none;
		margin: 5px 1px 5px 25px;
		text-align: justify;
		}

	#pdcleftcol {
		float: left;
		width: 230px;
		border: none;
		margin: 5px 10px 5px 10px;
		}

	#pdcrightcol {
		float: right;
		width: 230px;
		border: none;
		margin: 5px 10px 5px 10px;
		text-align: left;
		}

	#pdcmidcol {
		float: left;
		width: 425px;
		border: none;
		margin: 5px 1px 5px 25px;
		text-align: justify;
		}


	#subleft {
		float: left;
		width: 245px;
		border: none;
		margin: 5px 10px 5px 2px;
		}

	#submain {
		float: left;
		width: 650px;
		border: none;
		margin: 5px 20px 5px 20px;
		text-align: justify;
		}
		
	.sidesub {
		background: #fff url(images/gradbar_bg.gif) repeat-x;
		padding: 10px 0 10px 0;
		border: none;
		}
		
	.midsub {
		background: #fff url(images/gradbar_bg.gif) repeat-x;
		padding: 10px 0 0 0;
		border: none;
		}

	.midsub img {
		border: none;
		}

	#ressearch {
		display: block;
		width: 111px;
		height: 39px;
		background: url(images/searchbut.gif) no-repeat 0 0;
		}

	#ressearch:hover {
		background-position: 0 -39px;
		}

	#ressearch span {
		display:none;
		}

	#fourbar {
		display: block;
		clear: both;
		color: #000000;
		text-align: left;
		text-decoration: none;
		padding: 1em 0 0 0;
		width: 980px;
		}

	#fourbar img {
		border: none;
		}

	#valid {
		background: #FFFFFF;
		clear: both;
		color: #000000;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: 12px;
		text-align: left;
		text-decoration: none;
		padding: 1em 0 0 0;
		width: 980px;
		}

	#valid img {
		border: 0;
		}

	#validnew {
		background: #FFFFFF url(images/topbar_bg.gif) repeat-y;
		clear: both;
		color: #000000;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: 12px;
		text-align: left;
		text-decoration: none;
		padding: 1em 0 0 0;
		width: 980px;
		}

	#footer {

		clear: both;
		background: #FFFFFF url(images/topbar_bg.gif) repeat-y;
		color: #ffffff;
		font-family: Verdana, Arial, Geneva, Helvetica, Sans-serif;
		font-size: 12px;
		text-align: right;
		text-decoration: none;
		padding: 1em 0 0 0;
		width: 980px;
		height: 40px;
		}

	#footer img {
		float: left;
		border: none;
		}

	#footer .sentance {
		color: #000000;
		text-decoration: none;
		float: left;
		clear: both;
		}

	#footer a:link {
		color: #FFFFFF;
		text-decoration: none;
		}

	#footer a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}

	#footer a:hover {
		color: #999999;
		text-decoration: none;
		}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
/* End Hide from IE-mac */