/* CSS Document */
/***********************************************/
/* modern.css                             */
/***********************************************/

/*Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding : 0; }

/*Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size : 100%; }

/*Removes list-style from lists */
ol,ul
{ list-style : none; }  

/*Normalizes font-style and font-width to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/*Removes borders and spacing from tables */
table
{ border-collapse : collapse; border-spacing : 0; }

/*Left-aligns text in caption and th */
caption,th
{ text-align : left; }

/*Removes quotation marks from q */
q:before, q:after
{content :''; }

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html { 
text-align : left; 
}

body {
position : relative;
width: 98%;
min-width:900px;
max-width:1200px;
margin : 10px;
text-align : left; 
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color:#000000;
background-color: #d4dab8; }

a{
	color: #075b85;
	text-decoration: none;
	font-weight:bold;
}

a.popular{
border-bottom: 1px dotted #006699;
}

a:link, a:visited {
	color: #075b85;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active{
	color:#993300;
	text-decoration: underline;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 130%;
}

h4 {
font-size: 110%;
}

h5 {
font-size: 100%;
font-weight:bold;
}

.clear {
clear:left;
}

/***********************************************/
/* bulleted list styles                            */
/***********************************************/ 

ul.bullets {
list-style-type: square;
margin-left: 20px;
}

ul.bullets li {
list-style-type:square;
padding: 5px;
font-size: 110%;
}

ul.disc {
margin-left: 40px;
padding: 5px;
font-size:100%;
}

ul.disc li {
list-style-type:disc;
padding: 5px;
font-size:100%;
}

/***********************************************/
/* numbered list styles                            */
/***********************************************/ 

ol.numbered {
list-style-type:decimal;
margin-left: 20px;
}

ol.numbered li {
list-style-type:decimal;
padding: 5px;
margin: 5px;
}

/***********************************************/
/* definition list styles                            */
/***********************************************/
dl {
margin: 5px;
}

dt {
font-size: 110%;
font-weight:bold;
padding-bottom: 5px;
}

dd {
padding-bottom: 10px;
}

/***********************************************/
/* Layout                             */
/***********************************************/ 
div#content {
position:relative;
width:100%;
margin-top:5px;
}

body.home div#content {
background:url(/images/layout/fauxcolumn-trans.png) no-repeat bottom right;
}

div#content_main {
left: 0;
width: 66%;
margin-top: 1px;
font-size: 110%;
background: #FFFFFF;
}

div#content_sub {
left: 67%;
width: 33%;
background: #ffffff;
font-size: 110%;
}

div#site_info {
position:relative;
width:100%;
margin-top: 10px;
}

/***********************************************/
/* SKIP to content                            */
/***********************************************/
#skip {
position: absolute;
left: -9999px;
clear:left;
}

/***********************************************/
/* pageName styles                            */
/***********************************************/ 
#pageName {
height: 45px;
width: 100%;
font-weight: bold;
margin: 0px; 
padding-top: 20px;
background-color:#FFFFFF;
color: #60800d;
}

#pageName h1 {
margin-left: 5px;
}

/***********************************************/
/* div#content styles                         */
/***********************************************/ 
div#content ul {
list-style-type: square;
margin-left: 20px;
}

div#content li {
padding: 5px;
font-size: 110%;
}

div#content li ul {
padding: 5px;
font-size: 90%;
}

div#content blockquote{
color:#666666;
font-style:italic;
line-height: 130%;
font-size: 120%;
padding: 10px;
}

div#content p{
padding: 5px;
font-size:110%;
}

body.home div#content_main p {
font-size: 120%;
line-height: 120%;
}

div#content h2{
width: 99%;
color: #000000;
font-weight: bold;
line-height: 120%;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border-top: 3px solid #e38f3f;
border-bottom: 1px solid #e38f3f;
}

div#content h3{
color: #000000;
font-weight: bold;
line-height: 120%;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border: none;
}

