* { margin: 0; padding: 0; } /* Global styles for all pages */ html, body { height: 100%; } body { font: 62.5% "arial", sans-serif; color: #495f73; background: #293948 url(../images/bg.jpg) top center no-repeat fixed; } .clear { clear: both; } img { border: none; } #page-wrap { width: 972px; min-height: 100%; height: auto !important; margin: 0px auto -44px; background: url(../images/body.png) top center repeat-y; } ul { list-style: none; font-size: 1.4em; line-height: 1.5em; } a { text-decoration: none; color: #522826; outline: none; } p { font-size: 1.4em; margin-bottom: 10px; line-height: 1.5em;} .highlight { color: #ffffff; } /* Header style */ #header { position: relative; width: 972px; height: 150px; background: url(../images/banner.png) no-repeat; margin: 0 auto; z-index: 9999 !important; } #nav { position: absolute; top: 150px; left: 6px; background: url(../images/menu3.png) no-repeat; width:960px; height:39px; } #nav span { display: none; } #nav li { float: left; list-style: none; display: inline; } #nav ul li a { float: left; display: block; color: #495f73; } #nav ul ul { list-style: none; margin: -4px 0 0 0; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid #c7af78; background-color: #d6bf8b; z-index: 500; } #nav ul li:hover { position: relative; } #nav ul ul li a { display: inline-block; font-size: 0.6em; padding: 0 5px; width: 12em; } #nav ul li ul li a:hover { color: #86504d; background-color: #ccb47d; } #nav ul ul li { float: none; } #nav ul li:hover > ul { visibility: visible; } #nav ul li a#nav-home, #nav ul li a#nav-about, #nav ul li a#nav-ministries, #nav ul li a#nav-calendar, #nav ul li a#nav-news, #nav ul li a#nav-media, #nav ul li a#nav-contact, #nav ul li a#nav-salvation { height: 39px; } #nav ul li a#nav-home { width: 136px; } #nav ul li a#nav-home:hover { background: url(../images/menu3.png) 0 -39px no-repeat; } #nav ul li a#nav-about { width: 123px; } #nav ul li a#nav-about:hover { background: url(../images/menu3.png) -136px -39px no-repeat; } #nav ul li a#nav-ministries { width: 115px; } #nav ul li a#nav-ministries:hover { background: url(../images/menu3.png) -259px -39px no-repeat; } #nav ul li a#nav-calendar { width: 113px; } #nav ul li a#nav-calendar:hover { background: url(../images/menu3.png) -374px -39px no-repeat; } #nav ul li a#nav-news { width: 78px; } #nav ul li a#nav-news:hover { background: url(../images/menu3.png) -487px -39px no-repeat; } #nav ul li a#nav-media { width: 89px; } #nav ul li a#nav-media:hover { background: url(../images/menu3.png) -565px -39px no-repeat; } #nav ul li a#nav-contact { width: 141px; } #nav ul li a#nav-contact:hover { background: url(../images/menu3.png) -654px -39px no-repeat; } #nav ul li a#nav-salvation { width: 165px; } #nav ul li a#nav-salvation:hover { background: url(../images/menu3.png) -795px -39px no-repeat; } /* Main content styles */ #content { width: 972px; padding: 60px 25px 20px 25px; } #content-main { width: 890px; position: relative; float: left; } #left { float: left; width: 295px; } #tablemain { font-size: 1.4em; padding-bottom: 15px; } #servtimbox { background: url(../images/servtimbox.png) no-repeat; float: left; width: 276px; height: 359px;} #servtim { padding: 27px 20px; font-family: century gothic, arial; font-size: 1.2em; } #servtimhd { font-size: 1.7em; color: #522826; font-weight: bold; letter-spacing: .01em; } .servtimsubhd { text-transform: uppercase; font-size: 1.2em; } #gifts { background: url(../images/gifts.png) no-repeat; position: relative; width:276px; height:96px; margin:10px 0px 0px 0px; padding:0; float: left; } #gifts span { display: none; } #gifts a { height:96px; display:block; } #gifts a:hover { background: url(../images/gifts.png) 0px -96px no-repeat; } #newcomers { background: url(../images/newcomers.png) no-repeat; position: relative; width:276px; height:96px; margin:0px 0px; padding:0; float: left; } #newcomers span { display: none; } #newcomers a { height:96px; display:block; } #newcomers a:hover { background: url(../images/newcomers.png) 0px -96px no-repeat; } #listen { background: url(../images/listen.png) no-repeat; position: relative; width:276px; height:96px; margin:0px 0px; padding:0; float: left; } #listen span { display: none; } #listen a { height:96px; display:block; } #listen a:hover { background: url(../images/listen.png) 0px -96px no-repeat; } #events { background: url(../images/events.png) no-repeat; position: relative; width:276px; height:96px; margin:0px 0px; padding:0; float: left; } #events span { display: none; } #events a { height:96px; display:block; } #events a:hover { background: url(../images/events.png) 0px -96px no-repeat; } #right { float: right; width: 677px; } #right h1 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 2.0em; margin: 10px 0 10px 0;} #right h2 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.75em; margin: 20px 0 10px 0;} #right h3 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.50em; margin: 10px 0 10px 0;} #right h4 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.75em; margin: 10px 0 10px 0;} #right h5 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.75em; margin: 20px 0 5px 0;} #full { float: left; margin: 0px 20px; width: 890px; } #full h1 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 2.0em; margin: 10px 0 10px 0;} #full h2 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.75em; margin: 20px 0 10px 0;} #full h3 { font-family: century gothic, arial; color: #522826; letter-spacing: .04em; font-size: 1.50em; margin: 10px 0 10px 0;} .right-content { margin: 0px 75px 0px 10px; } #montage { float: left; width: 622px; height: 224px; margin: 5px 0px 15px 0px; } #welcome { width: 493px; height: 45px; margin: 35px 0px 5px 0px; } #smithfam { float: right; width: 278px; height: 192px; margin: 0px 0px 0px 15px; } #smithfam p { text-align: center; } #christian { background: url(../images/christian.png) no-repeat; position: relative; width:560px; height:111px; margin: 30px 0px 0px 23px; padding:0; } #christian span { display: none; } #christian a { height:111px; display:block; } #christian a:hover { background: url(../images/christian.png) 0px -111px no-repeat; } /* Directions page */ #map { width: 595px; height: 450px; margin: 7px 10px 10px 0px; border: 3px solid #c7af78; } #dirtoheaven { background: url(../images/dirtoheaven.jpg) no-repeat; position: relative; width:493px; height:72px; margin: 40px 0px 0px 53px; padding:0; } #dirtoheaven span { display: none; } #dirtoheaven a { height:72px; display:block; } #dirtoheaven a:hover { background: url(../images/dirtoheaven.jpg) 0px -72px no-repeat; } /* Awana */ #awana-left { padding: 20px 20px; font-family: century gothic, arial; font-size: 1.1em; } #awana-main-pic { padding: 10px 20px 10px 0px; float: left; position: relative; } #awana-wrk { padding: 10px 20px 10px 20px; float: right; position: relative; } #age-table { width: 100%; margin-left: 0px; } #age-table td { text-align: center; font-size: 1.4em; margin-top: 5px; } .awana-list { list-style: disc; visibility: visible; margin: 10px 30px; } .about-list { list-style: disc; visibility: visible; margin: 10px 15px 10px 30px; } #cubbies2 { padding: 20px 55px 15px 0px; float: right; position: relative; } #sparks2 { padding: 25px 50px 10px 30px; float: right; position: relative; } #tt2 { padding: 0px 35px 10px 30px; float: right; position: relative; } /* Music */ #choir1 { padding: 30px 5px 0px 25px; float: right; position: relative; } #choir2 { padding: 0px 30px 10px 0px; float: left; position: relative; } #ps150 { padding: 20px 0px 0px 23px; float: left; position: relative; } /* Calendar */ #calendar { margin-bottom: 20px; } /* Womens Ministry */ #confimg { background: url(../images/womconf.jpg) no-repeat; position: relative; width:611px; height:163px; margin: 0px 0px 15px -5px; padding:0; float: left; } #confvid { position: relative; margin: 19px 10px 0px 0px; padding:0; float: right; } /* Media Ministry */ #mic { padding: 0px 0px 10px 20px; float: right; position: relative; } /* Golden Agers */ #elderly { padding: 10px 15px 0px 20px; float: right; position: relative; } /* Salvation */ #prayingman { padding: 0px 15px 10px 20px; float: right; position: relative; } /* What to Expect (About) */ #chatt-pic { margin: 0px 0px 0px 10px; float: right; position: relative; } /* Media Page*/ #ustream { background: url(../images/ustreambg.png) no-repeat; position: relative; padding:10px; float: left; width:426px; height:346px; } /* Single Moms */ #singlemom { padding: 10px 0px 20px 0px; float: left; position: relative; } /* Summer Jubilee */ #jubimg { background: url(../images/jubileepage.jpg) no-repeat; position: relative; width:611px; height:791px; margin: 0px 0px 10px -5px; padding:0; float: left; } /* Global Outreach Conference */ #conf2img { background: url(../images/conferencepage.jpg) no-repeat; position: relative; width:611px; height:944px; margin: 0px 0px 10px -5px; padding:0; float: left; } /* Footer style */ #push { height: 44px; } #footer { background: url(../images/footer.png) center no-repeat; height: 44px; margin: 0px 0px 20px 0px; } #footer-content { width: 920px; margin: 0 auto; font-size: .80em; color: #fbfbf8; } #footer-nav ul { list-style-type: none; float: left; margin: 15px 35px; } #footer-nav li { float: left; } #footer-nav a { padding: 0px 10px; } #copyright { float: left; margin: 15px; } #rqws { padding: 14px 20px 10px 0px; float: right; }