/*structural*/ 

body {
 margin: 0;
 padding: 0;
 font-family: tahoma, verdana, helvetica, arial, sans serif;
 font-size: 1.05em;
 color: #000;
 background: #909090;
 text-align: center;/*centers #outer-wrap in IE*/
 }

#wrapper {
  position: relative;
  width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 1px solid #000;
	background-color: #fefbf1;
	text-align: justify;
	}

#header {
  margin-right: -52px;/* = to 'overlap' of image in content width:
												 722-670(#wrapper width [760] - #content r & l margins [90])=52 */
	padding: 0;
  }	

#content {
  margin: 0 45px 20px 45px;/* cannot create a #content width narrower than img for IE*/
  } 

a, a:focus {
  outline: none;
	}
	
div.contentleft-index {/*box (contentleft) in a box (content) to create space for floating right-box*/
  float: left;
	width: 380px;
	margin: -3px auto 0 auto;;
	padding-left: 4px;
	}		

div.contentleft-news {
  float: left;
	width: 470px;
	margin: 0 auto;
	padding-left: 4px;
	}	
	
div.contentleft-newslet {
  float: left;
	width: 370px;
	margin: 0 auto;
	padding-left: 4px;
	}		
	
div.contentleft-links {
  float: left;
	width: 500px;
	margin: 0 auto 0 50px;
	padding: 0;
	}
	
div.contentleft-apps {
  float: left;
	width: 450px;
	margin: 0 auto;
	padding-left: 4px;
	}	

div.clearboth {
  clear: both;
	}	
	
div.faqlist p {
  margin: 0 0 5px 0;
	}	
	
div.box {
 float: right;
 width: 150px;/*set gif width to this amount, but plenty tall to enclose varying font sizes*/
 background: url(../images/box_bot_fade.gif) no-repeat bottom left;
 }
 
div.box h3 { 
 text-align: center;
 background: url(../images/box_top_fade.gif) no-repeat top left;
 margin: 0;
 padding: 20px 8px 0 8px;
 font-size: 70%;
 color: #000;
 } 

div.box a {
 text-decoration: none;
 }
  
div.box ul {
 margin: 0;
 padding: 10px;
 list-style: none;
 }
 
div.box ul li {
 margin: 0;
 padding-bottom: 1em;
 font-size: 100%;
 text-align: center;
 line-height: 1em;
 }

div.boxnews {
 float: right;
 width: 168px;/*set gif width to this amount, but plenty tall to enclose varying font sizes*/
 background: url(../images/box_bot_wide_fade.gif) no-repeat bottom left;
 }
 
div.boxnews h3 { 
 text-align: center;
 background: url(../images/box_top_wide_fade.gif) no-repeat top left;
 margin: 0;
 padding: 20px 8px 0 8px;
 font-size: 70%;
 color: #000;
 }  
 
div.boxnews a {
 text-decoration: none;
 }
  
div.boxnews ul {
 margin: 0;
 padding: 10px;
 list-style: none;
 }
 
div.boxnews ul li {
 margin: 0;
 padding-bottom: 1em;
 font-size: 100%;
 text-align: center;
 line-height: 1em;
 }

.position-one {
  position: relative;
	top: 65px; /*30px + 35px added 3/07;*/
	left: -50px;
	clear: both; /* changed for IE7, 12-3-06*/
	}		 
	
.position-two {
  position: relative;
	top: -2px; /*-35 + 33px added 3/07 */
	left: -50px;
	}			
	
/* Thanks to Stu Nichols and CSSPlay */

#menu {
  display:table;
  padding:0; 
  list-style-type:none;
  white-space:nowrap;
  }

#menu li {
  display:table-cell;
	}

#menu a {
  width:auto;
  display:block;
  padding: 1px 15px 13px 15px;
  color:#369; 
  text-decoration:none;
  }
  
#menu a:hover {
  color: #dc6830;
	background: transparent url(../images/arrow_down2.gif) no-repeat bottom center;
  }
	
#menu a.select {
  font-weight: bold;
	color: #dc6830;
	background: transparent url(../images/arrow_down2.gif) no-repeat bottom center;
	}		
  
#menu a:active {
  font-weight: bold;
  color: #000;
}  

#menu li.move_left {
  padding-left: 99px;
  }
	
