/* Volunteers and Invasive Plants: Learning and Lending a Hand: Structure Stylesheet*/

/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/

/* These base-set styles are in the structure stylesheet because they form the basis for the design, and they are not necessary in the typography stylesheet, because they would add unneeded clutter.  Plus, this stylesheet is read first, so they should be here.*/

/* to zero margins*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(../images/structure/cipmvol_background.gif);
	background-repeat: repeat;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/

/* header link tag styles for links, regular, hover, and visited*/
#header2 a {
	text-decoration: none;
	color:#000000;
}
#header2 a:hover {
	text-decoration: underline;
	color:#993300;
}

/* module page navigation link tag styles for links, regular, hover, and visited*/
#content_header a {
	text-decoration: none;
	color:#000000;
}
#content_header a:hover {
	text-decoration: underline;
	color:#993300;
}

/* content_main (main module content area) link tag styles for links, regular, hover, and visited*/
#content_main a {
	text-decoration: underline;
	color:#006699;
}
#content_main a:hover {
	text-decoration: none;
	color:#993300;
}
#content_main a:visited {
	text-decoration: underline;
	color: #800080;
}

/* content_sup (module supporting page content area) link tag styles for links, regular, hover, and visited*/
#content_sup a {
	text-decoration: underline;
	color:#006699;
}
#content_sup a:hover {
	text-decoration: none;
	color:#993300;
}
#content_sup a:visited {
	text-decoration: underline;
	color: #800080;
}
#header3_sup a {
	text-decoration: none;
	color:#000000;
}
#header3_sup a:hover {
	color:#993300;
	text-decoration: underline;
}

/* footer link tag styles*/
#footer_home a {
	text-decoration: none;
	color:#000000;
}
#footer_home a:hover {
	color:#993300;
	text-decoration: underline;
}
#footer_mod a {
	text-decoration: none;
	color:#000000;
}
#footer_mod a:hover {
	color:#993300;
	text-decoration: underline;
}
#footer_sup a {
	text-decoration: none;
	color:#000000;
}
#footer_sup a:hover {
	color:#993300;
	text-decoration: underline;
}

/* ----------------------------------------GLOBAL TOP RIGHT NAVIGATION STYLES----------------------------------------*/

/* style to scoot the search line down a bit and size the Home, Contact Us, and Search text to about 11 px*/
.link11 {
	font-size: 1em;
	margin-top: 5px;
}

/* styles for text resize area, printable page area, and search form area*/
.textresize {
	width:340px;
	text-align:right;
	float: right;
	font-size:1.1em;
	margin-right: 8px;
	margin-top: 10px;
	display: inline;
	height: 46px;
}
#query-field {
	font-size:1.0em;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 4px;
}
.button {
	vertical-align: text-bottom;
}

/* ----------------------------------------GLOBAL MODULE/SUB-MODULE NAVIGATION STYLES----------------------------------------*/

/* style class for the mod page first, previous, and next links*/
.pagenav {
	font-size:1em;
	text-align: right;
	width: 150px;
	float: right;
	vertical-align: top;
	margin: 0;
}

/* style class for the mod page first, previous, and next links (on the bottom of the page)*/
.pagenav2 {
	font-size:1em;
	text-align: right;
	width: 150px;
	float: right;
	vertical-align: top;
}

/* return to top text style*/
#returntotop {
	font-size: 1.1em;
	padding-bottom: 16px;
	left: 318px;
	position: relative;
	width: 200px;
	padding-top: 9px;
	height: 14px;
}

/* for back to module text in supporting pages*/
#backtomodule {
	font-size: 1.1em;
	padding-bottom: 16px;
	position: relative;
	padding-top: 9px;
	text-align: center;
	height: 14px;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	width: 750px;
}

/* wrapper for module pages*/
#wrapper_mod {
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-image:url(../images/structure/cipmvolmod_spacer.gif);
	background-repeat:repeat-y;
}

/* banner and header for home and module pages*/
#header {
	height: 108px;
	margin: 0;
	padding: 0;
	width:750px; /*added this to fix FS problem*/
	position:relative;
	background-color:#FFFFFF;
}
#header img {/*added this to fix FS problem*/
	border: 0;
}
#header_slice {
	background-image:url(../images/structure/cipmvol_background.gif);
	margin:0;
	padding:0;
	height:8px;
	font-size: 1px;
	line-height: 0px;
}
#header_left {
	height: 108px;
	float:left;
	/*position: relative;*/
	width: 90px;
	margin: 0;
	padding: 0;
}
#header_middle {
	margin: 0;
	padding: 0;
	height: 108px;
	float:left;
	width: 90px;
}
#header_right {
	padding: 0;
	margin: 0;
	height: 108px;
	float: left;
	width: 570px;
}
#header2 {
	height: 71px;
	background-image: url(../images/structure/cipmvol_header.gif);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}
