@charset "utf-8";
/* CSS Document */

div#footer { behavior: url(http://www.simontemple.com/fileadmin/templates/Scripts/iepngfix.htc) }

html, body {margin:0; padding:0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10pt; }
* {margin:0; padding:0; }
body#tempbody {background:url(images/STbak.jpg) center top no-repeat; width:100%; height:100%}
div.clearrow {width:100%; height:0; clear:both; float:none;}
img {border:none;}
img.floatpiclt {float:left; margin:0 10px 15px 15px;}
img.floatpicrt {float:right; margin:0 25px 15px 10px;}
img.floatpicrt2 {float:right; margin:0 0 15px 10px;}

div.slideshow {width:690px; height:250px; background:white; }
div.imagediv {width:690px; height:235px; clear:right;}
div.controls {width:690px; height:15px; clear:both; font-size:8pt; text-decoration:none;}
div.controls div a {text-decoration:none;}
div.leftb {float:left; height:15px; width:13px; margin:0 4px;}
div.pauseb {float:left; height:15px; width:14px; margin:0 4px;}
div.rightb {float:left; height:15px; width:13px; margin:0 4px;}

div.livelink {width:214px; height:123px;}
div.livelink a, div.livelink a:visited {text-decoration:none; display:block; width:214px; height:123px; background:transparent url(images/Livelinks.gif) top left;}
div.livelink a:hover {text-decoration:none; display:block; width:214px; height:123px; background:transparent url(images/Livelinks.gif) top right;}

div#preloads {width:0px; height:0px; background:url(images/STnavhov.jpg); background:url(images/STdd_bot.gif); background:url(images/STdd_mid.gif); background:url(images/STdd_top.gif); background:url(images/STdd_bot.png); background:url(images/STdd_mid.png); background:url(images/MailingAct.gif); background:url(images/MailingOut.gif); }

div#banner { width:986px; height:134px; text-align:left; background:transparent url(images/STbanner.jpg) center top no-repeat; margin:0 auto; padding:0; }
div#banner span {display:none;}

div#pageelements {position:relative; margin:0 auto; clear:both; width:986px; min-height:380px; height: auto !important; height:380px; text-align:left; background:transparent;}
div#sideandcontent {float:left; min-height:390px; height: auto !important; height:390px; width:100%;  background:transparent url(images/SThome_content.gif) center top repeat;}
body[id=tempbody] div#sideandcontent {background:transparent url(images/SThome_content.png) center top repeat-y;}

#marquee { float:left; clear:both; margin:0; padding: 0 20px; width:936px; line-height:2em; height:auto; max-height:30px; color:#990000; font-weight:bold; font-size: 12pt; }

div#side {width:265px; float:left;}
div#side span {display:none;}
div#sidemenu {width:214px; height:auto; margin:15px 0 0 29px;}
div#sidetop {width:214px; height:21px; font-size:0px; background:transparent url(images/STmenu_top.gif) left top no-repeat;}
body[id=tempbody] div#sidetop {background:transparent url(images/STmenu_top.png) left top no-repeat;}
div#sidemidbak {float:left; width:214px; height:auto; background:blue url(images/STmenu_midbak.jpg) left top repeat-y; }
div#sidemid {float:left; width:214px; height:auto; background:transparent url(images/STmenu_mid.jpg) left top no-repeat; }
div#sidemid.home {min-height:214px; height: auto !important; height:214px;}
div#sidemid p {font-size:10pt; position:relative; color:#fff; left:14px; max-width:200px; margin:0 0 8px 0;}
div#sidemid p a, div#sidemid p a:visited {font-size:10pt; color:#fff; text-decoration:underline;}
div#sidemid p a:hover {color:#ccbdd1; text-decoration:none;}

div#sidemid div.menu1-level1-no,
div#sidemid div.menu1-level1-act { font-size:10pt; width:100%; height:2em; line-height:1.5em;}
div#sidemid div.menu1-level1-no a,
div#sidemid div.menu1-level1-no a:visited { padding:0 0 0 10px; display:block; height:2em; color:#fff; text-decoration:none;}
div#sidemid div.menu1-level1-no a:hover { color:#fff; text-decoration:none; color:#fff; background:purple url(images/STmenu_hover.jpg) top left repeat-y;}
div#sidemid div.menu1-level1-act a,
div#sidemid div.menu1-level1-act a:visited {padding:0 0 0 10px; display:block; height:2em; color:#fff; text-decoration:none; font-weight:bold;}

