/* @override http://localhost:8300/chesapeakenemo/css/main.css */

/* Primary Style Sheet for Chesapeake NEMO site
File Name: main.css
Purpose: Primary stylesheet
Author: Guy Stephens
Date: 02/28/2007

Site Developed by BluOctopus Web Technologies LLC for more
information or support contact us at guy@bluOctopus.com.
================================== */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
  background-color:#465F4A;
}

a:link {
  color:#3271AE;
}

a:visited {
  color:#465F4A;
}

a:hover {
  color:#11A931;
}

a:active {
  color:#11A931;
}

h1 {
  color: #379B69;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2.2em;
  font-weight: bold;
}

h2 {
  font-size: 1.8em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 5px;
}

h3 {
  font-size: 1.5em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 8px;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: .5em 0;
}

p {
  margin-bottom: 1.0em;
}

ul {
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  list-style: square;
}

.clearboth { 
  clear: both; 
}

#branding
 h1 {
  margin: 0;
}

#branding {
  height: 113px;  
  background: url(../images/pageHeader.jpg) no-repeat;
  padding: 0px;
}

#subNav {
  list-style: none;
}

#footer {
  font-family: Arial;
  font-size: .82em;
  height: 74px; 
  background: url(../images/pageFooter.jpg) no-repeat;
  padding-left: 20px;
  padding-right: 20px;
}

#breadcrumbs {
  font-family: Arial;
  font-size: 1.2em;
  color: #666666;
    height: 29px;
  padding-top: .2em;
  padding-bottom: 5px;
  padding-left: 20px;
  background: url(../images/crumbBack.jpg) no-repeat; 
}

#breadcrumbs a {
  text-decoration: underline;
}

#homecontact {
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
  color: #666666;
  padding-top: .2em;
  padding-bottom: 5px;
  height: 29px;
  padding-right: 20px;
  background: url(../images/crumbBack.jpg) no-repeat; 
}

#homecontact a {
  font-weight:bold;
  text-decoration: none;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 960px;
}

#wrapper {
  width: 920px; 
  margin: 0 auto; 
  text-align: left;
  background: url(../images/pageMiddle.jpg) repeat-y;
}

#content { 
  width: 670px;
  float: right; 
}

#content a {
  text-decoration: underline;
}

#contentHome { 
  width: 400px;
  float: left; 
}

#contentHome a {
  text-decoration: underline;
}

#contentHome ul {
  padding-left: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  list-style: square;
}

#contentHome ul li{
  padding-top: 2px;
  padding-bottom: 2px;
}

#subNav { 
  width: 230px; 
  float: left; 
} 

#featuresHome { 
  width: 240px; 
  float: left; 
} 

#subNavHome { 
  width: 250px; 
  float: right; 
} 

#bannerImage { 
  margin-left:2.5pt; 
}

#footer { 
  clear: both; 
} 

#logoImage {
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 0px;  
}

/* Add some padding
================================== */

#subNav {
  padding-top: 40px;
  padding-bottom: 20px;
}

#subNav * {
  padding-left: 2px;
  padding-right: 5px;
}

#subNav * * {
  padding-left: 0;
  padding-right: 0;
}

#subNav a {
  font-weight:bold;
  text-decoration: none;
}

#subNav li {
  margin: 1em 0
}

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

#contentHome * {
  padding-left: 5px;
}

#contentHome * * {
  padding-left: 0;
}

#featuresHome {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
}

#featuresHome h2 {
  font-family: Arial;
  padding-top: 2px;
  padding-left:10px;
  padding-bottom: 5px;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  background: url(../images/hBackground.jpg) no-repeat;
}

#featuresHome p {
  font-size: 1.2em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1px;
  padding-right: 5px;
}

#featuresHome a:link,a:visited,a:active,a:hover {
  text-decoration: none;
}

#subNavHome {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

#subNavHome * {
  padding-left: 0px;
  padding-right: 5px;
}

#subNavHome * * {
  padding-left: 0;
  padding-right: 5px;
}

#subNavHome hr {
  color: #379B69;
  background-color: #379B69;
  height: 2px;
  width: 230px;
}

#subNavHome h2 {
  font-family: Arial;
  padding-top: 2px;
  padding-left:10px;
  padding-bottom: 5px;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  background: url(../images/hBackground.jpg) no-repeat;
}

#subNavHome ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1px;
  padding-right: 5px;
  list-style: none;
}

#subNavHome li {
  font-size: 1.2em;
  padding-bottom: 10px;
}

#subNavHome p {
  font-size: 1.2em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1px;
  padding-right: 5px;
}

#subNavHome a:link,a:visited,a:active,a:hover {
  text-decoration: none;
}

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

#homecontact a:link,a:active,a:hover {
  text-decoration: underline;
}

/* mainNav
=======================*/

ul#mainNav {
  margin-left:3.0px;
  _margin-left:1.5px; 
  padding: 0;
  float: left;
  width: 911px;
  _width: 912px;  
  background: #379B69 url(../images/mainNavBg.gif) repeat-x;
  list-style: none;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: bold;
}

ul#mainNav li {
  float: left;
}


ul#mainNav a {
  padding: 0 1.0em;
  line-height: 2.1em;
  background: url(../images/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


ul#mainNav a:hover {
  color: #333;
}


ul#mainNav .first a {
  background: none;
}

/* footerNav
=======================*/

ul#footerNav {
  padding-top: 5px;
  padding-left: 155px;
  float: left;
  list-style: none;
}

ul#footerNav li {
  float: left;
}


ul#footerNav a {
  padding: 0 .4em;
  text-decoration: none;
  float: left;
  display: block;
}

/* Form Styles */
/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling 
=======================*/

legend {
  font-size: 1.5em;
  font-weight: bold;
}

/* style for  labels */
label {
    float: left;
    width: 15em;
}

/* style for required labels */
  label .required {
  font-size: 0.75em;
  color:#FF0000;
}

input {
  width: 200px;
}

/* Safari Hack
=======================*/

#bannerImage { 
  margin-left:2.0pt;#
}