body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #main_wrapper{ width: 945px; margin: 0px auto; } #main_form_wrapper{ width: 615px; margin: 0px auto; } #logo:hover, #small_logo:hover{ cursor: hand; cursor: pointer; } #nav_bar_wrapper{ margin: 80px 0px 0px 80px; height: 30px; } ul#nav_bar{ padding: 0px 1px 0px 0px; margin: 0px; list-style: none; height: 100%; } ul#nav_bar li{ display: inline; height: 100%; } ul#nav_bar li a.normal, ul#nav_bar li a.selected, ul#nav_bar li a.last{ text-decoration: none; width: 96px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; height: 30px; text-align: center; color: #6eb2dd; } ul#nav_bar li a:hover, ul#nav_bar li a.selected{ background-image: url('../img/nav_hover_green.gif'); background-repeat: repeat-x; background-position: top; cursor: hand; cursor: pointer; } ul#nav_bar li a span.text, ul#nav_bar li a span.last{ line-height: 12px; border-width: 0px 2px 0px 0px; border-style: solid; width: 100%; margin-top: 8px; font-size: 12px;} ul#nav_bar li a span.last{ border-width: 0px 0px 0px 0px; } #main_image_wrapper{ background-image: url('../img/main_image.jpg'); height: 307px; width: 945px; } #main_image_others_wrapper{ background-image: url('../img/main_image_others.jpg'); height: 186px; width: 945px;} .repeated_dots, .giving_repeated_dots{ background-image: url('../img/welcome_dots.gif'); background-repeat: repeat-x; height: 2px; width: 100%; margin: 10px 0px; } /* LEFT COLUMN WRAPPER */ #left_column_wrapper{ margin: 30px 0px 0px 20px; width: 147px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #647f9c; } #left_column_wrapper .reg_text_element a{ text-decoration: none; } #left_column_wrapper .reg_text_element a:hover{ text-decoration: underline; } .green_header{ background-image: url('../img/green_bar.gif'); height: 17px; width: 147px; color: #647f9c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; text-align: center;} #left_column_wrapper div.arrow_text_element{ background-image: url('../img/purple_arrow.gif'); background-repeat: no-repeat; padding-left: 10px; margin-top: 8px; height: 17px; background-position: 0px 3px; color: #0768a3; line-height: 17px; } #left_column_wrapper div.reg_text_element{ padding-left: 10px; } .left_column_block{ margin-bottom: 30px; width: 100%; font-family: Arial, Helvetica, Verdana, sans-serif; } .left_column_block .text{ width: 135px; margin-left: 8px;} .left_column_block a{ text-decoration: none; color: #8b9194;} .left_column_block a:hover{ text-decoration: underline;} /* MID COLUMN WRAPPER */ #mid_column_wrapper, #home_mid_column_wrapper, #adult_mid_column_wrapper, #faq_mid_column_wrapper, #faq_right_column, #about_us_mid_column_wrapper, #giving_mid_column_wrapper, #contact_mid_column_wrapper{ width: 341px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #647f9c; margin: 30px 0px 0px 100px; } /* MID COLUMN WRAPPER ANCHOR LINK*/ #mid_column_wrapper a:hover, #home_mid_column_wrapper a:hover, #adult_mid_column_wrapper a:hover, #faq_mid_column_wrapper a:hover, #faq_right_column a:hover, #about_us_mid_column_wrapper a:hover, #giving_mid_column_wrapper a:hover, #contact_mid_column_wrapper a:hover{ text-decoration: underline; } /* MID COLUMN WRAPPER ANCHOR LINK*/ #mid_column_wrapper a, #home_mid_column_wrapper a, #adult_mid_column_wrapper a, #faq_mid_column_wrapper a, #faq_right_column a:hover, #about_us_mid_column_wrapper a, #giving_mid_column_wrapper a, #contact_mid_column_wrapper a{ color: #647f9c; text-decoration: none; } /* MID COLUMN WRAPPER TITLE */ #mid_column_wrapper .title, #home_mid_column_wrapper .title, #adult_mid_column_wrapper .title, #about_us_right_column_wrapper .title, #about_us_mid_column_wrapper .title, #giving_mid_column_wrapper .title, #contact_mid_column_wrapper .title, #faq_mid_column_wrapper .title{ font-size: 18px; background-image: url('../img/welcome_dots.gif'); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; margin-bottom: 10px; width: 100%; } #mid_column_wrapper .text, #home_mid_column_wrapper .text, #adult_mid_column_wrapper .text, #about_us_mid_column_wrapper .text, #giving_mid_column_wrapper .text, #contact_mid_column_wrapper .text{ font-size: 12px; line-height: 18px; } #right_column_wrapper, #home_right_column_wrapper, #right_column_bottom, #about_us_right_column_wrapper{ background-color: green; background-color: #eff3f8; background-image: url('../img/blue_corner_tl.gif'); background-position: top left; background-repeat: no-repeat; width: 251px; padding: 10px 10px 10px 10px; color: #647f9c; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 10px 0px 0px 66px; } #right_column_wrapper .title, #home_right_column_wrapper .title{ font-size: 18px; margin-bottom: 10px; } #right_column_wrapper .text, #about_us_right_column_wrapper, #home_right_column_wrapper .text{ font-size: 12px; line-height: 18px; } #friends_link{ height: 30px; width: 147px; background-color: #2a88c3; background-image: url('../img/dark_blue_corner_tl.gif'); background-position: top left; background-repeat: no-repeat; margin: 20px 0px 0px 190px; color: #ffffff; } #friends_link .text{ font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url('../img/green_arrow.gif'); background-repeat: no-repeat; background-position: 135px 10px; line-height: 14px; height: 22px; text-decoration: none; width: 135px; padding: 8px 0px 0px 12px; color: #ffffff; } #friends_link .text:hover{ color: #647f9c; } #friends_link:hover{ background-color: #EFF3F8; background-image: url('../img/dark_blue_corner_tl_hover.gif'); } #right_column_wrapper .forms_wrapper{ margin-top: 20px; margin-left: 5px; } #right_column_wrapper .forms_wrapper a{ text-decoration: none; color: #647f9c; } #right_column_wrapper .forms_wrapper a:hover{ text-decoration: underline; } /**************************************************** HOME ***********************************************************/ #home_left_column_wrapper{ width: 266px; } #home_left_header{ background-image: url('../img/home_left_header.jpg'); height: 251px; width: 100%; } #home_mid_column_wrapper{ width: 370px; margin: 0px;} #home_mid_column_wrapper{ } #home_mid_column_wrapper .title{ margin: 0px 0px 5px 0px; } #home_mid_header{ background-image: url('../img/home_header_mid.jpg'); width: 100%; height: 306px; margin-bottom: 29px; } #home_right_column_wrapper{ width: 271px; margin-left: 38px; margin-top: 13px; padding: 0px; height: 380px; } #home_right_column_wrapper .title{ padding-top: 10px; } #home_right_column_wrapper .text, #home_right_column_wrapper .title{ width: 239px; margin-left: 17px; } #home_right_header{ background-image: url('../img/home_header_right.jpg'); height: 251px; width: 309px; margin-bottom: 19px; } #home_content_wrapper #friends_link{ margin: 0px 0px 0px 162px;} /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /**************************************************** ADOLESCENT/ADULT ***********************************************************/ #adolescent_list li{ margin-bottom: 10px; } #right_column_wrapper{ height: 330px; } #right_column_wrapper .blue_arrow{ background-image: url('../img/blue_arrow.gif'); height: 16px; width: 8px; background-repeat: no-repeat; background-position: 0px 1px;} #right_column_wrapper .blue_arrow_block{ width: 230px; margin: 0px 0px 0px 5px; } #right_column_wrapper .blue_arrow_block .title{ font-size: 13px; line-height: 16px; margin: 0px; } #right_column_wrapper .text{ font-size: 11px; padding: 10px 0px 20px 0px; width: 204px; } #right_column_bottom{ background-image: none; margin-top: 3px; font-size: 11px; font-weight: bold; } #right_column_bottom .text{ margin-left: 8px; width: 245px; } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /**************************************************** FAQ's ***********************************************************/ #faq_mid_column_wrapper{ margin-right: 16px; } #faq_right_column{ margin: 22px 0px 0px 12px; } #faq_mid_column_wrapper .title{ margin-bottom: 12px; } #faq_mid_column_wrapper .text, #faq_right_column .text{ font-size: 12px; line-height: 18px;} #faq_mid_column_wrapper, #faq_right_column{ width: 325px; } .faq_q, .faq_a{ width: 30px; font-weight: bold; } .faq_bold, .faq_answer{ width: 295px; } .faq_bold{ font-weight: bold; } .faq_answer{ margin-bottom: 20px; } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /**************************************************** ABOUT US***********************************************************/ #about_us_mid_column_wrapper{ width: 324px; margin-right: 17px; } #about_us_right_column_wrapper{ width: 305px; margin-left: 12px; } #about_us_right_column_wrapper .title{ background-image: url('../img/about_us_right_dots.gif'); font-size: 13px; margin: 5px 0px 0px 5px; width: 295px; } #about_us_right_column_wrapper .text{ font-family: Arial narrow, Helvetica, Verdana, sans-serif; padding-bottom: 15px; } #about_us_right_column_wrapper .text ul{ padding: 0px 0px 5px 25px; width: 275px; margin-left: 0px; } #about_us_right_column_wrapper .text ul li{ margin: 0px 0px 10px 0px; } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /**************************************************** GIVING ***********************************************************/ .giving_repeated_dots{ margin: 15px 0px 5px 0px; } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /**************************************************** CONTACT ***********************************************************/ #contact_mid_column_wrapper{ } #contact_mid_column_wrapper .title{ width: 100%; } #contact_mid_column_wrapper .text{ line-height: 16px; } #contact_mid_column_wrapper .text ul{ padding-left: 13px; } #contact_mid_column_wrapper .text ul li{ margin-bottom: 37px; } #contact_mid_column_wrapper .text ul li a{ text-decoration: none; } #contact_mid_column_wrapper .text ul li a:hover{ text-decoration: underline; } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /************************************************** FOOTER ************************************************************/ #footer_wrapper{ width: 650px; margin: 0px auto; } #nav_footer{ margin: 30px 0px 0px 0px; } #footer_wrapper ul#nav_footer{ list-style: none; } #footer_wrapper ul#nav_footer li{ display: inline; } #footer_wrapper ul#nav_footer li a, #footer_wrapper ul#nav_footer li a.last{ text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #9ab2c2; color: #9ab2c2; width: 80px; text-align: center; } #footer_wrapper ul#nav_footer li a:hover{ text-decoration: underline; } #footer_wrapper ul#nav_footer li a.last{ border-width: 0px 0px 0px 0px; } #footer2_wrapper, #main_form_wrapper #footer2_wrapper{ width: 100%; height: 50px; background-color: #2a88c3; background-image: url('../img/blue_footer_corner_tr.gif'); background-repeat: no-repeat; background-position: top right; color: #bed0e2; margin: 20px 0; } #footer2_wrapper .left{ font-size: 12px; margin: 8px 0px 0px 10px; } #footer2_wrapper .right{ font-size: 14px; margin: 7px 0px 0px 45px; } #footer2_wrapper a{ text-decoration: none; color: #bed0e2; } #footer2_wrapper a:hover{ text-decoration: underline; } #footer_contact{ width: 650px; float:right; padding-right:30px; padding-top:60px; color: #647f9c; font-family: Arial, Verdana, Helvetica, sans-serif !important; font-size: 12px; line-height: 16px; } #footer_contact .title{ background-image: url("../img/welcome_dots.gif"); background-position: center bottom; background-repeat: repeat-x; font-size: 18px !important; margin-bottom: 0px; padding-bottom: 15px; width: 100%; float:left; font-family: Arial, Verdana, Helvetica, sans-serif; color :#647F9C; } #footer_contact a{text-decoration: none;color: #647f9c;} #footer_contact a:hover{text-decoration:underline; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /************************************************** FORM ************************************************************/ #small_logo{ background-color: orange; padding: 0px; margin: 0px; } #form_header_img{ background-color: yellow; padding: 0px; margin: 0px;} #form_wrapper{ background-color: #eff3f8; background-image: url('../img/blue_corner_tl.gif'); background-position: top left; background-repeat: no-repeat; width: 100%; margin-top: 28px; } #form_wrapper .inner_wrapper{ margin-left: 25px; color: #647f9c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; width: 555px; margin-bottom: 10px;} #main_form_wrapper #footer2_wrapper{} table#form_table{ font-weight: bold; } table#form_table td{ padding-right: 5px; padding-bottom: 5px; } #form_wrapper .inner_wrapper .form_title{ font-weight: bold; margin: 10px 0px 10px 10px; font-size: 18px; padding-bottom: 5px; padding-left: 20px; background-image: url('../img/form/blue_on_blue_dots.gif'); background-repeat: repeat-x; background-position: bottom; } #form_wrapper .inner_wrapper .form_title2{ font-weight: bold; margin: 20px 0px 0px 10px; font-size: 14px; padding-bottom: 5px; padding-left: 20px; } #form_wrapper .inner_wrapper .form_text{ margin: 10px 0px 10px 10px; padding-left: 20px; } #form_wrapper .inner_wrapper .form_text2{ margin: 0px 0px 10px 10px; padding-left: 20px; } #form_wrapper .inner_wrapper .form_title, #form_wrapper .inner_wrapper .form_text #form_wrapper .inner_wrapper .form_title2, #form_wrapper .inner_wrapper .form_text2{ width: 95%; } .body_bold a{ text-decoration: none;} .body_bold a:hover{ text-decoration: underline; } #joinFriends{ margin-left: 30px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #logo, #nav_bar_wrapper, ul#nav_bar, ul#nav_bar li, ul#nav_bar li a, #main_image_wrapper, #main_image_others_wrapper, #home_content_wrapper, ul#nav_bar li a span.text, ul#nav_bar li a span.last, #home_left_column_wrapper, #home_left_header, #home_mid_column_wrapper, #home_mid_header, #home_right_column_wrapper, #home_right_header, #home_right_column_wrapper .title, #home_right_column_wrapper .text, #left_column_wrapper, .green_header, #left_column_wrapper div.arrow_text_element, #left_column_wrapper div.reg_text_element, .left_column_block, #mid_column_wrapper, #right_column_wrapper, #nav_footer, #footer_wrapper ul#nav_footer li, #footer_wrapper ul#nav_footer li a, #footer2_wrapper, #footer2_wrapper .left, #footer2_wrapper .right, #right_column_wrapper .forms_wrapper, #right_column_wrapper .blue_arrow, #right_column_wrapper .blue_arrow_block, #right_column_wrapper .blue_arrow_block .title, #right_column_wrapper .blue_arrow_block .text, #right_column_bottom, #right_column_bottom .text, #friends_link, #friends_link .text, #faq_mid_column_wrapper, #faq_right_column, .faq_q, .faq_a, .faq_bold, .faq_answer, #about_us_right_column_wrapper, #about_us_mid_column_wrapper, .repeated_dots, #giving_mid_column_wrapper, #giving_mid_column_wrapper .title, #giving_mid_column_wrapper .text, #contact_mid_column_wrapper, #contact_mid_column_wrapper .title, #contact_mid_column_wrapper .text , .left_column_block .text, #adult_mid_column_wrapper, #adult_mid_column_wrapper .title, #adult_mid_column_wrapper .text, #right_column_wrapper .text, #form_header_img, #form_wrapper, #form_wrapper .inner_wrapper, #small_logo{ float: left; }