/* End Stu Nichols and CSSPlay */	

.container {
  clear:right; 
  text-decoration:none;
	position: relative;
	z-index: 15;
	margin: -3.25em 5px 0 0;
	float: right;
	}

.container_two {
  clear:right; 
  text-decoration:none;
	position: relative;
	z-index: 15;
	margin: -3.25em 5px 0 26px;
	float: left;
	}	
	
.fiftywide { width: 50%; }
	
/*presentation*/

p {
	font-size: 70%;
	line-height: 1.5em;
	margin-bottom: 2em;
	padding:0;
	}
	
p.one {
  margin: 0.5em 0;
	}

p.two {
  margin: 1em 0 0 0;
	}	

p.three {
  margin: 1em 0 0 0;
	}	
	
p.four {
  margin: 0.75em 0 1em 0;
	}	

p.appbox {
  font-size: 65%; 
  background-color: #f4cfbd; 
  border: 1px solid #dc6830; 
  width: 150px; 
  padding: 7px; 
  margin: 1.5em 0 -0.5em 0;
  }

p.bottomnav {
  position: relative;
	top: 0px;
	left: -25px;
  font-size: 60%;
  text-align: right;
	}	

.rspace {
  padding-right: 40px;
	}	
	
.bottomnav a {
  padding: 0 7px;
	}	

p.blank_space {
  margin-top: -1em;
  }

p.clearleft {
  clear: left;
	}		
	
p.contact_message {
  margin-top: 2em;
	}	
	
p.faq { 
  font-weight: bold;
	margin: 2em 0 -0.75em 0;
	}
	
p.hidden {
  display: none;
	}	
	
p.link {
  margin-top: 0;
	}	
	
p.leader {
  margin: 0 auto;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	}
 
p.news_fasapp {
  margin: -1.8em 0 -0.5em 0;
  }

p.news_permits {
  font-size: 100%; 
  margin-top: .5em;
  }

p.rfloat {
  float: right;
	}	
	
p.blockquote {
  margin: 0.5em 1em 1em 1em;
  font-size: 100%;
  font-style: italic;
  }

p.widequote {
  margin: -1.5em 1em -0.5em 1em;
  font-style: italic;
  }

p.quote {
  margin-top: -1.75em;
  font-size: 70%;
	font-style: italic;
	}
	
h1 {
	font-size: 90%;
	font-weight: bold;
	color:#004566;
	line-height: 1em;
  }
	
h1.contact {
  color: #000;
	}	
	
h1.logo {/* one form of image replacement; thanks to C. Moll and 'CSS Mastery: Advanced Web Standards Solutions' */
  background: url(../images/FOAM_logo.jpg) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	top: 30px;
	left: -1px;/*offset covers #content border in IE; = to #content left border + 1px*/
	margin: 0;
	padding: 0;
	z-index: 10;
	height: 220px;
	width: 722px;
	}
		
h1.below {
  width: 190px;
	position: relative;
	top: 120px;
	left: 180px;
	font-size: 70%;
	color: #dc6830;
	z-index: 0;
	}		
	
h1.highlight {
  font-size: 155%;
	font-family: "Palatino Linotype", verdana, arial, helvetica, sans serif;
	font-style: italic;
	color:#000;
	line-height: 1em;
	margin-top: 1.25em;
  padding-bottom: .3em;
  border-bottom: 1px solid #dc6830;
  }
		
h1.contact_info {
  font-size: 120%;
	font-family: "Palatino Linotype", verdana, arial, helvetica, sans serif;
	font-style: italic;
	color:#000;
	line-height: 1em;
	padding-top: 1em;
	}	
	
h2 {	
  font-size: 90%;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5em;
	padding: 30px 2px 2px 2px;
	}
	
h2.about {
  margin-top: 0;
  background: url(../images/icons/exclamation.gif) no-repeat 0 33px;
	padding-left: 24px;
	}		
	
h2.browser {
  margin-top: -58px;
  background: url(../images/icons/ipod.gif) no-repeat 0 83px;
	padding: 80px 0 0 24px;/*sets icon*/
	}

h2.contact {
  margin-top: 0px;
  background: url(../images/icons/email.gif) no-repeat 0 33px;
	padding-left: 24px;
	}	

