/* ----------------------------------------------- DerekPrince.org Styles Author: Brenton Evans Version: 1 July 2005 ----------------------------------------------- */ body { padding:0; margin:0; background-color:#CACA95; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#666; height:100%; } p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#666; margin:0 auto; padding:0;} img { border: 0; display:block; } /* Fix Mozillabug bug */ html {min-width: 734px;} /* MISC: =Links ----------------------------------------------- */ a, a:link, a:visited {font-size:11px; color: #666; text-decoration: underline; padding:0;} a:hover {color: #333; text-decoration: none; font-size:11px;} /* =Header ----------------------------------------------- */ #container {width:100%; height:100%; margin: 0px auto; text-align:center; padding-top:26px;} #box {background: #ececec url(../imagesint/bg.gif) repeat-y fixed 50% 0; position:relative; width:734px; margin:0px auto; padding:0px auto;} #box-interior {background-color: #F2F1DB; position:relative; width:696px; margin: 0px auto; padding:0px auto; border:1px solid #DCDABD;} #box-interior-home {background: #F2F1DB url(../images/homepage/bg_home_interior_box.gif) repeat-y fixed 50% 0; position:relative; width:696px; margin: 0px auto; padding:0; border:1px solid #DCDABD;} #header {position:relative; background-color:#F2F1DB; margin: 0px auto; padding: 0px; width: 696px; border:0;} #branding {clear:both; position:relative; height: 137px; margin:0 auto; border:0;} #branding .logo {position:relative; float:left; height: 137px; width:286px; margin:0 auto; border:0;} #branding .tagline {background:transparent url(../images/brand_top_right.jpg) top left no-repeat; position:relative; float:right; height: 137px; width:410px; margin:0 auto; border:0;} #branding .tagline p {padding:117px 18px 0 0; text-align:right; color:#eee;} #branding .tagline p a, #branding .tagline p a:link, #branding .tagline p a:visited {text-decoration: underline; color: #eee; font-size: 11px;} #branding .tagline p a:hover {text-decoration: none; color: #fff;} #branding img {display:block;} #main-pic-home {clear:both; position:relative; width:672px; height:207px; margin:0 auto; border:0;} /* Structure: =Content ----------------------------------------------- */ #mainContent {position:relative; width:696px; margin:2px 0 0 0; padding:0; text-align:left;} /* Structure: =Home ----------------------------------------------- */ #columnOne {float:left; width:439px; padding:0 14px 0 12px; margin:0; border:0;} #columnTwo {float:right; width:206px; padding:0 12px 0 13px; margin:0; border:0; position: absolute; left:464px; min-height:400px;} #twoColumns {background: transparent; clear:both; position:relative; width:696px; margin:0; padding:0; border:0;} #columnOne .box-dplr {background-color: #fff; position:relative; width:439px; margin:0 auto; padding:0; border:0;} #columnOne td.box-dplr {padding:0; margin:0 auto;} td.box-dplr-media {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#666; margin:0 auto; padding:0;} #columnOne .box-outreach {clear:both; position: relative; background: url(../images/homepage/bg_outreach.jpg) -4px 0 no-repeat; width:439px; margin:12px 0 0 0; padding:0; overflow:hidden; min-height:255px; height:expression(this.scrollHeight < 255? "255px" : "auto" );} #columnOne .box-outreach p {width:193px; margin:65px 13px 13px 233px; padding:0;} #columnOne .box-devo {background-color: #fff; position:relative; width:437px; margin:0 0 15px 0; padding:0; border:1px solid #DCDABD;} #columnOne .box-devo p {margin:13px 13px 13px 13px;} #home-red-box {clear:left; float:left; position:relative; background:#E4D8C5 url(../images/homepage/bg_home_red_box.gif) repeat-y 50% 0; width:464px; margin:0 auto;} #home-red-box .news {float:left; position:relative; width:206px; margin:13px 13px 13px 13px; padding:0; border:0;} #home-red-box .news p {margin:0 0 10px 0;} #home-red-box .letters {float:right; position: absolute; left:232px; width:206px; margin:13px 13px 13px 13px; padding:0; border:0;} #home-red-box .letters p {margin:0 0 10px 0;} #right-content-box {width:206px; margin:0 0 0 0; padding:7px 0 11px 0;} #right-content-box h3 {color:#660000; font-weight:bold; font-size:11px; margin:0 auto; padding:0;} #right-content-box a, #right-content-box a:link, #right-content-box a:visited {color:#660000; text-decoration:underline; padding:1px;} #right-content-box a:hover {background-color:#660000; color:#fff; text-decoration:none;} #right-content-box img {display:inline;} #right-content-box .dotted-break {background: url(../imagesint/spacer_side_bar_dotted.gif) top left no-repeat; width:206; height:23px; margin:0; padding:0;} .vdiv {margin: 0 5px 0 0; vertical-align: text-top;} /* MISC: =Premium ----------------------------------------------- */ .premiumOffer {position:relative;background-color: #333; margin: 0px auto; padding: 0px; width: 700px; border:0px} /* =Nav ----------------------------------------------- */ #navCan {background-color:#2A3C72; clear:both; position:relative; width:672px; height:24px; margin:0px auto; padding:0; border:0; text-align:left;} div#nav {float:left; height:24px; width:486px; margin:0 0 0 0; padding:0; border:0;} div#nav ul#menu {background:transparent url(../images/nav.gif) top left no-repeat; height:24px; width:486px; margin:0; padding:0; position: relative;} div#nav ul#menu li {position:absolute; margin: 0; padding: 0; top:0; list-style: none;} ul#menu li, ul#menu a {height: 24px; display: block;} div#nav ul#menu li a {text-indent: -9999px; text-decoration: none;} /* IF USER IS LOGGED IN */ div#navIn {float:left; height:24px; width:486px; margin:0 0 0 0; padding:0; border:0;} div#navIn ul#menuIn {background:transparent url(../images/nav_in.gif) top left no-repeat; height:24px; width:486px; margin:0; padding:0; position:relative;} div#navIn ul#menuIn li {position:absolute; margin: 0; padding: 0; top:0; list-style: none;} ul#menuIn li, ul#menuIn a {height: 24px; display: block;} div#navIn ul#menuIn li a {text-indent: -9999px; text-decoration: none;} #about {left: 0; width: 67px;} #radio {left: 67px; width: 46px;} #store {left: 113px; width: 48px;} #resources {left: 161px; width: 75px;} #world {left: 236px; width: 50px;} #support {left: 286px; width: 63px;} #contact {left: 349px; width: 75px;} #register {left: 424px; width: 62px;} #account {left: 424px; width: 62px;} #about a:hover {background: transparent url(../images/nav.gif) 0 -24px no-repeat;} #radio a:hover {background: transparent url(../images/nav.gif) -67px -24px no-repeat;} #store a:hover {background: transparent url(../images/nav.gif) -113px -24px no-repeat;} #resources a:hover {background: transparent url(../images/nav.gif) -161px -24px no-repeat;} #world a:hover {background: transparent url(../images/nav.gif) -236px -24px no-repeat;} #support a:hover {background: transparent url(../images/nav.gif) -286px -24px no-repeat;} #contact a:hover {background: transparent url(../images/nav.gif) -349px -24px no-repeat;} #register a:hover {background: transparent url(../images/nav.gif) -424px -24px no-repeat;} #account a:hover {background: transparent url(../images/nav_in.gif) -424px -24px no-repeat;} /* =Search ----------------------------------------------- */ #search {position:relative; float:right; height:24px; width:186px; margin:0 0 0 0px; padding:0px; border:0; background-color:#2A3C72;} #search .search-box {float:left; margin:0 0 0 0px; padding-top:2px; border:0px; width:131px; text-align:right;} #search .search-button {float:right; margin:0px auto; padding:0px 5px 0px 0px; border:0px; width:50px;} /* MISC: =Featured Homepage Links ----------------------------------------------- */ div#btns {width:206px; height:189px; background:#transparent; margin:0 0 20px 0; padding:0; border:0; position:relative;} div#btns ul#featuredRight {width:206px; height:189px; background: transparent url(../images/homepage/home_nav_right.gif) top left no-repeat; margin:0; padding:0; position:relative; float:left;} div#btns ul#featuredRight li { margin:0; padding:0; list-style:none; float:left;} ul#featuredRight li, ul#featuredRight a { width:206px; height:67px; display: block; } div#btns ul#featuredRight li a {text-indent: -9999px; text-decoration: none;} #topHome { left: 0px; width: 206px; top: 0px; height: 55px; } #midHome { left: 0px; width: 206px; top: -67px; height: 55px; } #btmHome { left: 0px; width: 206px; top: -134px; height: 55px; } #topHome a:hover { background: transparent url(../images/homepage/home_nav_right.gif) -206px 0px no-repeat;} #midHome a:hover { background: transparent url(../images/homepage/home_nav_right.gif) -206px -67px no-repeat;} #btmHome a:hover { background: transparent url(../images/homepage/home_nav_right.gif) -206px -134px no-repeat;} /* =News & Articles ----------------------------------------------- */ #newsTitleLeft {float:left; width:350px; padding: 7px 15px 7px 0; margin:0 auto;} #newsTitleLeft .newsTitle {font-size: 18px; line-height: 24px; color: #660000; padding-left:13px;} div#newsTitleRight {height:15px; float:right; width:50px; margin:0 0 0 0; padding:13px 7px 7px 0px; border:0; background:#transparent;} div#newsTitleRight ul#menuEmailPrint {height: 15px; width: 50px; background: transparent url(../imagesint/icons_email_print.gif) top left no-repeat; margin: 0; padding: 0; position: relative;} div#newsTitleRight ul#menuEmailPrint li {margin:0; padding:0; list-style:none; float:left;} ul#menuEmailPrint li, ul#menuEmailPrint a {height: 15px; display: block;} div#newsTitleRight ul#menuEmailPrint li a {text-indent: -9999px; text-decoration: none;} #email {left: 0; width: 25px;} #print {left: 25px; width: 25px;} #email a:hover {background: transparent url(../imagesint/icons_email_print.gif) 0 -15px no-repeat;} #print a:hover {background: transparent url(../imagesint/icons_email_print.gif) -25px -15px no-repeat;} .newsDateAuthor {clear:both; padding: 7px 0 7px 13px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;} .newsDateAuthor p {font-size: 11px; line-height: 18px; color: #666;} .leadCopy {border-bottom:1px dotted #ccc; margin:0 0 13px 0; padding:10px 0 0 0;} .leadCopy p {font-size: 11px; line-height: 24px; color: #666; text-transform:uppercase; font-weight:bold;} .leadCopy h1 {font:11px/22px Verdana, Arial; color: #2E6BA2; margin:0; padding:0; font-weight: bold; text-transform:uppercase;padding: 7px 0 0 0;} .mainCopy p {font-size: 11px; line-height: 14px; color: #666;} .mainCopy .scripture {margin:13px 26px; font-size: 11px; line-height: 14px; color: #666; font-style:italic;} .mainCopy .scripture .verse {font-size: 11px; line-height: 14px; color: #666; text-align:right; font-style: normal;} .mainCopy .pdf {margin:13px 0 13px 0;} .mainCopy ul, .mainCopy li {font-size: 11px; line-height: 14px; color: #666;} .mainCopy h1 {font-size: 11px; line-height: 18px; color: #000; font-weight:bold; text-transform:uppercase;} /* =Footer ----------------------------------------------- */ .footer {font-size: 10px; line-height: 24px; color: #666;} #footer {clear:both; position:relative; background-color:#E7E5CC; width:696px; margin:0px auto; padding:0px; border:0px; text-align: left;} #footer p {width:672px; margin:0px auto; padding:12px 12px 12px 12px; border:0px; text-align: left; font-size:10px; line-height:24px;} #footer a, #footer a:link, #footer a:visited {text-decoration: none; color: #666; font-size: 10px; margin-right:7px;} #footer a:hover {text-decoration: underline; color: #990000;}