div#content h4{
color: #000000;
font-weight: bold;
padding: 5px;
border: none;
}

div#content h5{
color: #000000;
padding: 5px;
border: none;
}

/***********************************************/
/* content_main styles                            */
/***********************************************/ 
div#columns {
position: relative;
width: 100%;
height: 800px;
}

div#columns ul {
position: absolute;
width: 19%; 
margin: 0px;
list-style:none;
}

div#columns a {
	color: #075b85;
	text-decoration: none;
	font-weight: bold;
}

div#columns a:hover, a:active{
	color:#993300;
	text-decoration: underline;
}

div#columns h2{
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: 120%;
border-top: 3px solid #e38f3f;
border-bottom: 1px solid #e38f3f;
}

div#columns h4{
margin-left:0px;
padding-left:0px;
}

div#columns li {
display: block;
font-size: 110%;
padding: 5px 0px 5px 5px;
list-style-type: none;
}

#two { left : 20%;}
#three { left : 40%;}
#four { left : 60%;}
#five { left : 80%;}

div#columns li.indent {
padding: 5px 0px 5px 0px;
margin-left: 10px;
font-size: 90%;
}

div#columns li.whatsnew {
display: block;
padding: 5px 0px 5px 2px;
background-color:#CCCCCC;
border-bottom: 1px dotted #000000;
}

div#columns li.whatsnew h5{
padding-left: 5px;
}

/***********************************************/
/* content_sub styles                            */
/***********************************************/ 
div#content_sub h2{
color: #ffffff;
font-weight: bold;
background:#000000;
padding: 5px 0px 5px 5px;
border: none;
}

div#content_sub h3{
color: #000000;
font-weight: bold;
padding: 5px 0px 5px 5px;
}

div#content_sub p {
padding: 5px;
}

div#content_sub dl{
padding: 10px 5px 0px 5px;
}

div#content_sub ul{
padding: 5px 5px 0px 5px;
}

div#content_sub ul li{
padding-bottom: 5px;
}

div#content_sub ol.address {
padding-bottom:10px;
}

div#content_sub ol.address li {
padding: 0px 5px 0px 5px;
margin: 0px;
}

div#content_sub ol.address h4 {
color: #60800d;
padding: 10px 0px 0px 5px;
margin: 0px;
}

div#content_sub ol.address p {
color: #000000;
padding: 0px 0px 0px 5px;
margin: 0px;
}

/***********************************************/
/* div#news styles              */
/***********************************************/

div#news h4 {
position:relative;
left: 150px;
width:425px;
padding: 5px 0px 5px 0px;
}

div#news p {
position:relative;
left: 150px;
width:425px;
padding: 5px 0px 10px 0px;
}
 
div#news p.date {
position: absolute;
left:0px;
width:130px;
color:#666666;
border-bottom:1px solid #CCCCCC;
padding: 5px; 
}

/***********************************************/
/* feature styles - insert photos in p.cutline and text in p.noWrap to keep text to the left of the photo, and make sure photos are half of the column width*/
/***********************************************/ 

h3.feature {
position:relative;
}

p.noWrap {
width:48%;
}

p.cutline {
position:absolute;
left:51%;
font-weight:bold;
}

/***********************************************/
/* upper right corner box styles              */
/***********************************************/ 
div#content_main .box{
float: right;
width:32%;
margin:10px 20px 5px 0px;
padding:0px;
border:1px solid #000000; 
}

div#content_main .box h3{
background-color:#000000;
color:#FFFFFF;
}

div#content_main .box ul.bullets li{
padding:0px 5px 3px 5px;
}

div#content_main .box a{
padding:0px 5px 3px 5px;
font-size:10pt;
}

/***********************************************/
/* body classes              */
/***********************************************/ 
body.home {
width: 900px;
}

body.easements div#content_main {
background-color:#FFFFFF;
}

body.onecolumn div#content_main {
width: 100%;
background-color:#FFFFFF;
}

body.partners div#content_main {
width: 100%;
background-color:#FFFFFF;
}

