/* #### MASTER CSS SHEET #### @site 2008 Green Egg Media www.greeneggmedia.com */ /* Color Guide */ /* Imports */ @import url("reset.css"); /* Header */ .header_color {width: 100%; height: 237px; z-index: -1;} #main {background: #453179; background-image: url(../images/elements/header_bg.gif); background-position: top center; background-repeat: no-repeat;} #campaign {background: #0e5c7d; background-image: url(../images/elements/header_bg_campaign.gif); background-position: top center; background-repeat: no-repeat;} .head_push {width: 830px; margin: 0 auto; padding-top: 20px; height: 237px;} #regulars {overflow: hidden;} .nav {width: 100%; height: 100%;} #home, #contact {border-bottom: 39px solid #5a458b;} #about {border-bottom: 39px solid #ca3819;} #parents {border-bottom: 39px solid #ece949;} #resources {border-bottom: 39px solid #afd136;} #donate {border-bottom: 39px solid #ded0e6;} #getinvolved {border-bottom: 39px solid #1390b2;} #buffer {width: 100%; height: 39px; margin-bottom: 40px; z-index:-1;} img#logo {float: left;} img.header_contact {float: right; margin-right: 20px; margin-top: 40px;} /* Footer */ #footer {width: 100%; height: 186px; background: #353535; font-size: 10pt; color: #A7A7A7; border-top: 5px solid #616161;} #footer_content {width: 800px; margin: 0 auto; text-align: center; padding-top: 30px;} #footer_content ul {margin: 0 auto; overflow: hidden; width: 600px; height: 20px;} #footer_content ul li {float: left; margin-right: 20px; font-weight: bold;} #footer_content ul li a {text-decoration: none;} #footer_content ul li a:hover {text-decoration: underline;} #footer_content ul li.contact a {color: #4dbad7;} #footer_content ul li.locations a {color: #d1e56f;} #footer_content ul li.news a {color: #e2cade;} #footer_content ul li.newsletter a {color: #F0D861;} #footer_content ul li.careers a {color: #FD5656;} #footer_content ul li.calendar a {color: #D6299F;} #footer_content p {margin-bottom: 15px;} #footer_content p a {color: #A5A5A5; text-decoration: underline;} #footer_content p a:hover {text-decoration: none;} .footer_block {margin-top: 60px;} /* Page Layout */ #content_wrapper {width: 800px; margin: 0 auto; overflow: hidden;} #main_content_wrapper {float: right; width: 575px;} #main_content_main {} #nav_column {width: 265px; float: left; margin-top: 30px; overflow: hidden;} img.header_pic_main {margin-left: 75px; margin-bottom: 20px;} /* Main Menu */ .head_push ul#main_nav {overflow: hidden; height: 120px; margin-bottom: -50px; z-index: 999;} .head_push ul li {float: left; z-index: 999;} .head_push ul li img {z-index: 999;} /* Sub Area */ #sub_menu {float: left; width: 200px; margin-top: 15px;} #sub_menu p {font-size: 11pt; margin-bottom: 15px; color: #464646; line-height: 20px;} #sub_menu strong {font-weight: bold; color: #453179;} ul#sub_menu_ul {overflow: hidden;} ul#sub_menu_ul li {overflow: hidden;} /* Pages */ #text_content {font-family: Tahoma; font-size: 10pt; line-height: 20px; color: #545454; margin-top: 20px; margin-bottom: 50px; margin-left: 10px;} #text_content p {width: 500px; margin-bottom: 15px;} #text_content p strong {font-weight: bold;} #text_content a {color: #61A335; text-decoration: underline;} #text_content a:hover {text-decoration: none;} #text_content ul {width: 400px; margin-left: 20px; list-style-type: circle;} #text_content ul li {margin-bottom: 15px;} #text_content h2 {color: #383838; font-weight: normal; margin-bottom: 10px; font-size: 16pt; padding-top: 15px;} #text_content em {font-style: italic;} #text_content strong {font-weight: bold;} #text_content hr {color: #DFD7C0; background-color: #DFD7C0;} #text_content ol {margin-left: 20px; list-style-type: decimal;} h1.section_header {font-size: 34pt; margin-bottom: 30px; color: #4d3981; font-family: "Tahoma";} img.arrow {float: left; margin-left: 40px;} img.sub_patch {float: left;} form#contact_form input {padding: 3px; color: #4D759B; border: 1px solid #776B52;} form#contact_form textarea {margin-left: 50px; width: 450px; height: 120px;} #new_box_wrapper {overflow: hidden; margin-bottom: 50px; margin-left: 70px; line-height: 20px; color: #545454; font-size: 10pt;} #new_box_wrapper p a {color: #563457; text-decoration: underline;} #new_box_wrapper p a:hover {text-decoration: none;} .new_box {width: 250px; float: left;} .new_box img {margin-right: 10px;} .new_box h2 {font-weight: bold; color: #aa458e; font-size: 14pt; margin-bottom: 10px;} #new_box_wrapper .new_box p { width: 200px; margin-left: 0; margin-bottom: 4px;} .events_main {width: 400px; color: #777777; font-size: 11pt; margin-bottom: 4px; line-height: 20px;} .events_main h2 {font-weight: bold; color: #aa458e; font-size: 14pt; margin-bottom: 10px;} #footer p.newsletter {margin-top: 10px; margin-bottom: 2px;} #footer a.newsletter_signup {color: #E6E6E6;} /* Calendar */ table#cal {border-left: 1px solid #E0E0E0; width: 800px; margin-bottom: 25px;} table#cal th {background: #4E4E4E; color: #fff; width: 100px; padding: 3px; font-size: 10pt;} table#cal td.cal_cell {height: 100px; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding: 3px;} table#cal h2 {float: right; font-size: 10pt; color: #969696;} table#cal h2.day_highlight {color: #402766; font-weight: bold; color: #E94040;} a.cal_link {text-decoration: none; font-size: 9pt;} a:hover.cal_link {text-decoration: underline;} h4.cal_title {margin-bottom: 25px; font-size: 10pt; font-weight: bold; color: #3B3B3B;} h4.cal_title img {margin-left: 3px; margin-bottom: -2px;} #event_info {overflow: hidden; height: 100%; margin-bottom: 25px;} #event_info p {font-size: 10pt; line-height: 15pt; color: #8D8D8D;} #event_info h2 {font-size: 10pt; margin-bottom: 5px; font-weight: bold; color: #3B3B3B;} #event_info h2 a {color: #477E9E; text-decoration: none;} #event_info h2 a:hover {text-decoration: underline;} #event_info h3 {font-size: 9pt;} #event_info h3 a {color: #48256D; text-decoration: none;} #event_info h3 a:hover {text-decoration: underline;} #event_info h1 {font-size: 23pt; color: #464646; margin-bottom: 30px;} #sec_info {float: left; width: 200px;} #main_info {float: right; width: 500px; border-left: 1px solid #8F8F8F; padding-left: 25px;} #main_info p {margin-bottom: 15px;} #cal_title_header {width: 270px; margin: 0 auto 5px auto; overflow: hidden; height: 100%; text-align: center; padding-bottom: 4px;} #cal_title_header p {float: left;} #cal_title_header h1 {font-size: 26pt; color: #464646;} #np_links { width: 280px; margin: 0 auto 15px auto; overflow: hidden; height: 100%; text-align: center;} #np_links p {font-size: 11pt; font-weight: bold;} #np_links p a {color: #4A9BCA; text-decoration: none;} #np_links p a:hover {text-decoration: underline;}