/* 
Author: Jason Ebensberger
Iowa Waste Reduction Center
Created: 2/21/08
History:
*/

@media screen
{
/* GLOBAL */
a {text-decoration:none;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; background:#CCC; font-size:0.8em; color:#666; margin:0; padding:0;}
p {text-align:justify; padding:0.2em; margin:0;}
.clearBoth {clear:both; margin:0; padding:0;}
.clearLeft {clear:left; margin:0; padding:0;}
.hiddenContent {display:none;}
.floatImgLeft {float:left; margin:20px;}
.floatImgRight {float:right; margin:10px; padding:0 0 0 15px;}
.greenTxt {color:green;}
.listDv {height:400px; overflow:auto; border:1px solid #CCC; margin:5px;}
.redTxt {color:red;}
#breadCrumb {font-size:0.8em; color:#666; margin:0 0 1em 1em;}


/* LAYOUT */
#mainContain {width:100%; border-right:1px solid #666;}
#midContain {width:100%; background:#FFF; padding:0 0; margin:0; border-bottom:0.2em solid #458EB8;}

/* HEADER */
#headContain {background:#FFF;}
 #headContain img {background:#FFF; display:block; margin-left:auto; margin-right:auto;}
#headingBox {float:right; margin:0 2em 0 0; font-size:0.9em; display:none;}
 #headingBox input {font-size:0.8em;}
 #headingBox span {margin:0 1em 0 0;}
 #headingBox a {border:0; color:#666;}

/* NAVIGATION */ 
#subNav {}
 #subNav li {color:#A0B842; background:#FFF; border-bottom:1px solid #CCC; padding:0 0 0 1.5em; font-size:0.8em;}
  #subNav li:hover {background:#F4F4F4;}
 #subNav h4 {margin:0; padding:0.2em; background:#143D55; color:#FFF; font-size:14px; text-transform:uppercase;}
 #subNav ul {background:#CCC; padding:0 0 0 0.5em; margin:0; list-style:none;}
 #subNav a {border:0; color:#666; display:block; padding:0.5em; margin:0; font-size:14px}
 
/* DOLPHIN NAVIGATION */
/* This Navigation is from http://www.free-css.com/free-css-menus/ and was available for free */
#dolphincontainer{position:relative; height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative; height:33px; font-size:14px; text-transform:uppercase; font-weight:bold;background:#fff url(dolphin_bg.gif) repeat-x bottom left; padding:0 0 0 20px;}
 #dolphinnav ul{margin:0; padding:0; list-style-type:none; width:auto; float:right;}
 #dolphinnav ul li{display:block; float:left; margin:0 1px;}
 #dolphinnav ul li a{display:block; float:left; color:#EAF3F8; text-decoration:none; padding:0 0 0 20px; height:33px;}
  #dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
  #dolphinnav ul li a:hover{color:#fff;background:transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;}
  #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
  #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff; background:#1D6893 url(dolphin_left-ON.gif) no-repeat top left; line-height:275%;}
  #dolphinnav ul li a.current span{display:block; padding:0 20px 0 0; width:auto; background:#1D6893 url(dolphin_right-ON.gif) no-repeat top right; height:33px;}

/* CONTENT */
#contentContain {border-right:1px solid #CCC; margin:0 22em 0 0; padding:0;}
 #contentContain h3 {color:#458EB8; margin:0.5em 0 1em 5px; padding:0; border-bottom:1px solid #CCC;}
 #contentContain h5 {color:#458EB8; margin:15px 0 0 5px; padding:0; border-bottom:1px solid #CCC;}
 #contentContain a {border:none; color:#143D55; margin:0; padding:0; text-decoration:underline;}
 #contentContain p {margin:1px 15px 0 15px;}
 #contentContain th {color:#666;}
 #contentContain h4 {color:#458EB8; margin:5px 0 0 15px; padding:0;} 
 #contentContain input {margin:10px 10px 5px 15px;}
 #contentContain textarea {margin:10px 10px 5px 15px;}
 #contentContain ul {margin:10px 20px;}
 #contentContain li {margin:5px 0 5px 10px; text-align:justify;}
 #contentContain img {margin: 5px 20px 5px 5px; border:none;}
 #contentContain table {padding: 10px 5px 10px 20px;}
  .contentContainTh{text-align:left;}
  .contentContainTd{text-align: left;}
.contentItems {background:#FFF; margin:0; padding:1em 0; width:100%;}
 .contentItems h3 {color:#458EB8; margin:0.5em 0 0 0; padding:0; border-bottom:1px solid #CCC; width:100%;}
 .contentItems a {border:none; color:#666; margin:0; padding:5px;}
 .contentItems ul {margin:5px 0 1px 0; padding:2px 0 2px 20px; font-size:.9em; list-style-type:none;}
 .contentItems li {margin:5px 0; padding:2px 0 10px 0;}
 .contentItems img {border:none;}
 .contentContact p{text-align:center;}
 .contentDropDown select {margin: 15px 5px 5px 15px;}
 .satellite{margin-left:15px;}
 .satellite a{color:#458EB8;}
 .satellite p{padding-bottom:10px;}
 .satelliteheader {padding-top:15px; color:#458EB8; margin:0.5em 0 1em 5px; font-size:15px; font-weight:bold;}
 
/* SUBCONTENT */
#subContent {float:right; background:#CCCCCC; margin:0.2em 2em 1em 0.5em; padding:0.5em; width:230px; -moz-border-radius:10px; -webkit-border-radius:10px;}
 #subContent h5 {color:#458EB8; margin:0.4em 2em 0 1px; padding:0; width:230px; font-size:14px;}
 #subContent p {font-size:0.8em; padding:0.3em; margin:1em 0 1em 0.6em; background:#FFF;}
.subContentItems{border:1px solid #CCC; margin:1em 0 0 0; background-color:white; -moz-border-radius:8px; -webkit-border-radius:8px;}
 .subContentItems a {border:none; color:#666; margin:0; padding:0;}
 .subContentItems img {margin:0 0.6em; text-align:center; border:none; }
 .subContentItems ul{margin:5px 0; padding:1px 0 1px 20px; font-size:12px} 
 .subContentItems li{margin:0 0 8px 1em; padding:0;}
.subContentP {text-align:center; margin:0; padding:0;}

/* FOOTER */
#footContain {width:100%; color:#FFF; margin:0; padding:0; text-align:center;}
 #footContain a {width:100%; color:#666; margin:20px; padding:5px;}
 #footContain p {width:100%; text-align:center; margin:0; padding:0; color:#666;}
 
 /* FORMS */
#flashForm {margin: 0 210px;}
fieldset {margin:2em;}
 fieldset div {margin:0 0 0 20em; border:#CCC;}
 fieldset input {margin:0;}
 fieldset label{display:block; width:150px; margin:12px 0 0 0; padding:0; float:left; text-align:right;}
 fieldset p {color:#666; margin:0; padding:0;}
 fieldset select {margin:12px;}
 fieldset hr {border:thin #ccc solid;}
 .wide label{display:block; width:250px; margin:12px 0 0 0; padding:0; float:left; text-align:right;}
 .small {width:40%;}
 .smallinput { size:5;}
 .askCarcProBox {float:right; font-size:16px; text-decoration:none; color:#E0E0E0; text-align:center; margin:20px; width:150px; padding:20px; background:#1D6893; border:2px solid #666; -moz-border-radius:10px; -webkit-border-radius:10px;}
 .askCarcProBox:hover {background:#1D6893; border:2px solid #666; font-size:16px; text-decoration:underline;}
}

 /* FORMS */
#flashForm {margin: 0 210px;}
fieldset {margin:2em;}
 fieldset div {margin:0 0 0 20em; border:#CCC;}
 fieldset input {margin:0;}
 fieldset label{display:block; width:150px; margin:12px 0 0 0; padding:0; float:left; text-align:right;}
 fieldset p {color:#666; margin:0; padding:0;}
 fieldset select {margin:12px;}
 fieldset hr {border:thin #ccc solid;}
 .wide label{display:block; width:250px; margin:12px 0 0 0; padding:0; float:left; text-align:right;}
 .small {width:40%;}
 .smallinput { size:5;}
.askCarcProBox {float:right; font-size:16px; text-decoration:none; color:#E0E0E0; text-align:center; margin:20px; width:150px; padding:20px; background:#1D6893; border:2px solid #666; -moz-border-radius:10px; -webkit-border-radius:10px;}
 .askCarcProBox:hover {background:#1D6893; border:2px solid #666; font-size:16px; text-decoration:underline;}