/* 
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;}
/* css specifically for manual online order forms */
.OM {margin:10px; float:right; background:#CCCCCC; -moz-border-radius:10px; -webkit-border-radius:10px; border:#999999 solid thin;}
.OM fieldset{background-color:#FFF; margin:5px; padding:0; -moz-border-radius:10px; -webkit-border-radius:10px;}
.OM fieldset .column2 {display:block; width:200px; margin:0; padding:0; float:right; text-align:center;}
.OM fieldset .column3 {display:block; width:auto; margin:10px 80px 0 0; padding:0; float:right; text-align:right;}
.OM legend{background-image:url(../img/layout/background.jpg); border: #999999 solid thin; color:#458EB8; font-size:16px; font-weight:800; padding: 5px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.OM label{display:block; width:200px; margin:12px 0 0 0; padding:0; float:left; text-align:right;}
/* */
.smallfont {font-size:11px;}
.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;}
}