/* highlight colors for the pages */ /* brighter color */ b {color:#910e0e;} /* darker color */ em {color:#600909;} /* basic settings for the page */ * {margin:0; padding:} body {background:#ebe4c7;} div, ul, li, a, h1, h2, img {margin:0; padding:0;} h1 {padding:10px 0; color:#000; font: bold 14pt "Centabel Book", "Trebuchet MS", trebuchet, verdana, arial; text-align:center;} h2 {padding:8px 0; color:#600909; font:bold 13pt "Centabel Book", georgia, arial; text-align:center; text-transform:lowercase;} h3 {padding:8px 0; color:#600909; font:13pt "Centabel Book", georgia, arial; text-align:left; text-transform:lowercase; margin-left:2.2em; text-decoration:underline;} p, li, address {color:#222;font:11pt candara, verdana;} p, address, .addressmatch {margin:.9em 0;} a {color:#702c00; text-decoration:none;} a.line {text-decoration:underline;} em {font-style:normal; color:#600909;} b {font-weight:normal; color:#910e0e;} img {border:none;} img.lside {float:left; margin:5px 10px 5px 0; border:solid 2pt #2d0F05;} img.rside {float:right; margin:5px 0 5px 10px; border:solid 2pt #2d0F05;} img.mside{display:block; margin: 0 auto; border:solid 2pt #2d0F05;} /* settings for the pages header */ #topmast {height:330px; width:100%; background:url('../images/largetop.jpg') repeat-x;} #title {position:absolute; z-index:21; top:125px; left:50%; margin: 0 0 0 -300px; } #shade {position:absolute; z-index:21; top:271px; left:0px; height:59px; width:100%; background:url('../images/shade.png');} #redmenu {position:absolute; z-index:22; top:240px; left:0px; height:60px; width:100%; background:#910e0e; border-top:2pt solid #600909; border-bottom:2pt solid #600909; } #redmenu ul {position:absolute; z-index:23; top:20px; left:0px; right:0px; width:660px; margin:auto; list-style-type:none; } #redmenu li {display:inline; } #redmenu a {float:left; height:40px; width:110px; line-height:40px; color:#ccc; text-align:center; font: 12pt "Centabel Book", "Trebuchet MS", trebuchet, verdana, arial; text-transform:lowercase;} #redmenu a:hover {color:#fff; font-size:11pt;} /* Setup for the active menu highlight - each page is given an idea based on which section of the site it's referencing */ body.home #menuhome, body.about #menuabout, body.worship #menuworship, body.ministry #menuministry, body.events #menuevents, body.resource #menuresource {font-weight:bold; font-size:12pt; color:#ffffff;} /* settings for the main section of the site, contains two panels: left and right */ #main {width:800px; left:50%; margin:0 auto; padding:20px 0 0 0; } /* settings for the right panel, which houses info and link boxes */ #rpanel {float:right; /* height:300px; */ width:250px; margin: 0; font: 12pt verdana, "Centabel Book", verdana;} #rpanel p, #rpanel li {margin: 4px; text-indent:10px;} #rpanel ul {list-style:none;} /* the following is for the submenu box within the right panel */ #rpanel .top {position:relative; height:12px; width:220px; margin:15px auto 0 auto; background:url('http://www.lasvegasbiblechurch.org/images/rtop.png');} /* height should be set manually in the submenu file to fit the content */ #rpanel .middle {position:relative; width:220px; margin:0 auto; background:url('http://www.lasvegasbiblechurch.org/images/rmiddle.png');} #rpanel .middle p, #rpanel .middle li {margin:4px 14px 4px 14px; text-indent:0px;} #rpanel .bottom {position:relative; height:17px; width:220px; margin:-4px auto 15px auto; background:url('http://www.lasvegasbiblechurch.org/images/rbottom2.png');} /* the following activates the appropriate submenu based on the class */ /* this works similar to the main menu highlights, but uses the 'display' setting */ /* body.home #sub_home, body.about #sub_about, body.worship #sub_worship, body.ministry #sub_ministry, body.news #sub_news, body.resource #sub_resource {display:block;} */ #rpanel .button {display:none; position:relative; height:75px; width:220px; margin:20px auto 10px auto; background:url('../images/sbox.png'); line-height:75px; text-align:center; text-decoration:none;} /* settings for the left panel, which contains the main content */ #lpanel {width:500px; padding:0 0 50px 0;} /* settings for the bottom panel */ #foot {width:100%; height:60px; margin:0; padding:0; clear:both; text-align:center;} #foot img {display:inline; margin:0; padding:0;} /* settings for sermon listing, includes some colors for buttons */ .sermonlist {position:relative; left:0; top:0; width:450px; height:89px; padding:0; margin: 10px auto; border-bottom:solid 1pt #aaa;} .sermonlist i {font-size:7pt; color:#666;} .sermonplay {position:absolute; left:0px; bottom:1px; width:290px; margin:4px 0; padding:0;} .sermondown {position:absolute; display:block; right:0px; bottom:10px; width:81px; height:24px; background:url('http://www.lasvegasbiblechurch.org/images/downloadsmall2.png'); font:7pt verdana; margin:0; padding:0; text-align:center; vertical-align:middle;} .sermondown a {width:81px; height:24px; line-height:24px; padding-top:5px; color:#333; text-decoration:none; font-weight:bold; vertical-align:middle;} .sermondown a:hover {text-decoration:underline;} .sdate {position:absolute; left:0; top:0; width:130px; margin:0; padding:0; background: #910e0e; border:1pt solid #600909;} .sdate p {margin:0; padding:3px; font:7pt verdana; color:#fff; text-align:center;} .sseries {position:absolute; right:0; top:0; margin:0; padding:0;} .sseries p {margin:0; padding:3px 0; font: 8pt verdana; color:#333; text-align:right;} .stitle {position:absolute; left:0; top:25px; margin:0; padding:0;} .stitle p {margin: 0; padding:3px; font: 9pt verdana; color:#333;} .stitle em {font-size:10pt; color:#000;} .stext {position:absolute; right:0; top:25px; margin:0 padding:0;} .stext p {margin:0; padding:3px 0; font: 8pt verdana; color:#333; text-align:right;