.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

p.skip {position: absolute; left: -50em; width: 10em;}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background: #fff;
 color: #666;
}

h1 {
 font-weight: bold;
}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #006F3C;}

h1 {font-size: 1.6em; margin-top: 0;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a {color: #006F3C;}
a:hover {color: #8CC63E;}

.lightgreen {color: #8CC63E;}
.darkgreen {color: #006F3C;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 957px; margin: 20px auto; font-size: 0.8em; border: 1px solid #999999;}
#top {float: left; width: 957px;}
#logo {float: left; width: 476px; height: 191px;}
#flash {float: right; width: 481px; height: 191px;}

#main {float: left; width: 690px; padding: 20px 43px;}
#bigGreenOne {float: right; width: 181px; height: 550px; margin-top: 20px; background-image: url(../images/biggreen1.gif);}

#main img {margin-right: 16px;}

#footer {float: left; width: 874px; background: #006F3C; margin-top: 20px; padding: 15px 40px 30px 43px; color: #fff;}
#footer p.address {font-size: 140%; font-weight: bold; margin: 0;}
#footer p.phone {font-size: 200%; font-weight: bold; margin: 0;}

#main ul {color: #006F3C;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/

.homePanel {float: left; margin-top: 20px; width: 200px; margin-right: 20px; height: 200px; border: 4px solid #8CC63E; font-size: 85%;}
.homePanel h1 {background: #8CC63E; color: #006F3C; padding: 4px; margin-bottom: 0; font-weight: normal;}
.homePanel p {margin-top: 0;}
.homePanelText {padding: 5px;}
.last {margin-right: 0;}

/**************************/
/* Navigation Definitions */
/**************************/

ul#topNav  {
 float: left;
 width: 871px;
 list-style: none;
 padding: 8px 43px;
 height: 15px;
 margin: 0;
 background: #006F3C;
} 
ul#topNav li {
 float: left;
 margin-right: 30px;
}
ul#topNav li a {
 text-decoration: none;
 color: #fff;
}
ul#topNav li a:hover {
 color: #8CC63E;
}
ul#topNav .on {color: #8CC63E;}

ul#subNav  {
 float: left;
 width: 871px;
 list-style: none;
 padding: 8px 43px;
 height: 15px;
 margin: 0;
 background: #8CC63E;
} 
ul#subNav li {
 float: left;
 margin-right: 30px;
}
ul#subNav li a {
 text-decoration: none;
 color: #fff;
}
ul#subNav li a:hover {
 color: #006F3C;
}
ul#subNav li.on a {color: #006F3C;}



/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}
label {width: 120px;}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #eaeaea;
 color: #00456B;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 130px;
 padding-top: 2px;
}
.fmField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 250px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
select.fmField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmButton {
 background: #006F3C;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Admin styles */
#adminPage {float: left; width: 900px; padding: 10px 20px 20px 20px; background: #fff;}
#adminLogo {float: left; width: 500px; padding: 20px 0 20px 0;}
#adminLogout {float: right;}
#adminNav {float: left; width: 900px; font-size: 0.9em;  padding: 10px 0; border-bottom: 1px dashed #8CC63E; border-top: 1px dashed #8CC63E; margin-bottom: 20px;}
#adminNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#adminNav ul li {
 float: left;
 margin-right: 17px;
 font-weight: bold;
}
#adminNav ul li a {text-decoration: none;}
#adminNav ul li a:hover {text-decoration: underline;}
#adminMain {float: left; padding-bottom: 50px;}
#adminFooter {float: left; width: 900px; color: #999; font-size: 0.8em;}
#adminFooter a {color: #999;}

.section {padding: 10px; border:1px solid #8CC63E; margin-bottom: 20px;}
.section h2 {margin-top: 0;}

.adminLabel {
 width: 100px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
 height: 60px;
}