h2.applications {
  margin-top: 0px;
  background: url(../images/icons/document.gif) no-repeat 0 33px;
	padding-left: 24px;
	}

h2.drought {
  padding-top: 50px;
	}
	
h2.faq {
  margin-top: 0px;
  background: url(../images/icons/question.gif) no-repeat 0 33px;
	padding-left: 24px;
	}	

h2.index {
  font-size: 85%;
  line-height: 1.3em;
  margin-top: -1.75em;
  text-align: left;
  word-spacing: 0.175em;
  }
	
h2.links {
  margin-top: -25px;
  background: url(../images/icons/check.gif) no-repeat 0 33px;
	padding-left: 24px;
	}	
	
h2.news {
  margin-top: 0px;
  background: url(../images/icons/newspaper.gif) no-repeat 0 33px;
	padding-left: 24px;
	}	
	
h2.newslet {
  margin-top: -28px;
  background: url(../images/icons/copy_paste.gif) no-repeat 0 53px;
	padding: 50px 0 0 24px;
	}	
	
h2.sitemap {
  margin-top: 0px;
  background: url(../images/icons/sitemap.gif) no-repeat 0 33px;
	padding-left: 24px;
	}		

h2.topadjust { /* for IE */
  margin-top: 60px;
  }
/*
* html h2.topadjust {
  margin-top: 0;
  }
*/	
h3 {	
  font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;	
	margin-top: 3em;
  }

h3.archive {	
  font-size: 80%;
	margin: 55px 0 10px 0;
  }	
	
h3.faq {
  font-size: 80%; 
  margin: 1.8em 0 1em 0.25em;
}

h3.one {	
  margin-top: 1em;
	}	
	
h3.news {	
  font-size: 80%;
	margin: 50px 0 10px 0;
  }	
	
h3.search {
  margin: -8px 0 20px 0;
	}	
	
h4 {
  font-size: 60%;
	line-height: 1em;
	color: #000;
	}
	
h5 {
  font-size: 100%;
	line-height: 1.2em;
	font-weight: normal;						 
	}
	
h5.O {
  font-size: 90%;
	color: #003399;
	line-height: 1.2em;						 
	}	
	
h6  {
 	font-size: 90%;
	font-weight: bold;
  line-height: 1.2em;
	margin-bottom: 15px;
	}	
	
h6.checkbox {
  font-size: 100%;
	margin-bottom: 0;
	}			
	
h6.copyright {
  font-size: 55%;
	font-weight: normal;
	margin: 25px 0 55px 0;
	}	
	
hr {
  border-bottom: 1px solid #dc6830;
  height: 0.01em;
	width:50%;
	text-align: center;
	}	

hr.foamline {
  border: none;
  height: 1px;
  margin-left: 0px;
  margin-top: -40px;
  color: #dc6830;
  background-color: #dc6830;
  }

a:link, a:visited {
  font-weight: bold;
	text-decoration: none;
  color: #369;
	}
	
a:hover {
  font-weight: bold;
	color: #dc6830;
	}			

a.arrow {
  position: relative;
	top: -40px;
	left: -20px;
	padding: 0 20px 20px 20px;
	}	
	
a.back {
  float: left;
	font-size: 70%;
	padding: 5px;
	}	
	
a.ext {
  background: url(../images/ext_link.gif) no-repeat right top;
	padding-right: 9px;
	}		
	
a.here {
  color: #dc6830;
	font-weight: bold;
	}	
	
img {
  border: 0;
	}	
	
img.foam_map {
   margin-left: 2em;
  }

img.header {
  position: relative;
	top: -30px;
	left: -46px;/*offset covers #content border in IE; = to #content left border + 1px*/
	margin: 0;
	padding: 0;
	z-index: 10;
	} 	
	
img.botleft {
  float: left;
	margin: 0 0 -5px 50px;
	}	
	
img.botleft1 {
  float: left;
	margin-bottom: -5px;
	}	
	
table {
	background-color: #fefbf1;
	margin-top: 15px;
	}	
	
td {
  font-size: 70%;
	color: #000;
	}	
	
td.u {
  text-decoration: underline;
	}

th {
  font-size: 70%;
	text-align: left;
	text-decoration: underline;
	}	
	
