@charset "utf-8";
/* CSS Document */

body {background-color:#BAD5EC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}
h1 {font-size: 24px; color: #29801b; padding: 0; margin: 10px 0 0 0; line-height: 24px;}
h2 {font-size: 20px; color: #09447a; padding: 0; margin: 10px 0 0 0; line-height: 20px; }
h3 {font-size: 16px; color: #29801b; padding: 0; margin: 20px 0 0 0; line-height: 20px; }
h4 {font-size: 14px; color: #000; padding: 0; margin: 0; line-height: 14px;}
h5 {font-size: 10px; color: #000; padding: 0; margin: 0; line-height: 10px;}
h6 {font-size: 12px; color: #000; padding: 0; margin: 0; line-height: 16px; font-weight: normal;}
#outer {background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #fff; width: 100%; float: left;}
#container {width: 770px; height: 100%; margin: 0 auto 0 auto; padding: 0;}
#head {width: 100%; height: 135px; margin: 0; padding: 0;}
#header {width: 770px; height: 135px; background-image: url(images/header.jpg); background-repeat: no-repeat; margin: 0; padding: 0;}
#header-space {width: 770px; height: 100px; margin: 0; padding: 0;}
#logo{width: 430px; height: 100px;  float: left; overflow: hidden; display: inline; margin-left: 5px;}
#logo a{width:430px; height: 100px; display: block; text-indent: -9999px; text-decoration: none; overflow: hidden;}

#nav-space {width: 170px; height: 35px; float: left; margin: 0; padding: 0;}
#navigation {width: 770px; height: 35px; margin: 0; padding: 0;}
#navigation ul {float: right; list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 35px; text-align: center; width: 600px;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation a {color: #000; text-decoration: none; }
#navigation a:hover {color: #b0a278;}
#navigation ul #about a {margin: 0; padding: 9px 10px 11px 8px; color: #000; background: url(images/about-bg.jpg) 0 0 no-repeat;}
#navigation ul #about a:hover {color: #fff;}
#navigation ul #about-active a {margin: 0; padding: 7px 10px 12px 8px; color: #fff; background: url(images/about-active.jpg) 0 0 no-repeat;}
#navigation ul #about-active a:hover {color: #fff;}
#navigation ul #support a {margin: 0; padding: 9px 10px 11px 6px; color: #000; background: url(images/support-bg.jpg) 0 0 no-repeat;}
#navigation ul #support a:hover {color: #fff;}
#navigation ul #support-active a {margin: 0; padding: 7px 10px 11px 6px; color: #fff; background: url(images/support-active.jpg) 0 0 no-repeat;}
#navigation ul #support-active a:hover {color: #fff;}
#navigation ul #involved a {margin: 0; padding: 9px 9px 11px 5px; color: #000; background: url(images/involved-bg.jpg) 0 0 no-repeat;}
#navigation ul #involved a:hover {color: #fff;}
#navigation ul #involved-active a {margin: 0; padding: 7px 9px 11px 5px; color: #fff; background: url(images/involved-active.jpg) 0 0 no-repeat;}
#navigation ul #involved-active a:hover {color: #fff;}
#navigation ul #events a {margin: 0; padding: 9px 10px 11px 9px; color: #000; background: url(images/events-bg.jpg) 0 0 no-repeat;}
#navigation ul #events a:hover {color: #fff;}
#navigation ul #events-active a {margin: 0; padding: 7px 10px 11px 9px; color: #fff; background: url(images/events-active.jpg) 0 0 no-repeat;}
#navigation ul #events-active a:hover {color: #fff;}
#navigation ul #news a {margin: 0; padding: 9px 9px 11px 7px; color: #000; background: url(images/news-bg.jpg) 0 0 no-repeat;}
#navigation ul #news a:hover {color: #fff;}
#navigation ul #news-active a {margin: 0; padding: 7px 9px 11px 7px; color: #fff; background: url(images/news-active.jpg) 0 0 no-repeat;}
#navigation ul #news-active a:hover {color: #fff;}
#navigation ul #resources a {margin: 0; padding: 9px 10px 11px 8px; color: #000; background: url(images/resources-bg.jpg) 0 0 no-repeat;}
#navigation ul #resources a:hover {color: #fff;}
#navigation ul #resources-active a {margin: 0; padding: 7px 10px 11px 8px; color: #fff; background: url(images/resources-active.jpg) 0 0 no-repeat;}
#navigation ul #resources-active a:hover {color: #fff;}

#secondary-navigation {margin: 0; padding: 0; width: 768px; height: 34px; background: url(images/secondary-nav.jpg) 0 0 repeat-x; border-left: 1px solid #4F91CD; border-right: 1px solid #4F91CD;}
#secondary-navigation ul {float: left; list-style: none; margin: 0; padding: 0; font-size: 14px;  line-height: 32px; text-align: center; width: 768px;}
#secondary-navigation li {float: left; margin: 2px 0 0 0; padding: 0; }
#secondary-navigation a {color: #09447a; text-decoration: none; }
#secondary-navigation a:hover {color: #fff;}
#secondary-navigation ul #regular a {float: left; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #4F91CD; border-left: 1px solid #B9C6C9; color: #09447a; text-decoration: none;}
#secondary-navigation ul #regular a:hover {color: #fff;}
#secondary-navigation ul #first a {float: left; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #4F91CD; color: #09447a; text-decoration: none;}
#secondary-navigation ul #first a:hover {color: #fff;}
#secondary-navigation ul #last a {float: left; margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #B9C6C9; color: #09447a; text-decoration: none;}
#secondary-navigation ul #last a:hover {color: #fff;}
#secondary-navigation ul #regular-active a {float: left; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #4F91CD; border-left: 1px solid #B9C6C9;}
#secondary-navigation ul #first-active a {float: left; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #4F91CD;}
#secondary-navigation ul #last-active a {float: left; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #B9C6C9;}

#middle {width: 100%; margin: 0; padding: 0;}

#top-frame {float: left; width: 770px; min-height: 630px; background-image: url(images/top-frame.jpg); background-repeat: repeat-x; margin: 0; padding: 0;}
#border-left {float: left; width: 500px; height: 285px; border-left: 1px solid #578BAC; margin: 0; padding: 0;}
#picture-frame {float: left; margin: 10px 0 0 10px; padding: 5px 0 0 5px; width: 478px; height: 258px; border: 1px solid #578BAC; background-color: #fff;}
#picture {float: left; margin: 0; padding: 0; width: 473px; height: 253px;}
#border-right {float: right; width: 268px; height: 285px; border-right: 1px solid #578BAC; margin: 0; padding: 0;}
#infobox-border {float: right; margin: 10px 10px 0 0; padding: 5px; width: 238px; height: 368px; border: 1px solid #578BAC; background-color: #fff;}
#infobox {float: right; width: 218px; height: 348px; background-image: url(images/info-bg.jpg); background-repeat: repeat-x; margin: 0; padding: 10px;}
#infobox h2 {margin: 20px 0 0 0;}
#infobox img {float: left; margin: 10px 0 0 0;}
#infobox p {color: #084074; line-height: 20px; margin: 5px 0 10px 0; padding: 0;}
#infobox a {color: #29801b; font-weight: bold; margin: 0; padding: 0; line-height: 18px;}
#infobox a:hover {color: #6C0;}

#email-list {float: left; width: 455px; height: 100px; margin: 0; padding: 5px 10px 0 25px;}
#email-list img {float: left; margin: 0 10px 0 0; padding: 0; border: none;}
#email-list p {line-height: 18px; margin: 5px 0 0 0; padding: 0;}
#email-list a {color: #29801b; font-weight: bold; margin: 0; padding: 0; line-height: 12px;}
#welcome {float: left; width: 735px; height: auto; margin: 0; padding: 15px 10px 10px 25px;}
#welcome img {float: left; margin: 7px 10px 0 0; padding: 1px; border: 1px solid #90B9DF; }
#welcome p {line-height: 20px; margin: 3px 0 0 0; padding: 0;}
#welcome a {color: #29801b; font-weight: bold; margin: 0; padding: 0; line-height: 12px;}
#welcome a:hover {color: #6C0;}

#secondary-body {float: left; width: 740px; min-height: 500px; background-image: url(images/secondary-body.jpg); background-repeat: repeat-x; background-color: #fff; margin: 0; padding: 15px;}
#secondary-body .leftImg {float: left; margin: 5px 10px 5px 0; padding: 1px; border: 1px solid #90B9DF;}
#secondary-body .rightImg {float: right; margin: 5px 0 5px 10px; padding: 1px; border: 1px solid #90B9DF;}
#secondary-body p {line-height: 18px; margin: 10px 0 10px 0; padding: 0;}
#secondary-body ul {list-style: none; margin: 0 0 0 15px; padding: 0;}
#secondary-body li {line-height: 18px;}
#secondary-body li a {line-height: 22px;}
#secondary-body ol {margin: 0 0 15px 25px; padding: 0; list-style: none;}
#secondary-body .col1 {margin-left: 0;}
#secondary-body .col2 {margin-left: 225px;}
#secondary-body .col3 {margin-left: 425px;}
#secondary-body .coltopper {margin-top: -342px;}
#secondary-body a {color: #29801b; font-weight: bold; margin: 0; padding: 0; line-height: 12px;}
#secondary-body a:hover {color: #6C0;}
#secondary-body strong {color: #09447a;}
#book {float: left; height: 200px; width: 100%; margin: 0 0 15px 0; padding: 0;}
#book img {float: left; margin: 5px 0 0 10px; padding: 0; border: 1px solid #90B9DF;}
#calendar1 {width: 500px; margin: 0; padding: 0 0 10px 10px; background-color: #FFF;}
#calendar2 {width: 500px; margin: 0; padding: 0 0 10px 10px; background-color: #E4EDF4;}
#contact1 {width: 250px; float: left;}
#contact2 {width: 490px; float: left;}
#contact1 img {float: left;}
#contact2 img {float: left;}
#contact-row {width: 100%; float: left; height: 95px;}
#groups-outer {width: 100%; height: auto; margin: 0; padding: 0; float: left;}
#groups-outer p {line-height: 18px; margin: 10px 200px 10px 0; padding: 0;}
label {width: 80px; float: left; margin: 5px 0 0 0; padding: 0;}
.contactText {width: 200px; margin: 5px 0 0 0; padding: 0;}
.contactState {width: 25px; margin: 5px 0 0 0; padding: 0;}
.contactZip {width: 50px; margin: 5px 0 0 0; padding: 0;}
.contactPhone {width: 100px; margin: 5px 0 0 0; padding: 0;}
.contactMessage {width: 200px; height: 75px; margin: 5px 0 0 0; padding: 0;}
#caption {float: right; width: 210px; margin: 0; padding: 0;}
#caption p {font-size: 10px; line-height: 12px; margin: 5px 0 0 10px;}

#resources-body {float: left; width: 655px; min-height: 500px; background-image: url(images/secondary-body.jpg); background-repeat: repeat-x; background-color: #fff; margin: 0; padding: 15px 100px 15px 15px;}
#resources-body h3 {font-size: 16px; color: #09447a; padding: 0; margin: 20px 0 0 0; line-height: 20px; }
#resources-body p {line-height: 18px; margin: 10px 0 10px 0; padding: 0;}
#resources-body a {color: #29801b; font-weight: bold; margin: 10px 0 0 0; padding: 0; line-height: 12px;}
#resources-body a:hover {color: #6C0;}
#resources-body strong {color: #09447a; margin: 10px 0 0 0; padding: 0;}

#groups {float: left; width: 420px; margin: 10px 0 0 0; padding: 0;}
#column1 {float: left; width: 100px; margin: 0; padding: 0 0 10px 0; font-weight: bold; text-align: right;}
#column2 {float: right; width: 310px; margin: 0; padding: 0 0 10px 0;}
#column2 p {margin: 1px 0 0 10px; padding: 0; line-height: 14px;}

#footer-container {margin: 0; padding: 0; height: 85px; width: 100%; float: left; color: #09447a;}
#footer {margin: 0 auto; padding: 0; width: 770px; height: 85px;}
#legal {width: 500px; height: 85px; float: left; margin: 0; padding: 10px 0 0 0;}
#home {width: 270px; height: 85px; float: left; margin: 0; padding: 10px 0 0 0; text-align: right;}
#footer a {color: #09447a;}
#footer a:hover {color: #fff;}