/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

* {
margin:0pt;
padding:0pt;
}

.none {
display:none;
}

img {
padding:0;
margin:0;
vertical-align:top;
border:none;
}

object {
display:block;
padding:0;
margin:0;
}

embed {
display:block;
padding:0;
margin:0;
}

.left {
float:left;
}

.right {
float:right;
}

.logo {
float:left;
margin-top:10px;
margin-left:10px;
}

.tagline {
position:absolute;
top:90px;
left:25px;
}

/* -- Basics -- */
body {
margin:0;
padding:0;
font-family: Arial, sans-serif;
font-size: 13px;
color:#606060;
background-color:#B5E1E0;
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
}

#wrapper {
width:1000px;
margin:0 auto;
background-color:#FFF;
}

h1, h2 {
margin-bottom:10px;
font-family: "Arial Black", Arial, serif;
}

h1 {
color:#000;
font-size:30px;
}

h2 {
color:#000;
font-size:18px;
}

h3, h4, h5, h6 {
margin-bottom:10px;
}

#globalHeader {
position:relative;
width:100%;
height:150px;
background-image:url(/images/headerbg.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#header {
position:relative;
width:1000px;
height:150px;
margin:0 auto;
}

#addresses {
position:absolute;
width:624px; /* Was 630px */
top:35px;
left:370px;
color:#00476F;
text-align:left;
}

.address {
float:left;
width:156px;
padding-bottom:10px;
text-align:center;
}

/* Footer
--------------------------------------- */

#globalFooter {
clear:both;
width:1000px;
min-height:80px;
font-size:13px;
}

.footerBox {
padding:20px;
}

.footerBox a {
color:#2F2825;
}

/* Content
---------------------------------------- */

#featureContent {
float:left;
width:1000px;
}

#featureLeft {
float:left;
width:500px;
}

#featureRight {
float:left;
width:500px;
}

#mainContent {
float:left;
width:1000px;
padding-top:20px;
padding-bottom:20px;
}

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

#homeCenter {
float:left;
width:300px;
}

#homeRight {
float:left;
width:300px;
}

#mainLeft {
float:left;
width:700px;
}

#mainRight {
float:left;
width:300px;
}

/* Content Boxes
---------------------------------------- */

/* Left Box
---------------------------------------- */

.boxLeft {
padding:0 20px;
}

.boxLeft ul, .boxLeft ol {
margin: 0 1.5em 1.5em 2em;
}

.boxLeft dl {
margin: 0 0 1.5em 0;
}

.boxLeft blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}

.boxLeft label {
font-weight: bold;
}

.boxLeft fieldset {
padding:1.4em;
margin: 0 0 1.5em 0;
background-color:#EBFAFA;
border: 1px solid #ccc;
}

.boxLeft legend {
font-weight: bold;
font-size:1.2em;
}

.boxLeft p {
margin: 0 0 1.5em 0;
line-height:1.2em;
}

.boxLeft a {
color:#5D88A1;
text-decoration:none;
}

/* Center Box
---------------------------------------- */

.boxCenter {
padding:0 20px 0 0;
}

.boxCenter ul, .boxCenter ol {
margin: 0 1.5em 1.5em 2em;
}

.boxCenter dl {
margin: 0 0 1.5em 0;
}

.boxCenter blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}

.boxCenter label {
font-weight: bold;
}

.boxCenter fieldset {
padding:1.4em;
margin: 0 0 1.5em 0;
background-color:#EBFAFA;
border: 1px solid #ccc;
}

.boxCenter legend {
font-weight: bold;
font-size:1.2em;
}

.boxCenter p {
margin: 0 0 1.5em 0;
line-height:1.2em;
}

.boxCenter a {
color:#5D88A1;
text-decoration:none;
}

/* Right Box
---------------------------------------- */

.boxRight {
padding:0 20px 0 0;
}

.boxRight ul, .boxRight ol {
margin: 0 1.5em 1.5em 2em;
}

.boxRight dl {
margin: 0 0 1.5em 0;
}

.boxRight blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}

.boxRight label {
font-weight: bold;
}

.boxRight fieldset {
padding:1.4em;
margin: 0 0 1.5em 0;
background-color:#EBFAFA;
border: 1px solid #ccc;
}