body.lgu_city div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_county div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_swcd div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_township div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_wd div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_wmo div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.lgu_wca div#content_main {
width: 100%;
background-color:#FFFFFF;
} 

body.training div#content_main {
width: 100%;
background-color:#FFFFFF;
}

body.wetlands div#content_main {
width: 100%;
background-color:#FFFFFF;
}

/***********************************************/
/* a_to_z styles                            */
/***********************************************/
ul.atoz {
position: relative;
float: left;
padding: 5px;
}

ul.atoz li {
float: left;
display:inline;
list-style-type:none;
padding: 10px 10px 5px 5px;
font-size: small;
}

ol.atoz {
clear:both;
padding: 5px;
list-style-type: none;
font-size: small;
}

ol.atoz li {
padding: 2px 5px 2px 5px;
}

ol.atoz li.back {
display: block;
width: 200px;
padding: 5px;
border: 1px dotted #999999; 
}

ol.atoz h3 {
padding: 5px;
margin-top: 10px;
}

/***********************************************/
/* calendar styles                            */
/***********************************************/

#calendar dl {
margin: 5px;
}

#calendar dt {
font-size: 110%;
font-weight:bold;
padding-bottom: 5px;
color: #990000;
}

#calendar dd {
font-size: 100%;
color:#666666;
font-style: italic;
padding-top: 5px;
}

#calendar dd.img {
font-size: 100%;
color:#666666;
font-style:normal;
}

/***********************************************/
/* back styles                            */
/***********************************************/
#back {
padding: 5px; 
clear: both;
}

#back a {
display: block;
border: 1px dotted #000000;
padding: 5px;
text-decoration: none;
}

/***********************************************/
/* div#secondaryNav styles                             */
/***********************************************/ 
ul#secondaryNav ul{
float:left;
width: 100%;
margin:0px 0px 20px 0px;
padding: 5px 5px 10px 5px;
}

ul#secondaryNav li {
float:left;
}

ul#secondaryNav a {
display:block;
padding:5px 20px 5px 5px;
font-size:120%;
background:url(/images/layout/navSpacer-trans.png) no-repeat top right;
}

/***********************************************/
/* div#nav_main styles                            */
/***********************************************/
div#nav_main {
width: 100%;
height: 55px;
background:#000000;
}

.home div#nav_main {
width: 900px;
height: 180px;
background:#000000 url(/images/layout/banner-trans.png) no-repeat left bottom;
}

div#nav_main ul {
position: absolute;
z-index:10;
}

div#nav_main li {
position: absolute;
display: block;
width: 149px;
border-left: 1px solid #FFFFFF;
}

div#nav_main li ul{
display: none;
}

div#nav_main li:hover ul{
display: block;
z-index:20;
}

div#nav_main ul#nav_logo {
background:#ffffff;
height: 179px;
width: 149px;
}

div#nav_main ul#nav_logo li{
padding-top: 10px;
padding-left: 10px;
}

div#nav_main a {
display: block;
color: #FFFFFF;
text-decoration:none;
font-size:14px;
font-weight:bold;
padding: 5px 10px 5px 5px;
}

div#nav_main li#nav_planning a {
font-size:12px;
}

div#nav_main a:hover, body.home li#nav_logo, body.grants li#nav_grants a, body.easements li#nav_easements a, body.planning li#nav_planning a, body.practices li#nav_practices a, body.wetlands li#nav_wetlands a {
color: #075b85;
background: #FFFFFF;
text-decoration:underline;
}

li#nav_easements { left : 150px;}
li#nav_grants { left : 300px;}
li#nav_planning { left : 450px;}
li#nav_practices { left : 600px;} 
li#nav_wetlands { left : 750px;}

li#nav_home a, li#nav_easements a, li#nav_grants a, li#nav_planning a, li#nav_practices a, li#nav_wetlands a {height: 45px;}