div#sidemid div.menu1-level2-no,
div#sidemid div.menu1-level2-act { text-align:right; font-size:9pt; width:100%; height:2em; line-height:1.5em; }
div#sidemid div.menu1-level2-no a,
div#sidemid div.menu1-level2-no a:visited { padding:0 14px 0 0; display:block; min-height:2em; height:auto !important; height:2em; color:#fff; text-decoration:none; margin: 0; }
div#sidemid div.menu1-level2-no a:hover { color:#fff; text-decoration:none; color:#fff; background:purple url(images/STmenu_hover.jpg) top left repeat-y; }
div#sidemid div.menu1-level2-act a,
div#sidemid div.menu1-level2-act a:visited { padding:0 14px 0 0; display:block; min-height:2em; height:auto !important; height:2em; color:#fff; text-decoration:none; margin: 0; font-weight:bold; }

div#sidebot {clear:both; width:214px; height:22px; font-size:0px; background:transparent url(images/STmenu_bot.gif) left top no-repeat; margin:0 0 0px 0;}
body[id=tempbody] div#sidebot {background:transparent url(images/STmenu_bot.png) left top no-repeat;}
div#linkspace {width:100%; height:auto;}

div#side div.button {width:214px; height:87px; position: relative; left:29px; background:green;  margin:15px 0 20px 0;}

div#content {width:720px; float:right; padding:15px 0; color:#000; }
div#content p {margin:0 25px 8px 15px;}
div#content p.scripture {text-align: right; padding-right: 20px; padding-left: 10px; padding-top: 4pt; padding-bottom: 1em; font-style: oblique}
div#content li {margin:0 25px 8px 35px;}
div#content div.column2 {width:47%; margin:0 0px 4px 15px; float:left; }
div#content div.column3 {margin:0 0 4px 15px; width:30%; height:1em; float:left; }
div#content div.tx-wecmap-pi1 {margin:0 25px 8px 15px;}
div#content a, div#content a:visited { text-decoration:underline; color:#333399; }
div#content a:hover { text-decoration:underline; color:#a000a3; }
div#content h2 {margin:0 25px 8px 15px;}
div#content h3 {margin:0 25px 8px 15px;}
div#content h4 {margin:0 25px 8px 15px;}
div#content h5 {margin:0 25px 8px 15px;}
div#content h6 {margin:0 25px 8px 15px;}

