/*----------------------------------------- Copyright 2007 Church Media Group, Inc. www.churchmedia.cc Author: Ismael Burciaga Version: 1.0.0 Created on 8/28/2007 -----------------------------------------*/ html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0;} html { background: #271d12 url(bg_main.jpg) top center repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em; color: #575757; } body { } p { margin: 12px 0; font-size: 90%;} img, div { border: 0;} ul, li, ol { list-style: none; } strong { text-transform: uppercase; color: #797d7f;} h1, h2, h3, h4, h5, h6 { font-size: 1em; } h1 { font-size: 4em; } h2 { font-size: 1.42em; } h3, h4, h5, h6 { font-size: 1em; } address { font-style: normal; } a:link { color:#8aaaa3; text-decoration:underline; font-weight: bold;} a:visited { color:#8aaaa3; text-decoration:underline; font-weight: bold;} a:hover { color:#271d12; text-decoration:underline; font-weight: bold;} a:active { color:#8aaaa3; text-decoration:underline; font-weight: bold;} /*--------------- HEADER ---------------*/ /*#header_box { background: url(bg_header.jpg) bottom center no-repeat;overflow:hidden;}*/ #header { width: 780px; margin:0 auto; } #header h2 a { display:block; text-indent:-9999px; width:220px; height:100px; margin:27px 0 0 27px; background: url(logo_hlma1.png) top left no-repeat; float:left; display:inline;} #header h1 a { display:block; text-indent:-9999px; width:250px; height:100px; margin:27px 0 0 27px; background: url(logo_hlma2.jpg) top left no-repeat; float:left; display:inline;} #header ul#top_nav { float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size: medium; margin-top:76px;} #header ul#top_nav li { display:inline;} #header ul#top_nav li a { font-family:Georgia, "Times New Roman", Times, serif; font-size: medium; padding-left: 20px; color:#f2f2c4; font-size:90%; text-decoration:none;} #header ul#top_nav li a:hover { color:#ac4e25; } /*--------------- BANNER ---------------*/ #banner_box { background: url(../images/bg_banner_top.jpg) bottom center repeat-y; overflow:visible;} #banner { width: 842px; position:relative; left:50%; margin-left:-421px; clear:both; } /*--------------- WALLPAPERS -----------*/ #content_panel div.wallpaper_box { width:438px; float:left; clear:both; margin: 12px 0 0 0; border-bottom:1px dashed #d5c78f; padding-bottom: 12px; } #content_panel div.wallpaper_box img { padding: 5px; border: 1px solid #d5c78f; float:left; margin-right: 12px; margin-top:3px; background-color: #FFFFFF } #content_panel div.wallpaper_box { color: #666666; text-align: left; } #content_panel div.wallpaper_box ul.wallpaper_links { float:right; width:134px; margin-top: 35px;} #content_panel div.wallpaper_box ul.wallpaper_links li { background: url(brown_arrow.gif) left 50% no-repeat; line-height: 1.2em; padding: 8px 0 8px 18px; border-bottom:1px dashed #d5c78f; } /*--------------- CONTENT ---------------*/ #content_box { overflow:hidden; margin-bottom:18px; margin-top:-3px;} #content { width: 780px; margin:0 auto;} #headlines { margin:0; background: #fdf8e0 url(bg_headlines.jpg) bottom left no-repeat; float:left; width: 780px;} #headlines ul#headline_list { width:760px; margin:0; float:left; padding: 20px 10px 50px 10px; } #headlines ul#headline_list li { float:left; border-right:1px dashed #d5c78f; padding: 0 18px; display:inline; width:216px; } * html #headlines ul#headline_list li { padding: 0 0 0 18px; } #headlines ul#headline_list li.last { border:0;} #headlines ul#headline_list li ul.doc_link { border:0;} #headlines ul#headline_list li ul.doc_link li { background:url(doc_link.gif) left center no-repeat; padding-left: 18px; border:0;} #headlines ul#headline_list li ul.doc_link li a { color:#8aaaa3; text-decoration:underline;} #headlines ul#headline_list li ul.doc_link li a:hover { color:#271d12; text-decoration:underline;} #headlines1 { margin:0; background: #fdf8e0 url(bg_headlines.jpg) bottom left no-repeat; float:left; width: 780px;} #headlines1 ul#headline_list { width:760px; margin:0; float:left; padding: 20px 10px 50px 10px; } #headlines1 ul#headline_list li { float:left; border-right:1px dashed #d5c78f; padding: 0 18px; display:inline; width:216px; } * html #headlines1 ul#headline_list li { padding: 0 0 0 18px; } #headlines1 ul#headline_list li.last { border:0;} #headlines1 ul#headline_list li ul.doc_link { border:0;} #headlines1 ul#headline_list li ul.doc_link li { background:url(doc_link.gif) left center no-repeat; padding-left: 18px; border:0;} #headlines1 ul#headline_list li ul.doc_link li a { color:#8aaaa3; text-decoration:underline;} #headlines1 ul#headline_list li ul.doc_link li a:hover { color:#271d12; text-decoration:underline;} #headlines h2 { color:#ac4e25; margin-bottom:12px;} #headlines h3 { color:#271d12;} #headline_list1 { width:760px; margin:0; padding: 20px 10px 50px 10px; } #content_panel div.image_box_left { float:left; margin: 16px 22px 10px 0; border-top:1px solid #d8d2c0; border-left:1px solid #d8d2c0; border-right:2px solid #c1bba7; border-bottom:2px solid #c1bba7; width: 240px; padding:10px; background:#e2ddce;} #content_panel div.image_box_left p { font-size:85%; font-family: Georgia, "Times New Roman", Times, serif; color: #504e45; text-align:center; margin:8px 0 2px 0; font-style:italic;} #content_panel div.image_box_right { float:right; margin: 0 0 16px 24px; border-top:1px solid #d8d2c0; border-left:1px solid #d8d2c0; border-right:2px solid #c1bba7; border-bottom:2px solid #c1bba7; width: 240px; padding:10px; background:#e2ddce;} #content_panel div.image_box_right p { font-size:85%; font-family: Georgia, "Times New Roman", Times, serif; color: #504e45; text-align:center; margin:8px 0 2px 0; font-style:italic;} #headlines h3, #headlines p, #headlines a { font-family:Georgia, "Times New Roman", Times, serif;} #passport { margin:0; background: #ffffff; background-image:url(back_down.jpg); bottom left no-repeat; float:left; width: 780px; padding-bottom:0px; position:relative; height:195px;} #passport1 { margin:0; background: #93b3ac url(bg_passport.gif) bottom left no-repeat; float:left; width: 780px; padding-bottom:10px; position:relative; height:15px;} img.image_passport { position:absolute; top:0; left:-76px;} #passport ul#get_involved { float:left; width:496px; padding:0 18px 0 0; margin-top:10px; margin-right:17px; } #passport ul#get_involved li { height: 57px; margin-bottom: 6px; } * html #passport ul#get_involved li { height: 57px; margin-bottom: 0; } #passport ul#get_involved li a { font-family:Georgia, "Times New Roman", Times, serif; color:#f2f2c4; font-size:90%; overflow: hidden; text-decoration:none;} #passport ul#get_involved li.list_get_involved a { height: 57px; display:block; background: transparent url(../images/bg_get_involved.jpg) top right no-repeat; color:#f2f2c4; margin-left:82px; padding-top:11px;} #passport ul#get_involved li.list_enewsletter a { height: 57px; display:block; background: transparent url(../images/bg_enewsletter.jpg) top right no-repeat; color:#f2f2c4; margin-left:102px; padding-top:11px;} #passport ul#get_involved li.list_evite a { height: 57px; display:block; background: transparent url(bg_evite.jpg) top right no-repeat; color:#f2f2c4; padding-left: 122px; padding-top:11px;} #passport ul#get_involved li a span.link_titles { font-size:148%; color:#566a66; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #passport ul#get_involved li a:hover span.link_titles { color:#ac4e25;} #passport h2 { color:#ac4e25; margin-top:10px;} #upcoming_events li { padding-left: 20px; background: url(orange_arrow.gif) left 20% no-repeat; } #passport ul#upcoming_events { color:#f2f2c4; margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; float:left;} #passport ul#upcoming_events li { padding-left: 20px; background: url(orange_arrow.gif) left 18% no-repeat; margin-bottom: 6px;} #passport ul#upcoming_events li a { color:#271d12; text-decoration:none;} #passport ul#upcoming_events li a:hover { color:#ac4e25; text-decoration:none;} #passport ul#upcoming_events li.view_more { padding-left: 20px; background: url(white_arrow.gif) left 18% no-repeat; margin-bottom: 6px;} #passport ul#upcoming_events li.view_more a { color:#ac4e25; text-decoration:underline;} #passport ul#upcoming_events li.view_more a:hover { color:#f2f2c4; text-decoration:underline;} /*--------------- SECONDARY CONTENT ---------------*/ #secondary_content { width: 780px; margin:0 auto; background: #fdf8e0 url(bg_secondary_content.jpg) bottom left no-repeat; overflow:hidden; padding-bottom:22px; padding-top:20px;} #content_panel { width: 468px; float:left; margin-right:18px; padding: 0 18px 0 28px; } #content_panel h2 { color:#ac4e25; } #content_panel h3, #content_panel h5, #content_panel p, #content_panel a { font-family:Georgia, "Times New Roman", Times, serif;} #content_panel h5 { color:#271d12; padding-top: 18px; border-top:1px dashed #d5c78f; } #content_panel h5.top_h5 { color:#271d12; padding-top: 12px; border-top:0 ;} #content_panel h4 a { padding-left: 16px; background: url(brown_arrow.gif) left 18% no-repeat; text-decoration:underline; } #content_panel h4 a:hover { text-decoration:underline;} p.quotes { border-top: 1px dashed #8e8668; border-bottom: 1px dashed #8e8668; padding: 12px 12px; background-color: #e9dcb0; font-style:italic; } p.quotes strong { color: #ac4e25; text-transform:none; } .subpage_title { color:#7d9b94;} #side_panel { width: 248px; float:left; } #side_panel ul { color:#f2f2c4; margin:10px 0 18px 0; font-family:Georgia, "Times New Roman", Times, serif; float:left; border-bottom: 1px dashed #f2f2c4; width:230px; padding-bottom:12px; } #side_panel ul li { padding-left: 20px; background: url(../images/orange_arrow.gif) left 50% no-repeat; font-size:120%; margin:10px 0;} #side_panel ul li a { color:#271d12; text-decoration:none;} #side_panel ul li a:hover { color:#ac4e25; text-decoration:none;} #side_panel ul#side_extras { color:#f2f2c4; margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; float:left; border-bottom: 1px dashed #f2f2c4; width:230px; padding-bottom:18px; } #side_panel ul#side_extras li { height: 46px; margin:0 0 2px 0; padding:0; background:none;} * html #side_panel ul#side_extras li { height: 46px; margin-bottom: 2px; } #side_panel ul#side_extras li a { font-size:110%; color:#566a66; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; overflow: hidden; line-height:2.3em; text-decoration:none; } #side_panel ul#side_extras li.list_get_involved_2 a { height: 46px; display:block; background: #98b8b1 url(bg_get_involved_2.jpg) top right no-repeat; color:#566a66; margin-left:-10px; padding-left:10px; } #side_panel ul#side_extras li.list_enewsletter_2 a { height: 46px; display:block; background: #98b8b1 url(bg_enewsletter_2.jpg) top right no-repeat; color:#566a66; margin-left:-10px; padding-left:10px;} #side_panel ul#side_extras li.list_evite_2 a { height: 46px; display:block; background: #98b8b1 url(bg_evite_2.jpg) top right no-repeat; color:#566a66; margin-left:-10px; padding-left:10px;} #side_panel ul#side_extras li.list_myspace_2 a { height: 46px; display:block; background: #98b8b1 url(bg_myspace_2.jpg) top right no-repeat; color:#566a66; margin-left:-10px; padding-left:10px;} #side_panel ul#side_extras li.list_get_involved_2 a:hover, #side_panel ul#side_extras li.list_enewsletter_2 a:hover, #side_panel ul#side_extras li.list_evite_2 a:hover, #side_panel ul#side_extras li.list_myspace_2 a:hover { color:#ac4e25; } #side_panel h2 { color:#f2f2c4; } /*--------------- FOOTER ---------------*/ #footer_box { overflow:hidden; background: url(bg_footer_top.gif) top center no-repeat; padding-top:8px;} #footer_box2 { overflow:hidden; padding-top:8px;} #footer { width: 780px; margin: 0 auto; background: #18120b url(bg_footer_bottom.gif) bottom center no-repeat; overflow:hidden; padding-top:12px; padding-bottom:22px;} #flickr {float:left; clear:both; width:469px; padding:0 18px 0 27px; margin-right:17px; border-right:1px dashed #372b1e;} #flickr h2 { color:#ac4e25; float:left; } #flickr h3 { font-size:95%; color:#271d12; float:right; padding-right:7px;} .small_text { font-size:x-small; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#5d5244; }#flickr ul { float:left; margin:14px 0 0 0; } #flickr ul li { float:left; } #flickr ul li a { float:left; display:block; background-color:#ddddc7; padding:4px; margin:6px 5px 0 0;} * html #flickr ul li a { margin:5px 2px 0 0;} #flickr ul li a:hover {background-color:#ac4e25;} #flickr1 ul li { float:right;margin-bottom:10px; } #flickr1 ul li a { float:right; display:block; background-color:#ac4e25; padding:4px; margin:6px 5px 0 0;} * html #flick1r ul li a { margin:5px 2px 0 0; margin-bottom:10px;} #flickr1 ul li a:hover {background-color:#000000;} #flickr h3 a { color:#93b3ac; text-decoration:underline;} #flickr h3 a:hover { color:#f2f2c4; text-decoration:underline;} .float_left { float:left;} .header_float_left { float:left; width:469px;} #copyright { float:left; } #copyright h2 { color:#f2f2c4; margin-bottom:10px;} #copyright address { color:#5d5244; font-family: Georgia, "Times New Roman", Times, serif; margin: 16px 0; font-size: 90%;} #copyright address.copyright_info { color:#5d5244; font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; font-style:italic;} #cmg { width: 780px; margin: 0 auto; } #cmg h2 a { display:block; text-align:right;text-decoration:none;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif } #cmg h2 a:hover { color:#B64B27 } /*---------------------------- TOOLTIP ------------------------------*/ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ span.thumbnail { position: relative; z-index: 0; } span.thumbnail:hover { background-color: transparent; z-index: 50; cursor:pointer; } /*CSS for enlarged image*/ span.thumbnail span { position: absolute; background-color: #fbfbf0; padding: 10px; left: -9999px; border: 1px solid #e9e8cf; visibility: hidden; color: #000000; text-decoration: none; text-align:center; } span.thumbnail span img { border-width: 0; padding: 2px; } /*CSS for enlarged image on hover*/ span.thumbnail:hover span { visibility: visible; top: 4px; left: 25px; /*position where enlarged image should offset horizontally */ } /* ======================= ERROR NOTIFICATION ========================== */ #error_box { overflow:hidden; padding-top:8px; margin-bottom:18px; margin-top:14px;} #error { width: 780px; margin: 0 auto; overflow:hidden; padding-top:12px; padding-bottom:22px;} #error div.error_links { width:735px; padding:0 18px 0 27px; overflow:hidden;} #error div.error_links div.columns { float:left; margin-right:18px; border-right:1px dashed #372b1e; width:164px;} #error div.error_links div.columns h2 { margin-bottom:11px; color:#ac4e25;} #error div.error_links div.columns li { line-height:2em;} #error a:link { color:#f2f2c4; text-decoration:underline; font-weight: bold;} #error a:visited { color:#f2f2c4; text-decoration:underline; font-weight: bold;} #error a:hover { color:#8aaaa3; text-decoration:underline; font-weight: bold;} #error a:active { color:#f2f2c4; text-decoration:underline; font-weight: bold;}