ul#drop_easements { top : 40px;  left : 1px;}
ul#drop_grants { top : 40px; left : 1px;}
ul#drop_planning { top : 40px;  left : 1px;}
ul#drop_practices { top : 40px;  left : 1px;} 
ul#drop_wetlands { top : 40px;  left : 1px;}

ul#drop_easements li, ul#drop_grants li, ul#drop_planning li, ul#drop_practices li, ul#drop_wetlands li {
position: relative;
height: 1%;
}

ul#drop_easements a, ul#drop_grants a, ul#drop_planning a, ul#drop_practices a, ul#drop_wetlands a {
font-size:small;
height: 1%;
color: #075b85;
background: url(/images/layout/drop-bg.png) no-repeat bottom right;
}

ul#drop_easements a:hover, ul#drop_grants a:hover, ul#drop_planning a:hover, ul#drop_practices a:hover, ul#drop_wetlands a:hover {
background: url(/images/layout/drop-bg.png) no-repeat bottom right;
}

/***********************************************/
/* ul#nav_features styles                      */
/***********************************************/
ul#nav_features {
position: relative;
top: 0;
width: 50%;
height: 30px;
padding-top: 5px;
padding-left: 50%;
background: #d4dab8 url(/images/layout/bwsr-green-trans.png) no-repeat left center;
}

ul#nav_features li{
margin-right:2px;
width: 130px;
float:left;
display: inline;
}

ul#nav_features a {
color: #000000;
font-size: 110%;
}

.home ul#nav_features {
background: #d4dab8;
}

/***********************************************/
/* ul#lgu_nav styles              */
/***********************************************/
div#lgu_nav {
position: relative;
width:100%;
height: 90px;
line-height: 110%;
}

div#lgu_nav ul{
margin: 20px 0px 20px 0px;
padding-left: 2%;
list-style:none;
width: 98%;
float:left;
position: relative;
background: url(/images/layout/border-brown.png) repeat-x bottom left;
}

div#lgu_nav li {
float: left;
padding: 0;
margin: 0;
list-style-type:none;
}

div#lgu_nav li a {
display:block;
height: 45px;
color: #FFFFFF;
background: #754c24;
padding: 15px 15px 5px 5px;
margin-left: 2px;
font-size:12px;
border: 1px solid #754c24;
border-bottom:none;
}

div#lgu_nav li a:link, div#lgu_nav li a:visited {
color: #FFFFFF;
}

div#lgu_nav li a:hover, body.partners li#t-partners a, body.lgu_city li#t-city a, body.lgu_county li#t-county a, body.lgu_swcd li#t-swcd a, body.lgu_township li#t-township a, body.lgu_wd li#t-wd a, body.lgu_wmo li#t-wmo a, body.lgu_wca li#t-wca a {
color: #075b85;
background: #FFFFFF;
text-decoration:underline;
}

/***********************************************/
/* partner styles                            */
/***********************************************/ 
dl.partner {
position:relative;
width: 60%;
margin: 20px;
font-size:110%;
}

dl.partner dt {
position: absolute;
width: 24%;
border-bottom: 1px solid #999999;
}

dl.partner dd {
position: relative;
left: 26%;
width: 70%;
margin-right: 8%;
}

img#finder {
position: absolute;
left: 61%;
margin: 20px;
}

/***********************************************/
/* publication styles                            */
/***********************************************/ 
dl.publication {
float: left;
position:relative;
width: 48%;
padding: 0;
margin-top: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
}

dl.publication dt {
position: relative;
left: 160px;
width: 67%;
font-size: 140%;
font-weight:bold;
padding: 10px;
margin: 0px;
border-bottom: none;
}

dl.publication dd {
position: relative;
left: 160px;
width: 67%;
padding: 10px;
font-size:120%;
}

dl.publication dd > ul {
font-size:90%;
}

dl.publication img {
position: absolute;
left: -150px;
}

dl.publication [title="alt"] {
float: right;
}

