* { margin: 0px; padding: 0px; } body { background-color: #333333; font: 12px Helvetica, Arial, sans-serif; color: #000000; } body a { color: #FF0000; text-decoration: none; } body a:hover { color: #660000; } body a:visited { color: #663300; } .bigMenu a { display: block; width: 820px; margin: 0 auto; color: #000000; font-size: 24px; line-height: 30px; height: 30px; text-indent: 500px; text-decoration: none; font-weight: bolder; } .bigMenu a:hover { background-color: #FFFFFF; color: #000000; } .bigMenu a em { color: #666666; font-weight: lighter!important; font-style: normal; } h1 { font-size: 28px; line-height: 24px; margin: 10px 0; font-weight: lighter; text-transform: uppercase; color: #333333; } h1 em { font-weight: bold!important; font-style: normal; color: #000000; } h1 a { text-decoration: none; color: #333333; } h1 em a { text-decoration: none; color: #000000; } h1 a:hover, h1 em a:hover!important { color: #990000; } h2 { display: block; font-variant: small-caps; font-weight: bold; color: #990000; } h3 { display: block; font-size: 12px; border-bottom: 1px dashed #666666; color: #666666; text-align: right; margin-bottom: 10px; } h4 { display: block; font-style: normal; font: 12px Helvetica, Arial, sans-serif; color: #333333; padding: 5px; border: 1px dashed #666666; margin: 5px 0; } h5 { font-weight: bold; display: inline; font-variant: small-caps; margin-right: 20px; color: #333333; } #mainWrap { width: 900px; display: table; margin: 10px auto; background-color: #CCCCCC; border: 2px solid #CCCCCC; } .wrap { width: 900px; display: table; margin: 0 auto; clear: both; } .page_default { background: #FDFDFD url(http://betheriver.com/img/backgrounds/rotator.php) bottom no-repeat; padding-bottom: 50px; } #header { display: block; width: 900px; height: 70px; background-color: #FFFFFF; margin: 0 auto; clear: both; } #button_home a, #button_menu a { display: block; height: 70px; width: 70px; text-indent: -60000px; text-decoration: none; background-position: 0px 0px; } #button_home a:hover, #button_menu a:hover { background-position: 0px -70px; } #button_home a { background-image: url(img/button_home.gif); float: left; } #button_menu a { background-image: url(img/button_menu.gif); float: right;} #headerText { width: 750px; height: 40px; float: left; padding-top: 30px; padding-left: 10px; color: #999999; font: 12px Helvetica, Arial, sans-serif; } #headerText a { text-decoration: none; color: #666666; } #headerText a:hover { color: #000000; } #base { background: #999999 url(img/menu_bg.gif) no-repeat; padding-bottom: 10px; } #base a h1 { display: block; height: 25px; color: #CCCCCC; text-align: left; padding-left: 10px; font: 12px Helvetica, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px dotted #333333; } #base a h1 em { font-size: 18px; color: #333333; font-style: normal; padding-left: 10px; } /* --- THIS IS THE VERSION FOR A LOT OF LINKS, TO BE DEPLOYED IN THE FUTURE. -- #baseMenu { width: 600px; float: right; margin: 20px 0; } #baseMenu a, #baseMenu h1 { display: block; font: 12px Helvetica, Arial, sans-serif; padding: 6px; text-decoration: none; float: left; margin-left: 10px; margin-bottom: 10px; } #baseMenu a { color: #999999; background-color: #666666; } #baseMenu a:hover { background-color: #333333; color: #CCCCCC; } #baseMenu h1 { background-color: #FFFFFF; color: #999999; } #baseMenu em { font-style: normal; font-weight: bold; } ------------------------------------------------------------------------------ */ #baseBlurb { width: 280px; padding: 10px; float: left; font: 12px Helvetica, Arial, sans-serif; color: #333333; text-align: justify; } #baseBlurb a { color: #000000; text-decoration: underline; } #baseBlurb a:hover { color: #990000; } #baseMenu { width: 600px; float: right; margin: 10px auto; } #baseMenu a { display: block; height: 20px; color: #333333; font: bold 14px Helvetica, Arial, sans-serif; text-align: right; padding: 3px 10px 0px 0px; text-decoration: none; } #baseMenu a:hover { background-color: #CCCCCC; padding-right: 20px; } .fullPage { width: 880px; margin: 0 auto 25px auto; clear: both; } .oneThirdPage { width: 280px; padding: 10px; float: left; } .twoThirdsPage { width: 580px; padding: 10px; float: left; } .shadedList ul { list-style-type: none; } .shadedList li { list-style-type: none; margin: 0px; height: 20px; } .shadedList a { display: block; padding: 5px; color: #333333; text-decoration: none; height: auto; } .shadedList a:hover { background-color: #CCCCCC; color: #000000; } .bigButton a { display: block; padding: 5px; background-color: #CCCCCC; margin-bottom: 10px; } .bigButton a:hover { background-color: #999999; } #twitter_div { margin-top: 10px; } #twitter_update_list ul { list-style-type: none; } #twitter_update_list li { border-bottom: 1px dashed #CCCCCC; list-style-type: none; margin-bottom: 10px; } ol li { margin-bottom: 5px; margin-left: 20px; } .faq em { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #666666; font-style: normal; margin-right: 10px; } .smallgroup em { font: bold 12px Helvetica, Arial, sans-serif; color: #666666; font-style: normal; } .smallgroup td { vertical-align: top; padding: 3px 0px; border-bottom: 1px solid #999999; } .audtiolist { padding-bottom: 25px; } .audiolist td { width: 290px; padding-right: 10px; border-bottom: 1px dotted #FFFFFF; } .fpAudio { display: block; background-color: #999999; border: 1px dashed #666666; } .fpAudio h1 { display: block; padding: 5px; text-align: center; font: 14px Georgia, "Times New Roman", Times, serif; color: #999999; background-color: #666666; font-style: normal; } .fpAudio h2 { display: block; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #000000; font-style: normal; } .fpAudio h2 a { color: #FFFFFF; font: italic 12px Georgia, "Times New Roman", Times, serif; text-decoration: none; } .fpAudio h2 a:hover { color: #990000; } .alert { display: block; padding: 5px; border: 1px solid #990000; background-color: #FFFFFF; } .specialMedia { display: block; margin: 10px 0; padding: 5px; border: 1px dotted #666666; } .specialMedia a { color: #CC6600; } .ext_link a { display: block; height: 50px; width: 270px; text-indent: -8000px; text-decoration: none; background-position: 0px 0px; margin-bottom: 5px; } .ext_twitter a { background-image: url(img/ext_twitter.gif);} .ext_facebook a { background-image: url(img/ext_facebook.gif);} .ext_flickr a { background-image: url(img/ext_flickr.gif);} .ext_youtube a { background-image: url(img/ext_youtube.gif);} .ext_art a { background-image: url(img/ext_art.gif);} .ext_link a:hover { background-position: 0px -50px; } #twitter_div { padding: 5px; border: 1px dotted #333333; margin-bottom: 10px; } #FP_video_link a { display: block; width: 580px; height: 200px; text-decoration: none; text-indent: -6000px; border: 1px solid white; background-image: url(http://betheriver.com/cms/skins/tr3/img/Newscast03-09.jpg); } #FP_video_link a:hover { border: 1px solid black; } .galleryThumb a { width: 150px; height: 150px; border: 5px solid #FFFFFF; margin: 5px; float: left; } .galleryThumb a:hover { border: 5px solid #CCCCCC; } .galleryThumb a:visited { border: 5px solid #666666; } .floatbox { width: 280px; display: table; background-color: #FFFFFF; padding: 5px; margin-right: 10px; margin-bottom: 10px; float: left; border: 1px solid #666666; } .floatbox ul { margin-left: 20px; list-style-type: disc; } /*-------------------------------------------*/ #work_party_ad a { width: 900px; height: 300px; display: block; background-image: url(http://betheriver.com/cms/skins/tr3/img/work_parties_ad.gif); text-indent: -6000px; text-decoration: none; background-position: 0px 0px; } #work_party_ad a:hover { background-position: 0px -300px; } /*-------------------------------------------*/ /*-------------------------------------------*/ .smallAd a { display: block; clear: both; width: 280px; height: 100px; margin: 5px 0; text-decoration: none; text-indent: -6000px; background-position: 0px 0px; } .smallAd a:hover { background-position: 0px -100px; } .smallAd_pray24 a { background-image: url(http://betheriver.com/img/pray24_ad.gif); } /*-------------------------------------------*/