/********************** HTML STYLES ***********************/ body { color: #000000; background: #ffffff; margin: 0px; font-family:Tahoma, Arial; } #bodybg { color: #000000; background: #ffffff url(standard/home-bg.jpg) repeat-x; margin: 0px; font-family:Tahoma, Arial; text-align: center; } body, p, td, .standard { font-family:Tahoma, Arial; font-size: 10pt; color: #000000; } h5 { color:#72b3fe; font-family:Tahoma, Arial; font-weight:normal; font-size:7.5pt; line-height:7.5pt; } h3 { color:#385278; font-size:20pt; font-weight:normal; } a { color: #005ca4; } a:hover { color: #005ca4; } #footercontainer { width:100%; height:140px; background:#0950a2 url(standard/temple_footerrepeat.jpg) repeat-x top center; margin:-1px auto 0 auto; text-align:center; z-index:-1; } #footercontainer2 { width:100%; height:140px; background:#0950a2 url(standard/temple_footerrepeat.jpg) repeat-x top center; margin:-1px auto 0 auto; text-align:center; z-index:-1; } a.footernav, a.footernav:hover { color:#e5e1c5; text-decoration:none; font-family:Tahoma, Arial; font-size:10pt; } #container { width:900px; margin:0 auto; text-align:left; background: url(standard/temple_container.jpg) repeat-y; height:auto; z-index:99; } #container2 { width:900px; margin:0 auto; text-align:left; background:#ffffff; /*url(standard/temple_container_wide.jpg) repeat-y top;*/ height:auto; z-index:99; } #flashcontent { height: 170px; width: 900px; overflow: hidden; z-index: 0; text-align:center; float:left; } #header { margin: 0 auto; width: 900px; background:url(standard/temple_header.jpg) no-repeat top center; height:95px; overflow: hidden; } #headertext { color:#FFFFFF; font-size:10pt; text-align:right; padding:25px 0 0 0; } a.header, a.header:hover { color:#e5e1c5; text-decoration:none; font-family:Tahoma, Arial; font-size:10pt; } #gobutton { font-weight:bold; } /*#headerimage { z-index:1000; clear:both; background:url(standard/temple_lifelong.jpg) no-repeat top center; height:105px; }*/ #minicontainer { background:url(standard/temple_minicontainer.jpg) no-repeat top center; width:900px; min-height:450px; height:auto; /*margin:0; height:auto;*/ clear:both; } #minicontainer2 { background: url(standard/temple_minicontainer_wide.jpg) no-repeat top left; width:900px; min-height:450px; height:auto; /*margin:0; height:auto;*/ clear:both; } #sidenav { float:left; width:216px; } #sidenav ul { list-style:none; margin:0 0 0 -40px; width:216px; padding:1.5em 0 0 40px; } #sidenav .nav { background:#074fa2 url(standard/sidenav_button.jpg) repeat-y top center; margin:3px 0 0 0; min-height:1.5em; padding:.25em 0 .25em 30px; } #sidenav .child { background:#6db2ea url(standard/child_button.jpg) repeat-y top center; margin:0; min-height:1em; padding:.1em 0 .1em 40px; } #sidenav .grandchild { padding: .1em 0 .1em 60px; } a.navoff { color:#e5e1c5; text-decoration:none; font-size:11pt; letter-spacing:.1em; } a.subnav { color:#313842; text-decoration:none; font-size:8pt; letter-spacing:.1em; } #content { width:640px; float:left; padding:1em 20px; min-height:450px; } #content2 { width:640px; float:left; padding:1em 0px 220px 75px; min-height:450px; } #footer { clear:both; width:900px; height:140px; background:url(standard/temple_footer.jpg) no-repeat top center; margin:0 auto; text-align:center; font-family:Tahoma, Arial; z-index:999; } #footer p { width:900px; } #footerlogo { width:33%; float:left; } .info { color:#FFFFFF; width:33%; float:left; } #poweredby { width:33%; float:left; } /********************** UNIVERSAL STYLES ***********************/ .error { color: #CC0000; } .standard { } .standardbold { font-weight: bold; } .standardheader { color:#385278; font-size:18pt; font-weight:normal; } /********************** LAYOUT STYLES ***********************/ /******************************* DROPDOWN STYLES *******************************/ #menu { z-index: 99; text-align: left; } #mockupSub #menu { top: 95px; } #nav, #nav ul { float: left; width: 900px; list-style: none; padding: 0; margin: 0; background: #233b5f; } #nav a { display: block; width: 150px; w\idth: 100px; height: auto; color: #e5e1c5; text-decoration: none; font-size: 12px; } #nav a.parent{ width: 150px; line-height: 55px; } #nav li { float: left; padding: 0; width: 150px; } #nav li ul { position: absolute; left: -999em; height: auto; width: 150px; w\idth: 150px; font-weight: normal; margin: 0; } #nav li li { width: 150px; } #nav li ul a { border-bottom: solid 1px #5b6777; padding: 5px; width: 140px; w\idth: 140px; } #nav li ul ul { margin: -26px 0 0 150px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #151d2c; } /***************************** SPECIFIC BUTTONS ******************************/ #buttonAbout { background: url(standard/button-about.jpg) no-repeat; text-indent: -9999px; } #buttonAbout:hover { background: url(standard/button-about-on.jpg) no-repeat; } #buttonCalendar { background: url(standard/button-calendar.jpg) no-repeat; text-indent: -9999px; } #buttonCalendar:hover { background: url(standard/button-calendar-on.jpg) no-repeat; } #buttonWorship { background: url(standard/button-worship.jpg) no-repeat; text-indent: -9999px; } #buttonWorship:hover { background: url(standard/button-worship-on.jpg) no-repeat; } #buttonCommunity { background: url(standard/button-community.jpg) no-repeat; text-indent: -9999px; } #buttonCommunity:hover { background: url(standard/button-community-on.jpg) no-repeat; } #buttonLifelong { background: url(standard/button-lifelong.jpg) no-repeat; text-indent: -9999px; } #buttonLifelong:hover { background: url(standard/button-lifelong-on.jpg) no-repeat; } #buttonGiving { background: url(standard/button-giving.jpg) no-repeat; text-indent: -9999px; } #buttonGiving:hover { background: url(standard/button-giving-on.jpg) no-repeat; } #creditcard { padding:0 0 0 20px; }