dl.publication dt.sansPhoto {
position: relative;
left: -1px;
width: 93%;
}

dl.publication dd.sansPhoto {
position: relative;
left: -1px;
width: 93%;
}

/***********************************************/
/* table styles                            */
/***********************************************/ 

table {
width: 95%;
margin-top: 5px;
margin-left:5px;
margin-bottom: 5px;
border:none;
}

table th, table td {
padding: 2px 10px 10px 5px;
text-align:left;
vertical-align:text-top;
}

table th {
font-size:100%;
font-weight:bold;
border: 1px solid #FFFFFF;
background-color:#CCCCCC;
}

table caption {
padding: 10px;
font-size: 120%;
font-weight:bold;
}

table ul.bullets li {
font-size:90%;
padding: 0px 5px 3px 5px;
}

table ul.bullets {
margin-left: 10px;
padding-top:0px;
}

table.budget {
width: 48%;
border: none;
}

table.budet th, td {
border: none;
}

table.budget .dollars {
text-align: right;
}

table.budget .total {
display: block;
margin-top:1px;
padding-top:3px;
text-align: right;
border-top: #000000 2px solid;
border-bottom: #000000 4px double;
}

table.layout {
border: none;
}

table.layout td {
border: none;
}

table.layout img {
text-align: center;
border: 1px solid #333333;
}


/***********************************************/
/* table#staffDirectory styles                 */
/***********************************************/ 
table#staffDirectory {
width: 97%;
border: 1px solid #CCCCCC;
margin: 5px;
}

table#staffDirectory th, td{
padding: 2px 2px 4px 5px;
margin: 0px;
border-bottom: 1px solid #CCCCCC;
}

table#staffDirectory td a {
display: block;
}

table#staffDirectory th h5 {
padding:2px 2px 4px 5px;
}

table#staffDirectory tr:hover{
background-color:#CCCCCC;
}

/***********************************************/
/* table#bankFees styles                       */
/***********************************************/ 
table#bankFees {
width: 600px;
border: 1px solid #CCCCCC;
margin: 5px;
}

table#bankFees th, td {
padding: 2px 20px 2px 10px;
border: 1px solid #CCCCCC;
}

table#bankFees th{
background-color:#333333;
color:#FFFFFF;
border: 1px solid #333333;
}

/***********************************************/
/* Categories table               */
/***********************************************/ 
table#categories {
width: 60%;
border: none;
margin-left: 10px;
border-bottom: 1px solid #CCCCCC;
}

body.grants table#categories {
width: 90%;
}

table#categories caption {
padding: 5px;
margin: 3px;
border-bottom: 1px solid #CCCCCC;
}

table#categories ul {
list-style-type:none;
margin-left: 20px;
}

table#categories li {
list-style-type:none;
padding: 5px;
margin: 0px;
border-bottom: 1px dotted #007799;
}

table#categories th {
font-size:100%;
font-weight:bold;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}

/***********************************************/
/* div#issues styles                            */
/***********************************************/ 
div#issues {
background-color:#FFFFFF;
border-top: 3px solid #d4dab8;
font-size:110%;
}

div#issues h2 {
color:#60800d;
padding: 10px 5px 5px 5px;
}

div#issues dl {
position:relative;
}

div#issues dt {
position: absolute;
width: 130px;
border-bottom: 1px solid #999999;
}

div#issues dd {
position: relative;
left: 145px;
width: 725px;
}

/***********************************************/
/* site_info styles                            */
/***********************************************/ 
#site_info {
clear: left;
font-size: 110%;
}

#site_info h3 {
position: relative;
margin: 5px;
}

#site_info p {
padding: 5px;
}

#site_info ul {
position: relative;
margin: 5px;
}

#site_info li {
display: inline;
padding-right: 30px;
}

/***********************************************/
/* Inman position clearing fix                            */
/***********************************************/ 
/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children, .cc_tallest { position: relative; }
/*\*/* html .clear_children { display: inline;}/**/ 
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */