@charset "UTF-8"; /* CSS Document */ * { margin: 0; padding: 0; } .cushycms { } /* Global */ html { height:100% } body { background: #F0ECE3; height: 100%; } #container { min-height: 100%; margin-bottom: -250px; position: relative; margin-right:0px; } #main_menu { background: url(../images/menu_bg.jpg) no-repeat; width:770px; height: 85px; position:absolute; left:50%; top: 110px; margin-left:-383px; z-index:100; } #header_image { position:absolute; top: 0; left: 50%; margin-left:-448px; z-index:50; } #outer_wrap { width:850px; height:auto; margin: 0px auto -1px auto; background:#F0ECE3;} #global_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:192px 70px 30px 70px; width:710px; height:auto; min-height:700px; margin-bottom:0; } #global_event_container { position:relative; background: #FFFFFF; top: 0px; left:0; width:713px; height:314px; padding: 0px; margin-bottom:30px;} #global_content_container { position:relative; width:713px; height:auto; padding:0px;} #global_column { position:relative; height:auto; float:left; } .twtr-tweet-text p, .twtr-tweet-text a { font-size: 12px; font-family: Georgia, Serif; text-align: left; } .twtr-hd { display:none; } .twtr-ft { display:none; } img.floatLeft { float: left; margin: 5px 7px 1px 0px; } img.floatRight { float: right; margin: 0px 4px 4px 4px; } tr:hover { background: #fcd; } /* Site Wide Styles */ p { color:#666666; padding: 10px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:150%; margin-top:-5px;} h1 { color:#847657; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.25em; font-weight:100; border-bottom:#ded9ce 2px dotted; font-style:normal;} .sidebar_text { color:#666666; padding: 5px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:120%; } .photo_caption { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#666; font-style:italic; padding:2px 4px 0px 0px;} .image_border { border: 1px solid #cccccc; } /* Content Boxes - Site Wide */ #white_box { width:100%; height:100%; padding: 0px; background: #FFFFFF url(../images/pageflip.jpg) no-repeat; background-position:top right; } #text_box { padding: 25px 25px 20px 20px; } /* Right Sidebar Pages */ .right_sidebar_text { text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666666; margin: 0px 0px 10px 2px; line-height:110%; } .right_sidebar_list li { margin-top:12px; line-height:120%; text-align:left; margin-left:14px; } #left_main_container { width:450px;} #left_main_text_box { padding: 25px 30px 10px 20px; } #right_sidebar { position: absolute; top:0px; right:0px; width:263px; float:right;} /* Home Page Structure */ #home_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:auto; margin-bottom:0; } #wrapper { background: #FFFFFF; position:absolute; top: 192px; width:710px; height:314px; padding: 0px;} #home_column_container_01 { position:absolute; top: 530px; width:713px; height:700px; padding: 0px; } #home_container_01 { position:absolute; top: 0px; width:340px; height:415px; padding: 0px; } #home_container_02 { position:absolute; top: 0px; right:0; width:340px; height:415px; padding: 0px; } #home_container_03 { background:#6FF; position:absolute; top:440px; left:0; width: 713px; height:190px; } #recent_update { position:relative; top:0px; width:300px; border-bottom:#ded9ce 2px dotted; padding: 0px 0px 50px 0px; margin-top:-4px;} #recent_update_image { -moz-box-shadow: 1px 2px 2px 1px #999; -webkit-box-shadow: 1px 2px 2px 1px #999; position:relative; top: 13px; width:60px; height:60px; } #recent_update_container { padding: 25px 0px 10px 20px; } #recent_update_text { width: 220px; height:53px; position:relative; top:38px; left: 70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666; padding: 0px 5px 5px 5px; margin-top:-84px; } #donate_btn { position:absolute; width:100px; height:112px; background:#F60; top:52px; right:25px; max-width:100; max-height:112; } #donate_text { position:relative; width:550px; } /* Home Page Styles */ .welcome_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666; padding: 7px 0px 0px 40px; line-height: 130%; margin-bottom: -5px; } #recent_update_text a { text-decoration:none; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:normal; } #recent_update_text a:hover { color:#000; } #jcgc_header_bar { position:relative; width:713px; height: 50px; background-color:#99dead; margin-bottom:15px; } /* About Page Structure */ #about_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1100px; margin-bottom:0; } #about_sidebar_header { position:absolute; top:39px; } #about_sidebar_header_02 { position:absolute; top:135px; } #about_sidebar_header_03 { position:absolute; top:440px; } #about_container_01 { position:absolute; top:193px; width:713px; height:1000px; padding:0px; } #sidebar_board_member { position:relative; top:5px; left:0px; width:242px; height:40px; margin-bottom:15px;} #sidebar_board_image { position:absolute; top:0; right:0; width:40px; height:40px; margin: 0px 0px 0px 0px; -moz-box-shadow: 1px 2px 2px 1px #CCC; -webkit-box-shadow: 1px 2px 2px 1px #CCC; } #sidebar_board_text { position:relative; top:2px; height:40px; width:195px; text-align:right; padding: 0px 5px 0px 0px; } #sidebar_text_box_01 { position:absolute; top:80px; right:20px; } #sidebar_text_box_02 { position:absolute; top:180px; right:20px; } #sidebar_text_box_03 { position:absolute; top:485px; right:20px; } #chrislori_img { position:relative; top:-5px; } /* About Page Styles */ .sidebar_board_textstyle a { color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; font-style:italic; } .sidebar_board_textstyle a:hover { background:#F0ECE3; padding:7px 7px 7px 10px; margin-right:-7px; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; font-style:italic; } .about_sidebar_image { margin: 4px 11px 4px 0px; -moz-box-shadow: 1px 2px 2px 1px #CCC; -webkit-box-shadow: 1px 2px 2px 1px #CCC; } .about_list li { margin-top:12px; line-height:120%; text-align:left; margin-left:14px; } /* Aid Page Structure */ #aid_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:890px; margin-bottom:0; } #aid_container_01 { position:absolute; top:193px; width:713px; height:135px; padding:0px;} #aid_container_02 { position:absolute; top:350px; width:713px; height:425px; padding:0px;} #aid_column_container_01 { position:absolute; top: 800px; width:710px; padding: 0px; } #aid_container_03 { position:absolute; top: 0px; width:340px; height:200px; padding: 0px; } #aid_container_04 { position:absolute; top: 0px; right:0; width:340px; height:200px; padding: 0px; } /* Aid Page Styles */ .aid_list li { text-align:justify; margin-top: 1em; margin-left: 4em; line-height:120%; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; } .aid_link a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#41c968; text-decoration:none; } .aid_link a:hover { color:#99DEAD; } .aid_link_sub { font-family:Verdana, Geneva, sans-serif; font-size:9px; text-transform:uppercase; color:#666; } /* Event Page Structure */ #events_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:900px; margin-bottom:0; } #events_archive_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:850px; margin-bottom:0; } #events_column_container_01 { position:absolute; top: 530px; width:710px; padding: 0px; } #events_container_01 { position:absolute; top: 0px; width:340px; height:485px; padding: 0px; } #events_container_02 { position:absolute; top: 0px; right:0; width:340px; height:415px; padding: 0px; } #past_event { position:relative; top:0px; width:300px; border-bottom:#ded9ce 2px dotted; padding: 0px 0px 50px 0px; margin-top:-4px;} #past_event_image { -moz-box-shadow: 1px 2px 2px 1px #CCC; -webkit-box-shadow: 1px 2px 2px 1px #CCC; position:relative; top: 13px; width:60px; height:60px; } #past_event_container { color:#0C0; padding: 25px 20px 10px 20px; } #past_event_text_container { width:220px; height:60px; position:relative; top:34px; left: 70px; vertical-align:middle; margin-top:-84px; } #past_event_text { position:absolute; padding: 0px 5px 5px 5px; height:40px; top:50%; margin-top:-23px; letter-spacing:75%; } #featured_event_container_01 { background: #FFFFFF; position:absolute; top: 192px; width:713px; height:314px; padding: 0px;} img.featured_event { position:relative; top:0px; left:0px; padding:0px; } .past_event_image_02 { -moz-box-shadow: 1px 2px 2px 1px #CCC; -webkit-box-shadow: 1px 2px 2px 1px #CCC; width:60px; height:60px; } .normal, normal a { background-position: 0 0px; } .normal:hover { background-position: 0 -75px; } .jcgc11_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; margin-bottom:10px; background-image:url(../images/event_buttons/jcgc_11.jpg); text-indent: -99999px; z-index: 1; float:left;} .sixtyfive11_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/65roses_11.jpg); text-indent: -99999px; z-index: 1; float:left;} .surfing11_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/surfing11.jpg); text-indent: -99999px; z-index: 1; float:left;} .lbfbowl10_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/lbfbowl10.jpg); text-indent: -99999px; z-index: 1; float:left;} .lbfbowl11_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/lbfbowl11.jpg); text-indent: -99999px; z-index: 1; float:left;} .sixtyfive10_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/65roses_10.jpg); text-indent: -99999px; z-index: 1; float:left;} .aircraftpassing_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/aircraftpassing.jpg); text-indent: -99999px; z-index: 1; float:left;} .sixtyfive09_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; background-image:url(../images/event_buttons/65roses_09.jpg); text-indent: -99999px; z-index: 1; float:left;} .sixtyfive08_btn { position: relative; display: block; top: 0px; left: 0px; height: 75px; width:670px; margin-bottom:10px; background-image:url(../images/event_buttons/65roses_08.jpg); text-indent: -99999px; z-index: 1; float:left;} /* Event Page Styles */ #past_event_text a { text-decoration:none; color:#666; } #past_event_text a:hover { color:#000; } .past_event_title { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666; } .past_event_loc { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; } .past_event_date { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; font-style:italic; } .thanks_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; } .thanks_text a { color:#99dead; font-style:italic; text-decoration:none; } .thanks_text a:hover { color:#33904f; font-style:italic; text-decoration:none; } /* eventpage Page Structure */ .eventpage_photo_container { background:#FFF; position:relative; top:0; left:0; width:680px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px; } .eventpage_video_container { background:#FFF; position:relative; top:0; left:0; width:680px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px; } .eventpage_video_container_1row { background:#FFF; position:relative; top:0; left:0; width:680px; height:150px; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } .eventpage_video_container_2row { background:#FFF; position:relative; top:0; left:0; width:680px; height:290px; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } .eventpage_photo_thumb { border:1px solid; border-color:#ccc; -moz-box-shadow: 1px 2px 2px 1px #E6E6E6; -webkit-box-shadow: 1px 2px 2px 1px #E6E6E6; padding:5px; background-color:#FFF; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; margin-right: 9px; margin-bottom:7px; } .eventpage_photo_thumb:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } .eventpage_video_thumb_container { background:#FFF; width:162px; float:left; margin-right:7px; margin-bottom:12px; margin-top:5px; } .eventpage_video_thumb { border:1px solid; border-color:#ccc; -moz-box-shadow: 1px 2px 2px 1px #E6E6E6; -webkit-box-shadow: 1px 2px 2px 1px #E6E6E6; padding:5px; background-color:#FFF; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; margin-right:0px; margin-bottom:0px; } .eventpage_video_thumb:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } .eventpage_video_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; font-style:italic; line-height:100%; } #back_button { position:relative; top:22px; left:530px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; } #back_button a { color:#847657; text-decoration:none; } #back_button a:hover { color:#000; text-decoration:none; } /* Note! Each event page needs it's own '#eventpage_main_content_XX' and '#eventpage_container_XX' to resize the height of the page */ #eventpage_main_content_xx { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1520px; margin-bottom:0; } #eventpage_container_xx { position:absolute; top:530px; width:713px; height:1100px; padding:0px;} #eventpage_main_content_01 { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1915px; margin-bottom:0; } #eventpage_container_01 { position:absolute; top:530px; width:713px; height:1500px; padding:0px;} #eventpage_main_content_02 { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1600px; margin-bottom:0; } #eventpage_container_02 { position:absolute; top:530px; width:713px; height:1160px; padding:0px;} #eventpage_main_content_03 { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:2100px; margin-bottom:0; } #eventpage_container_03 { position:absolute; top:530px; width:713px; height:1670px; padding:0px;} #eventpage_main_content_04 { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1620px; margin-bottom:0; } #eventpage_container_04 { position:absolute; top:530px; width:713px; height:1200px; padding:0px;} #eventpage_main_content_05 { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1550px; margin-bottom:0; } #eventpage_container_05 { position:absolute; top:530px; width:713px; height:1120px; padding:0px;} /* Contact Page Structure */ #contact_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:830px; margin-bottom:0; } #contact_container_01 { position:absolute; top:193px; width:713px; height:155px; padding:0px;} #contact_container_02 { position:absolute; top:370px; width:713px; height:565px; padding:0px;} /* Contact Page Styles */ .resource_header a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#75b688; text-decoration:none; } .resource_header a:hover { color:#33904f; } .resource_link a { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#75b688; text-decoration:none; font-style:italic; } .resource_link a:hover { color:#33904f; } .resource_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; line-height:150%; } .resource_text a { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#75b688; line-height:150%; } /* Board Member Structure */ #boardmembers_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1000px; margin-bottom:0; } #boardmembers_container_01 { position:absolute; top:193px; width:713px; height:900px; padding:0px;} #board_sidebar_header_01 { position:absolute; top:39px; } #board_sidebar_header_02 { position:absolute; top:350px; } #board_text_box_01 { position:absolute; top:84px; right:20px; } #board_text_box_02 { position:absolute; top:394px; right:20px; } .board_title { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; font-style:italic;} #executiveboard_img { position:absolute; top: 38px; right:8px; } #votingboard_img { position:absolute; top: -12px; right:-7px; } #advisoryboard_img { position:absolute; top: -12px; right:-7px; } #executiveboard { position:relative; top:30px; left:-10px; width:688px; height:270px; overflow:hidden; } #votingboard { position:relative; top:0px; left:-10px; width:688px; height:270px; padding-top:29px; } #advisoryboard { position:relative; top:0px; left:-10px; width:688px; height:270px; padding-top:29px; } .board_member_img { -moz-box-shadow: 1px 2px 2px 1px #CCC; -webkit-box-shadow: 1px 2px 2px 1px #CCC; } #board_member_large { padding:10px; width:117px; float:left; } .board_member_title, a { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#666; text-decoration:none; font-style:italic; line-height:normal; margin-top:2px; } .board_member_title a:hover { color:#99dead; } /* What is CF Structure */ #whatiscf_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1100px; margin-bottom:0; } #whatiscf_container_01 { position:absolute; top:193px; width:713px; height:1000px; padding:0px; } ul.whatiscf { padding: 0px 0px 10px 20px; list-style-type:square; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666; margin: -10px 0px 10px 2px; line-height:120%; text-align:justify; } li.whatiscf { padding: 20px 0px 0px 0px; } /* Newsletter */ #newsletter_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:600px; margin-bottom:0; } #newsletter_container_01 { position:absolute; top:193px; width:713px; height:510px; padding:0px; } .newsletter_link a { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#86cd96; font-style:italic; font-size:18px; } .newsletter_link a:hover { border-bottom: 1px dotted #86cd96 } .archive_link a { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#86cd96; font-style:italic; font-size:14px; } .archive_link a:hover { border-bottom: 1px dotted #86cd96 } /* Site Map Structure */ #sitemap_main_content { background: url(../images/main_bg.jpg) repeat-y; padding:70px; width:710px; height:1100px; margin-bottom:0; } #sitemap_container_01 { position:absolute; top:193px; width:713px; height:1000px; padding:0px;} .sitemap_ul { list-style-position:outside; margin-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666666; font-style:italic; list-style-type:square; padding-left:20px; line-height:180%;} .sitemap_ul a { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#666666; font-style:italic; text-decoration:none; } .sitemap_ul a:hover { color:#99dead; text-decoration:none; font-style:italic; border-width:1px; border-bottom-style:dotted; border: 0px 0px 1px 0px; border-bottom-color:#99dead; } /* Footer */ #footer { width: 100%; height:250px; position:relative; background-color:#FFFFFF; -moz-box-shadow: 4px 2px 10px #000; -webkit-box-shadow: 4px 2px 10px #000; border-width: 1px 0px 0px 0px; border-style: solid; border-color: white; padding:0px; margin:0px; } #footer, x:-moz-any-link, x:default { -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; } #footer_content { width: 713px; position:relative; left:50%; top:10px; margin-left: -356px; padding:0px; } #footer_column_01 { position:absolute; left:0px; top:0px; width:244px; } #footer_column_02 { position:absolute; left:244px; top:0px; width:244px; } #footer_column_03 { position:absolute; left:488px; top:0px; width:244px; } #footer_column_04 { position:absolute; left:0px; top:190px; width:713px; } .footer_text_box { position:relative; left:0px; top:0px; with:100%; padding: 10px 20px 0px 0px; } .footer_ul { margin-left:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; font-style:italic; list-style-type: square; line-height:150%; } .footer_ul a { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; text-decoration:none; font-style:italic; } .footer_ul a:hover { color:#99dead; text-decoration:none; font-style:italic; border-width:1px; border-bottom-style:dotted; border: 0px 0px 1px 0px; border-bottom-color:#99dead; } .footer_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#666666; font-style:italic; } .footer_text a { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#666666; text-decoration:none; font-style:italic; } .footer_text a:hover { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#99DEAD; text-decoration:none; font-style:italic; border-width:1px; border-bottom-style:dotted; border: 0px 0px 1px 0px; border-bottom-color:#99dead; } .footer_text2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; font-style:italic; } .footer_text2 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; text-decoration:none; font-style:italic; } .footer_text2 a:hover { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#99DEAD; text-decoration:none; font-style:italic; border-width:1px; border-bottom-style:dotted; border: 0px 0px 1px 0px; border-bottom-color:#99dead; } .footer_small_01 { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666666; font-style:italic;} .footer_small_02 { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#666666; } .footer_small_02 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#000000; border-width:1px; border-bottom-style:dotted; border: 0px 0px 1px 0px; border-bottom-color:#000000; font-style:italic; text-decoration:none; } .footer_small_02 a:hover { color:#99dead; } .clearfooter { height: 250px; clear: both; } .thumbnails a { display: block; float: left; margin: 3px; } .thumbnails a img{ border: solid 1px #999; } .thumbnails a:hover img{ border: solid 1px #000 }