table.bod {
  margin-top: 0;
	}	
	
table.bod td {
  padding-right: 1em;
	line-height: 1.3em;
	}	
	
table.index_user, table.index_member {
  margin-top: -2em;
	width: 670px;
	}
	
td.index_user, table.index_member {
  width: 180px;
	}		
	
table.index_user input {
  margin-top: 0.8em;
	margin-bottom: -0.05em;
	padding-bottom: 0.5em;
	}	
	
table.index_member input {
  margin-top: 0.5em;
	}	
	
input.index_button {
  font-size: 150%; 
  padding: 2px 0 1px 0;
  line-height: 1em;
  }

input.search, input.submit {
  font-size: 80%;
	}		
	
ol.news_permits_online {
  font-size: 70%; 
  line-height: 1em; 
  margin-top: -1.5em;
  }

ul {
  font-size: 70%;
	padding-left: 1%;
	margin-left: 1%;
	margin-top: 5px;
  }

li {
  line-height: 1.75em;
	}	

li.premium_note {
  list-style-type:none;
  font-size:100%;
  }

ul.madison {
  margin: -1em 0 0.5em 8px;
	}	

ul.madison li {
  line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding:0;
	}
	
ul.news_commercial_use {
  margin-top: -1.6em;
  }
 
ul.news_fwpregions {
  font-size: 70%; 
  line-height: 1em; 
  margin-top: 1em;
  }

ul.news_survey {
   margin-top: -0.5em;
  }

ul.news_survey_hilites {
   margin-top: -1.25em;
  }

ul.database {
  margin: -10px 0 0 10px;
	}		
	
ul.links-faq li {
  list-style-type: circle;
  margin-top: 5px;
  font-weight: bold;
	line-height: 1.75em;
  }	
	
ul.links {
  margin-top: 15px;
  font-size: .7em;
	font-weight: bold;
	line-height: 1.75em;
	}
	
ul li ul.links2 {
  list-style: none;
  font-size: 100%;
	font-weight: bold;
	line-height: 1.75em;
	margin-left: -5px;
  margin-top: -2px;
	}		
	
ul.news {
  margin-top: 10px;
	}	

ul.circlelist, ul.nodotlist {
  padding: 0;
	margin: 2em 0 0 1em;
	text-align: left;
  }		

ul.circlelist li, ul.nodotlist li {
  margin-bottom: 10px;
  }
  	
ul.circlelist {
  list-style-type: circle;
  }		

ul.nodot {
  list-style-type: none;
  }

ul.nodotlist {
  list-style-type: none;
  margin-top: 0;
  }
	
ul.sitemap {
  list-style: circle;
	margin-left: 80px;
	}	
	
ul.thin {
  margin-top: -0.8em;
  padding-left: 13px;
	}	
	
ul.inset {
  margin-top: -1.5em;
	list-style-position: outside;
	}	
	
/*classes*/	

.clearboth {
  clear: both;	
	}	
	
.floatright {
  float: right;
	background: #fefbf1;
	padding: 0 10px 0 20px;
	text-align: center;
	}	
	
.boatsticker {
  float: right;
  width: 90px;
  height: 116px;
  margin: -1em 0 0 1.75em;
}
	
.floatrightsticker {
  float: right;
	width: 120px;
	height: 155px;
	padding-left: 1em;
	}		
		
.floatright-w3c {
  float: right;
	background: #fefbf1;
	padding: 5px 10px 0 35px;
	text-align: center;
	}		

.news_fas_permit_block {
  display: block;																					
  font-size: 100%; 
  margin: 1em 3.5em .6em 3.5em;
  }
	
.underline {
  text-decoration: underline;
	}

.orange { color: #dc6830; }
.large { font-size: large; }

dl dt {
  font-weight: bold; 
  font-size: 70%;
  margin: 1.5em 0 -0.5em 0;
}

dd {
  font-size: 70%; 
  margin: 1em 0 0 0; 
  line-height: 1.5em;
  }

dd ul {
  font-size: 100%;
}

dl.faq {
  margin-top: 2em;	
	}
		
.i {
  font-style: italic;
  }
	
.centered {
  text-align: center;
  font-size: 100%;
	}
	
.dd_p {
  font-size: 100%;
  }	
	
.hide {
  display: none;
	}