@charset "utf-8";
/* Stormwater Education pages Stylesheet */

  body {
  background: url(images/stormwater_background.jpg) repeat-x;
}

/* Wrapper contains the layout - branding, navbar, content and footer */
#wrapper{
  width:50em;
  margin: 0 auto;
  position:relative;
  height:auto;
  }

/* Branding division contains one large image */
#branding{
  height:6em;
  position:relative;
  background:url(stormwater_images/stormwater_head.gif) no-repeat center;
}  

#branding img{
  width:100%; 
  display:block; 
}


/*Holds the content of the 2 columns */
#content{
	position:relative;
    margin:0;
    padding:0;
    background-color:#FFFFFF;
    height:132em;
} 
	
/* Applies to columns within the content division - height must be adjusted manually to fit content */
#firstcolumn{
/* For absolutely-positioned leftcolumn*/
	position:absolute;
	float: left;
    top:0;
	width:12em;
	height:auto;
	padding:.25em;
	font-size:.8em;
	color:#000099;
	background: url(stormwater_images/firstcolumn_bkgd.gif) no-repeat center;
	} 
	
/* Applies to links in firstcolumn  */

#firstcolumn a, #firstcolumn a:link, #firstcolumn a:active{ 
	font-family: Arial, Helvetica, sans-serif;
	color:blue;
	text-decoration:none;
	}

#firstcolumn a:visited{ 
	color:blue; 
	text-decoration: none; 
	}

#firstcolumn a:hover{ 
	color:006633; 
	text-decoration: underline;
	}	

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#secondcolumn {
	/* For absolutely-positioned secondcolumn */
  	position:absolute;
	top:0;
	margin-left:10.5em;
	height:auto;
	width:39.5em;
	background-color:#fff;
	}
	
#secondcolumn li, #secondcolumn ul {
	padding-left:1em;
	}

/* Applies to links in secondcolumn  */

#secondcolumn a, #secondcolumn a:link, #secondcolumn a:active{ 
	color:blue;
	text-decoration:none;
	}

#secondcolumn a:visited{ 
	color:blue; 
	text-decoration: none; 
	}

#secondcolumn a:hover{ 
	color:006633; 
	text-decoration: underline;
	}

/* Applies to the footer division */

#footer {
   position:relative;
   margin: 0 auto;
   height:6.5em;
   width:49.5em;
   padding:.25em;
   clear:both;
   border-top:.3em solid #aecec8;
   }

/* footer links */

#footer
a:link { color: green; text-decoration: none }
a:active { color: green; text-decoration: none }
a:visited { color: green; text-decoration: none }
a:hover { color: blue; text-decoration: underline }

/* Acronyms and abbreviations */

acronym, abbr{
  border-bottom:dotted 1px #333;
  cursor:help;
}

/* fonts */

.h1 {
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
}
.h2 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
}
.h5 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.h6 {
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.h10 {
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.h11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.h11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.h12 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 9pt;
	font-style:normal;
}
.h13 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 12pt;
	font-style:normal;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
}

/*End printer-friendly styles */
}