/*

#### MASTER CSS SHEET ####

2008 Green Egg Media
www.greeneggmedia.com

*/


/* Imports */

@import url("reset.css");

/* Globals */

.push {width: 900px; overflow: hidden; margin: 0 auto;}
#banner {height: 274px; background-image: url(../images/elements/banner_bg.jpg); margin-top: 125px; position: relative;}
#content {width: 900px; margin: 0 auto; overflow: hidden;}
#content_meet {width: 900px; margin: 0 auto; overflow: visible;}
#bann_pic {width: 906px; height: 353px; margin: 0 auto; position: absolute; top: -79px;}
img.logo {position: absolute; top: -33px;}
h1.heading {color: #fffec4; font-size: 50pt; margin-top: 275px;}
#content p.alert {width: 450px; margin-left: 200px; border: 5px solid #da7c3c; background: #EBB68E; padding: 10px; margin-top: 20px; color: #8D4915;}

/* Header */

#nav {height: 86px; background-image: url(../images/elements/nav_bg.jpg); background-repeat: repeat-x;}

ul#nav_main {float: left; margin-top: 30px;}
ul#nav_main li {float: left; margin-right: 25px;}
ul#nav_main li a {display: block; text-decoration: none; color: #fff;}
ul#nav_main li a:hover {color: #f5cfbb;}
ul#nav_main li a.selected {color: #f5cfbb;}

ul#nav_secondary {float: right; background: #e38f63; padding: 5px; margin-top: 18px; width: 380px; padding-top: 8px;}
ul#nav_secondary li {float: left; margin-right: 0; width: 120px;}
ul#nav_secondary li#middle {padding-left: 13px;}
ul#nav_secondary li a {display: block; padding: 4px; color: #F3DBBA; text-decoration: none; width: 100%;}
ul#nav_secondary li a:hover {color: #fff;}

#nav .nav_roll {width: 30px; height: 27px; float: left; display: inline; margin-top: -6px; margin-right: 4px;}

#contribute {background-image: url(../images/elements/contribute.gif); background-position: bottom;}
ul#nav_secondary li a:hover #contribute {background-position: top;}
#calendar {background-image: url(../images/elements/calendar.gif); background-position: bottom;}
ul#nav_secondary li a:hover #calendar {background-position: top; background-position-x: 1px;}
#volunteer {background-image: url(../images/elements/volunteer.gif); background-position: bottom;}
ul#nav_secondary li a:hover #volunteer {background-position: top;}

/* Footer */

#footer {width: 900px; margin: 20px auto; margin-bottom: 35px; border: 2px solid #cccccc; padding: 10px; font-size: 10pt; color: #868686; overflow: hidden;}
#footer p.copyright {float: right;}
#footer p.advert_statement {float: left;}
#footer_space {height: 10px;}

/* Banners */

.home_banner {background-image: url(../images/home/main_banner.jpg);}
.issues_banner {background-image: url(../images/issues/issues_banner.jpg);}
.meet_banner {background-image: url(../images/meet_robin/meet_banner.jpg);}
.contact_banner {background-image: url(../images/contact/contact_banner.jpg);}
.contribute_banner {background-image: url(../images/contribute/contribute_banner.jpg);}
.volunteer_banner {background-image: url(../images/volunteer/volunteer_banner.jpg);}
.calendar_banner {background-image: url(../images/calendar/calendar_banner.jpg);}

/* Home Page */

.home_banner h1 {color: #fff; font-size: 30pt; margin-top: 210px;}
.home_banner h3 {color: #fff; font-size: 16pt; margin-left: 155px; margin-top: 4px;}
.home_banner h2 {color: #fff; font-size: 40pt; margin-left: 20px;}
.home_banner span {color: #fffec4;}

#welcome {width: 430px; float: left; margin-top: 25px;}
#welcome h1 {color: #1878c3; font-size: 25pt; margin-bottom: 6px;}
#welcome p {margin-bottom: 7px; color: #4E4E4E;}
span.opening {color: #BD8243;}

img.welcome_letter {float: left;}
#main_tease {width: 440px; float: right; margin-top: 50px;}
.preview {overflow: hidden; margin-bottom: 15px;}
.check {float: left; width: 60px;}
.preview_content {float: right; width: 360px;}
.preview h1 {font-size: 30pt; margin-bottom: 15px;}
#leadership span, a.span {color: #1878c3;}
#issues span, a.span {color: #da7c3c;}
.preview p {color: #6B6B6B; margin-bottom: 20px;}
.preview a {display: block; background-image: url(../images/home/link_bg.jpg); padding: 17px; color: #4E4E4E; text-decoration: none;}
.preview a:hover {background-image: url(../images/home/link_bg_over.jpg); color: #fff;}
#main_tease .preview a:hover span {color: #fffec4;}

/* Issues */

.issue {overflow: hidden; margin-top: 20px;}
.issue img {float: left;}
.issue_text {float: right; width: 760px;}
.issue_text h1 {font-size: 25pt; margin-bottom: 4px;}
.issue_text p {color: #777777;}

/* Meet Robin and Contact */

.bio_text {margin-top: 25px; width: 600px;}
.bio_text p {color: #777777; margin-bottom: 10px;}
.bio_text span {color: #3D3D3D;}
.bio_text a {color: #1878c3; text-decoration: underline;}
.bio_text a:hover {text-decoration: none;}
.bio_text h1 {color: #1878c3; margin: 20px 0 20px 0; font-size: 25pt;}

.robin_pic {float: right; margin-top: 10px; z-index: 100; width: 275px;}

#volunteer_form {padding: 10px; border: 5px solid #A8A8A8;}
#volunteer_form input {border: 1px solid #1878c3; background-image: url(../images/volunteer/form_bg.gif); padding: 4px; color: #000; font-size: 12pt;}
#volunteer_form textarea {width: 350px; height: 150px; background-image: url(../images/volunteer/text_bg.jpg); background-position: bottom; background-repeat: repeat-x; color: #000; font-size: 12pt; padding: 4px;}
.error {background: #da7c3c; padding: 5px; color: #fff; border-bottom: 3px solid #F3C19A; margin-bottom: 4px;}

/* Contribute */

#contribute_text {overflow: hidden; width: 800px; margin: 0 auto; margin-top: 25px;}
#contribute_text p {color: #777777; margin-bottom: 10px;}
.contribute_col {width: 380px; float: left; margin-left: 10px; margin-top: 5px;}
.contribute_col h1 {color: #1878c3; font-size: 25pt; margin-bottom: 8px;}
.address {padding: 10px; border: 5px solid #A8A8A8; width: 250px; margin-top: 10px;}
#contribute_text .contribute_col .address p {margin-bottom: 2px;}
.contribute_col ul {float: left; width: 190px; margin-bottom: 10px;}
.contribute_col ul li {color: #3D3D3D;}

/* Calendar */

.event {width: 550px; border-left: 3px solid #9ABD42; padding-left: 10px; float: left; margin-right: 10px; margin-bottom: 15px; min-height: 150px;}
.event p {margin-bottom: 4px;}
.event p.date, p.time {color: #000;}
.event h1 {margin-bottom: 2px; margin-top: 0;}
.event h2 {color: #da7c3c; font-size: 18pt; margin-bottom: 10px;}

/* Misc. */

.bio_text ul {margin: 15px 0 15px 20px; color: #777777; list-style-type: disc;}
.bio_text ul li {margin-bottom: 5px;}
.bio_text h2 {color: #000; font-size: 16pt; margin-bottom: 10px;}
.bio_text p span {color: #9ABD42;}