div#content h1 { width:auto; color:#000; margin:0 25px 8px 15px; font-family:"Times New Roman", Times, serif; font-size:26pt; width:auto; background:transparent; border-bottom:#67326a solid 4px; }
div#content h1.full { width:auto; }
div#content h1.announcements { border:none; height:60px; background:url(images/headers/announcements.gif) transparent top left no-repeat;}
div#content h1.churchhistory { border:none; height:60px; background:url(images/headers/churchhistory.gif) transparent top left no-repeat;}
div#content h1.churchorganiz { border:none; height:60px; background:url(images/headers/churchorganiz.gif) transparent top left no-repeat;}
div#content h1.contactus { border:none; height:60px; background:url(images/headers/contactus.gif) transparent top left no-repeat;}
div#content h1.donate { border:none; height:60px; background:url(images/headers/donate.gif) transparent top left no-repeat;}
div#content h1.donationcanceled { border:none; height:60px; background:url(images/headers/donationcanceled.gif) transparent top left no-repeat;}
div#content h1.floral { border:none; height:60px; background:url(images/headers/floral.gif) transparent top left no-repeat;}
div#content h1.inyourprayers { border:none; height:60px; background:url(images/headers/inyourprayers.gif) transparent top left no-repeat;}
div#content h1.membership { border:none; height:60px; background:url(images/headers/membership.gif) transparent top left no-repeat;}
div#content h1.military { border:none; height:60px; background:url(images/headers/military.gif) transparent top left no-repeat;}
div#content h1.ministries { border:none; height:60px; background:url(images/headers/ministries.gif) transparent top left no-repeat;}
div#content h1.newmembers { border:none; height:60px; background:url(images/headers/newmembers.gif) transparent top left no-repeat;}
div#content h1.pastorsitin { border:none; height:60px; background:url(images/headers/pastorsitin.gif) transparent top left no-repeat;}
div#content h1.photos { border:none; height:60px; background:url(images/headers/photos.gif) transparent top left no-repeat;}
div#content h1.podcasts { border:none; height:60px; background:url(images/headers/podcasts.gif) transparent top left no-repeat;}
div#content h1.prayerreq { border:none; height:60px; background:url(images/headers/prayerreq.gif) transparent top left no-repeat;}
div#content h1.prayerreqrecd { border:none; height:60px; background:url(images/headers/prayerreqrecd.gif) transparent top left no-repeat;}
div#content h1.servicetimes { border:none; height:60px; background:url(images/headers/servicetimes.gif) transparent top left no-repeat;}
div#content h1.thankyou { border:none; height:60px; background:url(images/headers/thankyou.gif) transparent top left no-repeat;}
div#content h1.thought { border:none; height:60px; background:url(images/headers/thought.gif) transparent top left no-repeat;}
div#content h1.travel { border:none; height:60px; background:url(images/headers/travel.png) transparent top left no-repeat;}
div#content h1.upcoming { border:none; height:60px; background:url(images/headers/upcoming.gif) transparent top left no-repeat;}
div#content h1.weekly { border:none; height:60px; background:url(images/headers/weekly.gif) transparent top left no-repeat;}
div#content h1.welcomenew { border:none; height:60px; background:url(images/headers/welcomenew.gif) transparent top left no-repeat;}
div#content h1.wingseagles { border:none; height:60px; background:url(images/headers/wingseagles.gif) transparent top left no-repeat;}
div#content h1.woex { border:none; height:60px; background:url(images/headers/woex.gif) transparent top left no-repeat;}
div#content h1.livestream { border:none; height:60px; background:url(images/headers/livestream.gif) transparent top left no-repeat;}
h1.announcements span, h1.churchhistory span, h1.churchorganiz span, h1.contactus span, h1.donate span, h1.donationcanceled span, h1.floral span, h1.inyourprayers span, h1.membership span, h1.military span, h1.ministries span, h1.newmembers span, h1.pastorsitin span, h1.photos span, h1.podcasts span, h1.prayerreq span, h1.prayerreqrecd span, h1.servicetimes span, h1.thankyou span, h1.thought span, h1.travel span, h1.upcoming span, h1.weekly span, h1.welcomenew span, h1.wingseagles span, h1.woex span, h1.livestream span 
{display:none;}

fieldset {border:none;}
fieldset label {font-weight:bold; display:block; text-align:right; float:left; width:100px; margin:0 5px 0 0;}
div.inputfield {margin:0 0 5px 0;}
div.submitbutton {margin:0 0 0 105px;}
li.fielderror {margin:0 0 5px 105px; color:red; list-style:none;}