/*#header2 h1 {
	position: absolute;
	left: -3000px;
}*/
#header2 h1 {
	display: none;
}
#header2 h2 {
	display: none;
}
/* header bottom for home page*/
#header3 {
	height: 25px;
	background-image: url(../images/structure/cipmvol_headerbottom.jpg);
	background-repeat: no-repeat;
	margin: 0;
	clear:both;
}

/* header bottom for module pages*/
#header3_mod {
	height: 25px;
	background-image: url(../images/structure/cipmvolmod_headerbottom.jpg);
	background-repeat: no-repeat;
	margin: 0;
	clear:both;
}

/* header bottom for support pages*/
#header3_sup {
	height: 22px;
	background-image: url(../images/structure/cipmvolsup_headerbottom.jpg);
	background-repeat: no-repeat;
	clear:both;
	font-size: 1.1em;
	text-align: center;
	padding-top: 23px;
}

/* header for content in modules*/
#content_header {
	margin: 0;
	background-image: url(../images/structure/cipmvolmod_h1.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height: 28px;
	vertical-align: baseline;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* container and margins for content--support pages*/
#content_sup {
	margin: 0;
	padding: 10px 10px 0px 8px;
	background-image: url(../images/structure/cipmvolsup_content.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

/* background to navigation for home page*/
#navmain {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvol_menumain.jpg);
	background-repeat: no-repeat;
	min-height:272px;
  	height:auto !important;
	height:272px;
}
#navbackground {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvol_menuback.gif);
	background-repeat: repeat-y;
}

/* other navigation layout styles*/
#navbottom {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvol_menubottom.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-size: 1px;
    line-height: 0px;
	height: 15px;
}
#navspacer {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvol_leftspacer.gif);
	background-repeat: repeat-y;
	height: 50px;
	background-color: #FFFFFF;
}

/* background to navigation for module pages*/
#navmain_mod {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvolmod_menumain.jpg);
	background-repeat: no-repeat;
	min-height:315px;
  	height:auto !important;
	height:315px;
}
#navbackground_mod {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvolmod_leftspacer.gif);
	background-repeat: repeat-y;
}
#navspacer_mod {
	margin: 0;
	padding: 0;
	width: 183px;
	background-image: url(../images/structure/cipmvolmod_leftspacer.gif);
	background-repeat: repeat-y;
	height: 50px;
	background-color: #FFFFFF;
}

/* container for navigation--home and module*/
#leftcol{
	width: 183px;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

/* container and margins for content--home and module*/
.container {
	width: 100%;
	float: right;
	background-color: #FFFFFF;
}

/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 183px;
	background-color: #FFFFFF;
}
#content_main {
	margin: 0;
	background-image: url(../images/structure/cipmvol_content.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* id attributes with values of 'content_main' and classes 'adjustedhigher' will be scooted up higher (top padding 0 instead of 10)*/
#content_main.adjustedhigher {
	padding-top: 0px;
}

/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/

/* for footer text styles on home and module pages*/
#footer {
	margin:0;
	padding:0;
}
/*#footer p {
	font-size: 1em;
	margin:0;
	padding: 3px;
	text-align:center;
}
*/
#serviceFooter {
	font-size: 1.2em; 
	margin:0;
	text-align:center;
}
#lastUpdated {
	font-size: 1em;
}
/* for home page footer background*/
#footer_home {
	background-image:url(../images/structure/cipmvol_footer.jpg);
	background-repeat:no-repeat;
	margin:0;
	height: 58px;
	clear:both;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}

/* for module page footer background*/
#footer_mod {
	background-image:url(../images/structure/cipmvolmod_footer.jpg);
	background-repeat:no-repeat;
	margin:0;
	height: 96px;
	clear:both;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

/* for module page footer background*/
#footer_sup {
	background-image:url(../images/structure/cipmvolsup_footer.jpg);
	background-repeat:no-repeat;
	margin:0;
	height: 96px;
	clear:both;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}