.boxRight legend {
font-weight: bold;
font-size:1.2em;
}

.boxRight p {
margin: 0 0 1.5em 0;
line-height:1.2em;
}

.boxRight a {
color:#5D88A1;
text-decoration:none;
}

/* News and Blog
---------------------------------------- */

#news, #blog {
list-style:none;
margin-left:0;
font-family:"Times New Roman", Times, sans-serif;
font-style:italic;
font-weight:bold;
}

#news a, #blog a {
color:#095295;
font-family:Arial, sans-serif;
font-weight:bold;
font-style:normal;
}

#news a:hover, #blog a:hover {
color:#669BCC;
}

#news li, #blog li {
padding:6px 0;
border-bottom:1px solid #DDDEEE;
}

/* Events
---------------------------------------- */

#events {
list-style:none;
margin-left:0;
font-weight:bold;
}

#events a {
color:#095295;
display:block;
height:35px;
font-family:Arial, sans-serif;
font-weight:bold;
font-style:normal;
overflow:hidden;
}

#events li {
margin:5px 0;
overflow:auto;
}

#events .date {
float:left;
width:25px;
height:34px;
color:#000;
display:block;
padding-top:1px;
margin-right:5px;
font-size:11px;
background-image:url(/images/calendar.jpg);
background-repeat:no-repeat;
text-align:center;
line-height:1.4em;
}

/* ----------- Contact styling --------------- */

.contact fieldset {
width:468px;
padding:20px;
line-height:1.5em;
margin-top:15px;
background-repeat:no-repeat;
background-position:center;
}

.left {
float:left;
}

.req {
color:red;
font-size:14px;
padding-right:5px;
}

.contact label {
color:#000;
width: 200px;
text-align: left;
font-size:14px;
display: block;
}

.contact #state {
width:40px;
}

.contact #zip {
width:80px;
}

.contact #submit {
width:80px;
}

.contact input {
width:200px;
padding:2px;
margin-right:20px;
margin-bottom:10px;
}

.contact select {
width:160px;
font-size:14px;
background: #FFF;
}

.contact option {
padding-top:5px;
padding-left:5px;
}

.contact legend {
color:#000;
font-size:24px;
font-weight:bold;
}

/* News
---------------------------------------- */

#navigationList {
list-style:none;
margin-left:0;
}

#navigationList a {
color:#565656;
padding:6px 0;
display:block;
}

#navigationList a:hover {
color:#669BCC;
background-color:#EEE;
}

#navigationList li {
border-bottom:1px solid #DDDEEE;
}

/* General Styles
---------------------------------------- */

.aleft {
float:left;
margin-bottom:5px;
}

.grayHeader {
padding:0 3px;
background-color:#DDDEEE;
}

/* Newsletter
---------------------------------------- */

#newsletter {
border:none;
}

#newsName, #emailNews {
width:75%;
padding:4px;
margin-bottom:8px;
}

#newsletter #submit {
display:block;
padding:5px;
background-color:#FFF;
border:1px solid #606060;
}

form label {
  display: block;
  width: 120px;
  text-align: right;
  margin-right: 10px;
  float: left;
  clear: left;
  padding: 8px 0;
}
form input.text_field {
  display: block;
  float: left;
  width: 106px;
  height: 17px;
  padding: 5px 8px;
  background-color: #eee;
  border: 1px solid #ccc;
  color: #333;
  margin: 3px 0;
}
form input.text_field:focus {
  /*background-position: left bottom;*/
  outline: none;
}
form textarea {
  display: block;
  float: left;
  width: 184px;
  height: 134px;
  padding: 8px;
  border: 1px solid #ccc;
  color: #333;
  margin: 3px 0;
}
form textarea:focus {
  /*background-position: left bottom;*/
  outline: none;
}
form input.checkbox {
  float: left;
  margin: 12px 0;
}
form select {
  margin: 7px 0;
  float: left;
}
form input.submit {
  display: block;
  clear: both;
  margin: 10px 10px 10px 110px;
}
form span {
  float: left;
  padding: 10px;
  color: #777;
  font-style: italic;
}
.errors {
  color: red;
}