div.tx-cal-controller {}
div.tx-cal-controller dl {margin:0 25px 8px 15px; width:680px;}
div.tx-cal-controller dl dt {margin:10px 0; padding:4px; background:transparent; font-weight:bold;}
div.tx-cal-controller dl dt.even {background:#fff;}
div.tx-cal-controller dl dt span.V9G {font-weight:normal; font-size:8pt; color:#555;}
div.tx-cal-controller dl dt a { font-weight:normal; }
div.tx-cal-controller div#calendar-event {margin:10px 25px 8px 15px;}
div.tx-cal-controller div#calendar-event div {margin:2px 0 4px 0;}
div.tx-cal-controller div#calendar-event div.startdate { margin: 0 5px 4px 0; font-weight:bold; float:left;}
div.tx-cal-controller div#calendar-event div.enddate { margin: 0 5px 4px 0; font-weight:bold; float:left; clear:right;}
div.tx-cal-controller div#calendar-event div.starttime { margin: 2px 5px 4px 0; font-size:8pt; color:#555; float:left;}
div.tx-cal-controller div#calendar-event div.endtime { margin: 2px 5px 4px 0; font-size:8pt; color:#555; float:left; clear:right;}
div.tx-cal-controller div#calendar-event div.location { margin: 0 5px 4px 0; float:none; clear:both;}
div.tx-cal-controller div#calendar-event div.description { margin: 20px 0 4px 0; float:none; clear:both;}
div.tx-cal-controller div#calendar-event p {margin:10px 0 8px 0;}
div.tx-cal-controller div#calendar-event-backlink {margin:10px 25px 8px 15px; font-weight:bold; clear:both;}

#travelmain {width:690px; height:300px; background-image:url(http://www.simontemple.com/fileadmin/templates/SimonTemple/images/travelback.png); background-repeat:no-repeat;}
#travelmain h1.travel {position:relative; top:16px; left:12px; color:white;}

#travelwelcome {position:relative; margin:0; top:20px; left:20px; width:640px; height:auto; background:white; color:black; opacity:.70; filter:alpha(opacity=70); padding:4px; margin:0 25px 0 0;}
div#travelwelcome p {margin:0 0 4px 0;}
#travelmain #travelwelcome a:link, #travelmain #travelwelcome a:visited {color:black; text-decoration:underline;}
#travelmain #travelwelcome a:hover {color:black; text-decoration:none;}

#travelbutton { position:absolute; top:190px; left:280px; width:270px; height:86px;}
#travelbutton a:link, #travelbutton a:visited {color:transparent; font-size:0; text-decoration:none; display:block; width:270px; height:86px; background:url(images/VisitSTT.gif) top left;}
#travelbutton a:hover {color:transparent; font-size:0; text-decoration:none; display:block; width:270px; height:86px; background:url(images/VisitSTT.gif) top right;}

#travelcontact {float:right; text-align:right; position:relative; top:50px; width:360px; height:auto; background:white; color:black; opacity:.70; filter:alpha(opacity=70); padding:4px; margin:0 15px 0 0;}
div#travelcontact p {margin:0 0 4px 0;}
#travelmain #travelcontact a:link, #travelmain #travelcontact a:visited {color:black; text-decoration:underline;}
#travelmain #travelcontact a:hover {color:black; text-decoration:none;}


div.ministrydiv { width:47%; margin:0 5px 5px 0; float:left;}
div.cleardiv {clear:both; float:none; width:100%; height:2px;}
div.htmlblock {width:97%; height:auto; display:block;clear:both;float:none;margin:0 0 15px 0;}
div.thoughtblock {text-align:center; font-size:14pt; font-style:oblique; width:97%; height:auto; display:block;clear:both;float:none;margin:0 0 15px 0;}
div.toonblock {text-align:center;width:97%; height:auto; display:block;clear:both;float:none;margin:0 0 15px 0;}
div.toonblock img {margin:0 auto 4px;border:white solid 5px;}
div.toonblock p {font-size:8pt; color:#777;}
div.pastorinfo {float:right;width:430px; height:auto;}
div.organizinfo {float:right;width:470px; height:auto;}
div.preside { width:45%; margin:0 5px 0 0; float:left;}

div#buttons {width:100%; min-height:92px; height: auto !important; height:92px; float:none; clear:both; position:relative; padding:0 0 10px 0;}
div#buttons span {display:none;}

div#buttons div#twitt {float:left; clear:both; margin:5px 30px 10px; width:924px; _margin:0 15px 10px; _width:920px; }
div#buttons div#twitt .floatpiclt {margin:0 15px 5px 15px;}
div#buttons div#twitt p {margin:0 0 5px;  font-size:14pt;}
div#buttons div#twitt a, div#buttons div#twitt a:visited {color:#864b87; font-size:13pt; font-weight:bold; text-decoration:underline; font-style:italic;}
div#buttons div#twitt a:hover {color:#864b87; font-size:13pt; text-decoration:none; font-style:italic;}

div#buttons div#button1 {width:214px; height:87px; position: relative; top:0; float:left; padding:0 0 0 29px; background:transparent; }
div#buttons div#button2 {width:214px; height:87px; position: relative; top:0; float:left; padding:0 0 0 22px; background:transparent; }
div#buttons div#button3 {width:214px; height:87px; position: relative; top:0; float:left; padding:0 0 0 26px; background:transparent; }
div#buttons div#button4 {width:214px; height:87px; position: relative; top:0; float:left; padding:0 0 0 23px; background:transparent; }

/*
div#buttons div#button1 {width:214px; height:87px; position: absolute; top:0; left:29px; background:transparent; }
div#buttons div#button2 {width:214px; height:87px; position: absolute; top:0; left:265px; background:transparent; }
div#buttons div#button3 {width:214px; height:87px; position: absolute; top:0; left:505px; background:transparent; }
div#buttons div#button4 {width:214px; height:87px; position: absolute; top:0; left:741px; background:transparent; }
*/

div#footer { clear:both; color:#fff; width:986px; height:80px; margin:0 auto; text-align:left; background:transparent url(images/SThome_footer2.png) center top no-repeat;}
div#footer a, div#footer a:visited {text-decoration:underline; color:#fff;}
div#footer a:hover {text-decoration:none; color:#ccbdd1;}
div#leftfooter {width:30%; text-align:left; float:left;}
div#leftfooter p span {display:none; visibility:hidden; }
div#leftfooter p {margin:20px 0 10px 20px; width:146px; height:24px; font-size:16pt; font-style:oblique; font-weight:bold; font-family:Times New Roman, Times, serif; background:transparent url(images/LookAtGod.gif) no-repeat top right;}
div#rightfooter {width:70%; text-align:right; float:right; padding:20px 0 0 0;}
div#rightfooter p {padding:3px 20px 10px 0;}


/* Pure-CSS Drop Down Menu code adapted from http://www.grc.com/menu2/invitro.htm */
div#nav {clear:both; margin:0; padding:0; width:100%; min-height:32px; height: auto !important; height:32px; text-align:center; position:relative; z-index:50; }
div#nav * {list-style:none;}
div#menubar { z-index:100; font-size: 10pt; line-height: 2.2em; min-height:32px; height: 32px !important; height:32px; text-align: center; padding: 0; margin:0 auto; background:#3a1243 url(images/STnav.jpg) left center repeat-x; position: relative; top: 0; width:986px; }
ul.menu li.navdiv {font-size:0; float:left; width:2px; top:1px; min-height:29px; height: auto !important; height:29px; background: #3c1640 url(images/STnav_div.gif) right top repeat-y;}

ul#menu { width:100%; height: 32px; position: relative; z-index: 2000; margin:0; padding:0; }
ul.menu * {margin:0; padding:0;}
ul#menu li.top { float: left; list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2000; height:32px; width:162px; }
ul#menu li.top table { _margin:-1px 0; margin:0; border-collapse:collapse; }
ul#menu li.top a,
ul#menu li.top a:visited { color:#fff; font-size: 10pt; font-weight: bold; text-decoration: none; display: block; width:100%; height: 32px; text-align:center; line-height: 2.3em; background:#3a1243 url(images/STnav.jpg) center left repeat-x;}

ul#menu li.top ul.listdiv { display: none; margin:0; padding:0; list-style: none; background:transparent; }
ul#menu li.top ul.listdiv li {
	float:left;
	width:202px; max-width:202px;
	margin:0; padding: 0;
	text-align: left; }

ul#menu li.top ul.listdiv li a,
ul#menu li.top ul.listdiv li a:visited {
	line-height: 1.8em; 
	font-size:10pt;
	display:block;
	text-align:left;
	color:#000;
	padding:0 15px 0 10px;
	margin:0;
	font-weight:normal;
	height:auto;
	width:202px; max-width:202px;
	background:transparent url(images/STdd_mid.gif) left top repeat-y; }
body[id=tempbody] ul#menu li.top ul.listdiv li a, body[id=tempbody] ul#menu li.top ul.listdiv li a:visited {
	background:transparent url(images/STdd_mid.png) left top repeat-y; }
	
ul#menu li.top a:hover,
ul#menu li.top:hover a  { color: #fff; background:#c202ad url(images/STnavhov.jpg) left center repeat-x; }

ul#menu li.top:hover ul.listdiv { display: block; position: absolute; top: 32px; left:0; }
ul#menu li.top a:hover ul.listdiv { display: block; position: absolute; top: 32px; left:0; }
ul#menu li.top ul.listdiv li a:hover { color: #fff; font-weight:bold; background:transparent url(images/STdd_midhov.gif) left top repeat-y; }
body[id=tempbody] ul#menu li.top ul.listdiv li a:hover { background:transparent url(images/STdd_midhov.png) left top repeat-y; }

ul#menu li.top ul.listdiv li.listtop {
	text-align:left;
	margin:0; padding:0;
	font-size: 0;
	width: 202px; min-width: 202px;
	height: 12px; min-height: 12px; max-height: 12px;
	background:transparent url(images/STdd_top.gif) left top no-repeat;
	line-height:0; }
body[id=tempbody] ul#menu li.top ul.listdiv li.listtop {
	background:transparent url(images/STdd_top.png) left top no-repeat; }
ul#menu li.top ul.listdiv li.listtop span { display: none; }

ul#menu li.top ul.listdiv li.listbottom {
	text-align:left;
	margin:0; padding:0;
	font-size: 0;
	width: 202px; min-width: 202px;
	height: 12px; min-height: 12px; max-height: 12px;
	background:transparent url(images/STdd_bot.gif) left top no-repeat;
	line-height:0; }
body[id=tempbody] ul#menu li.top ul.listdiv li.listbottom {
	background:transparent url(images/STdd_bot.png) left top no-repeat; }
ul#menu li.top ul.listdiv li.listbottom span { display: none; }