/* Do you know the way? */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
min-width:700px;
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
color: black;
background-color: #ffffff;
}

/* Banner across top of page that says the name of the whole site */

/* Header */

#banner {
	background-color:#FFFFFF;
	background-image:url(../images/header2.jpg);
	width: 100%;
	height: 167px;
	/*margin-bottom:25px;
	padding: 0 0 0 0;*/
	padding-left: 75px;
	background-repeat: no-repeat;
	background-position: 10px center;
/*background: url(../images/header.gif) transparent;
width: 100%;
height: 140px;
color: #55411c;
margin: 0 auto;*/
}

#banner p {
	font-family: palatino, georgia, times, serif;
	font-size: 27px;
	line-height:normal;
	color:#99CCFF;
	padding:20px 0px 0px 240px;
	font-weight: bold;
}

/*************** #pageName styles **************/

#pageName{
	border-bottom:#CCCCCC 2px solid;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	height: auto;
	margin: 0;
	padding: 10px 0px 5px 10px;
	background-color: #55922B;
}

/* Basic Tags */

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 18px;
 color: #334d55;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 16px;
 color: #006699;
 margin:0px 0px 10px 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 14px;
 color: #334d55;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #996600;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #334d55;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

/* 
Styles for the main text on the page. 
*/

#container {
margin:0;
}

#main-text {
	margin:0 182px 0px 160px;
	padding:0 35px 0 35px;
	border-color:#CCCCCC;
	border-style:solid;
	border-top-width:0px;
	border-right-width: 1px;
	border-bottom-width:0px;
	border-left-width: 1px;
}

#main-text h2{
	text-align: Left;
	margin:0 0px 0px 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#main-text h3{
	text-align: Left;
	margin:0 0px 0px 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#info-admin {
	margin:20px 182px 0px 0px;
	padding:0 35px 0 35px;
	border-color:#CCCCCC;
	border-style:solid;
	border-top-width:0px;
	border-right-width: 1px;
	border-bottom-width:0px;
	border-left-width: 1px;
}

p, ul, ol, table {
margin-top: 0;
margin-bottom: 17px;
margin-left: 0;
margin-right: 0;
font-size: 12px;
line-height: 17px;
}

ol, ul {
margin-left: 25px;
}

a:link, a:visited {
color: #cc6600;
font-weight: bold;
}

a:hover {
color: #cc6600;
font-weight: bold;
text-decoration: none;
}

/* This is the horizontal nav buttons */
#deptlinks {
/*background: url(../images/subtitle_bg.jpg) #ccc;*/
text-transform: uppercase;
margin:0 0 15px 0px;
padding: 0;
width:80%;
height: 36px;
/*width: 700px;*/
}

#deptlinks ul {
text-align: center;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#deptlinks ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	float: left;
	height: 19px;
	list-style-type: none;
	display: inline;
	/*width: 100px;*/
	padding:0 3px 0 0;
	margin:10px 0 0 0;
}

#deptlinks ul li a {
/*display: inline;*/
text-align: center;
background-color:#D7D7B8;
color:#666600;
height: 36px;
padding: 0 10px 2px 10px;
margin: 0;
}

#deptlinks li a:hover {
background-color:#999966;
color:#FFFFCC;
text-decoration: none;
}

#deptlinks li a:active {
background-color: #cccccc;
color: #ff0000;
text-decoration: none;
}

/* This is the Non-Point-Source button */
#npslinks {
/*background: url(../images/subtitle_bg.jpg) #ccc;*/
text-transform: uppercase;
margin:0 0 15px 0px;
padding: 0;
width:80%;
height: 46px;
/*width: 700px;*/
}

#npslinks p {
/*background: url(../images/subtitle_bg.jpg) #ccc;*/
	font-weight: bold;
	font-size: 12px;
	vertical-align:middle;
	text-align:center;
text-transform: uppercase;
background-color: #cccccc;
color:#003399;
width:100%;
height: 46px;
/*width: 700px;*/
}

#npslinks ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	vertical-align:middle;
	text-align:center;
background-color: #cccccc;
color:#003399;
width:100%;
	height: 46px;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#npstlinks ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	vertical-align:middle;
	text-align:center;
background-color: #cccccc;
color:#003399;
width:100%;
	height: 46px;
	list-style-type: none;
	display: inline;
	/*width: 100px;*/
	padding:0 3px 0 0;
	margin: 0;
}

#npstlinks ul li a {
/*display: inline;*/
text-align: center;
background-color:#D7D7B8;
color:#666600;
height: 46px;
padding: 0 10px 2px 10px;
margin: 0;
}

#npstlinks li a:hover {
background-color:#999966;
color:#FFFFCC;
text-decoration: none;
}

#npstlinks li a:active {
background-color: #cccccc;
color: #ff0000;
text-decoration: none;
}

/* Non-point-source text */

#nps-text {
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

#nps-text h3 {
	font-size: 16px;
	font-weight: bold;
	color: #006600;
	text-align: center;
}

/* Styles for the navbar on the left side. */

#left-menu {
	position: absolute;
	top: 145px;
	left: 0;
	margin:20px 0 0 0;
	width: 160px;
	background-color: #E6E6E6;
}

#left-menu p {
border-bottom:#003366 5px solid;
text-align: center;
line-height: 20px;
font-size: 14px;
font-weight: bold;
padding-bottom: 7px;
padding-top: 7px;
margin-bottom: 0;
}

/*#left-menu a:link, #left-menu a:visited {
color: #cc6600;
font-weight:normal;
}

#left-menu a:hover, #left-menu a.current {
color: #7f3f00;
font-weight:normal;
text-decoration: none;
}*/

/* Styles for the pullquote on the right side. */

#headlines {
	position: absolute;
	top: 180px;
	right: 0;
	width: 170px;
	background-color: #9DB7D0;
	margin: 20px 0 0 0;
	height: 80%;
	padding: 0 6px 0 6px;
}

#headlines h1,h2,h3 {
padding: 6px 0 0 0;
}

#headlines p {
line-height: 12px;
font-size: 10px;
}

#headlines strong {
color: #cc6600;
font-style: italic;
}

#headlines a{
color: #870000;
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/* Styles for the footer at the bottom of the page */

#footer {
text-align: center;
background-color: #666633;
color: #ffffff;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
font-size: 10px;
border-top: 2px #cc6600 solid;
}

#footer a:link, #footer a:visited {
color: #f0f0e1;
}

#footer a:hover {
color: #f0f0e1;
text-decoration: underline;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-color:#CCCCCC;
	border-style:groove;
	border-top-width:4px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	font-size: 10px;
	color:#B3B3B3;
	padding: 10px 10px 10px 10px;
	margin:0 0 10px 0;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}