html{color:#000;background:#FFF;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
body{text-align:center;}

#mwrap,#wrapper,.cell,.cell2,.cell3,.cell4,.cont{margin:auto;text-align:center;width:57.69em;}
#mwrap{width:73.076em;}
#wrapper{width:69.23em; /* targetwidth/13 */}
#fr-bck-tp, #bck-tp{position:relative; height:17.61em; width:68em;}
#fr-bck-tp{background: url(../images/red_backgrnd_top.jpg) no-repeat center top; z-index:2;}
#bck-tp{background: url(../images/red_subpageheader.jpg) no-repeat center top; top:-1em;}
#fr-bck-btm, #bck-btm{position:relative; height:53.8em; width:65em; top:-2em;}
#fr-bck-btm{background: url(../images/red_backgrnd_bot.jpg) no-repeat center top;}
#bck-btm{background: url(../images/red_subbackgrnd.jpg) repeat-y; width:70em; height:auto;}
#moto{position:absolute; text-align:left; top:2em; left:2.8em;}
#menu-hor{z-index:999; position:relative; top:15em; left:8em; width:65em; height:1em;}
#chngcolors{z-index:999; position:absolute; top:13em; left:50em; width:20em; height:3em; text-align:left;}
#footer{font-size:1.08em; padding:1em; margin-top:1em; margin-bottom:1em; text-align:center;}
#nav-left,#mid-sec,#nav-right,#fr-min, #fr-pic, #fr-his,#fr-tly, #fr-ch, #fr-mis, #fr-con, #fr-vst, #fr-gst, #fr-gm, 
#fr-vid, #fr-qst, #fr-nws, #fr-tst,#fr-wtr{position:absolute; background:transparent;}	
#nav-left{left:1em;top:1em; width:auto; height:auto;}
#mid-sec{left:15em;top:1em; width:auto; height:auto;}
#nav-right{left:50em;top:1em; width:auto; height:auto;}	
#fr-min {left:1em;top:1em;}
#fr-pic{left:1em;top:15em;}
#fr-his {left:1em;top:30em;}
#fr-tly	 {left:2em;top:46em;width:10em;}
#fr-ch {left:1em;top:1em;}	
#fr-mis {left:1em;top:16em;}	
#fr-con {left:1em;top:29em;}
#fr-wtr{left:3em;top:42em; width:190px; height:165px; overflow:visible;}
#fr-vst {left:-1em;top:1em;}	
#fr-gst {left:11em;top:1em;}	
#fr-gm {left:24em;top:1em;}
#fr-vid{left:2em;top:11em;}
#fr-qst{left:6em;top:37em;}
#fr-nws{left:1em;top:43em; height:6.5em; width:34em; overflow:hidden; background: url(../images/banner_bckgrnd.png) repeat-y center top;}
#fr-tst{left:1em;top:51em; height:7.8em; width:34em; overflow:hidden; background: url(../images/banner_bckgrnd.png) repeat-y center top;}

#ministerpic,#picturepic,#historypic,#churchpic,#missionpic,#contactpic,#visitorpic,#guestbkpic,
#gamespic{position:absolute; z-index:2;width:auto;}

#min-underlay,#pic-underlay,#his-underlay,#ch-underlay,#mis-underlay,#con-underlay,#vis-underlay,
#gst-underlay, #gme-underlay{position:absolute; z-index:0; width:auto; height:auto; }

#ministerbut,#picturebut,#historybut,#churhcbut,#missionbut,#contactbut,#visitorbut,#guestbkbut,
#gamesbut,#questionbut{position:absolute; z-index:1; background:transparent;}

#ministerpic{height:auto; left:2.8em; top:1em;}
#ministerbut{width:8em; height:2.5em; left:1.8em; top:10em;}
#min-underlay{left:-1.5em;top:-2em;}
#picturepic{height:auto; left:2.7em; top:1em;}
#picturebut{width:8em; height:2.6em; left:2em; top:10.5em;}
#pic-underlay{left:-2em;top:-1.5em;}
#historypic{height:auto; left:1.3em; top:1em;}
#historybut{width:8em; height:2.6em; left:2em; top:9em;}
#his-underlay{left:-1em;top:-2em;}
#churchpic{height:auto; left:5em; top:1em;}
#churchbut{width:13em; height:3.5em; left:1.7em; top:10em;}
#ch-underlay{left:1em;top:-1em;}
#missionpic{height:auto; left:3.5em; top:1em;}
#missionbut{width:12.5em; height:3.4em; left:2em; top:8.5em;}
#mis-underlay{left:1em;top:-1em;}
#contactpic{height:auto; left:4.5em; top:1em;}
#contactbut{width:15em; height:3.3em; left:1em; top:8em;}
#con-underlay{left:1em;top:-1em;}
#visitorpic{height:auto; left:1.5em; top:1em;}
#visitorbut{width:5.5em; height:2.5em; left:3.5em; top:6.5em;}
#vis-underlay{left:-1em;top:-1.5em;}
#guestbkpic{height:auto; left:2.5em; top:1em;}
#guestbkbut{width:8em; height:3em; left:3em; top:6.5em;}
#gst-underlay{left:-1em;top:-1.5em;}
#gamespic{height:auto; left:2.5em; top:1em;}
#gamesbut{width:6em; height:2.6em; left:3.6em; top:6.5em;}
#gme-underlay{left:-1em;top:-1.5em;}
#questionbut{width:24em; height:4.5em; left:0; top:0;}

.cont .cont1{width:auto; margin: 1% 1% 1% 1%; padding:0px; position:relative;}
.cont1{margin: 1% 1% 1% 1%; top:4em;}
.cont2{width:90%; margin: 4% 1% 1% 1%;}
.cell{width:auto; height:auto; padding: 0px; margin: 0px;}
.cell1{width:auto; padding: 2% 1% 1% 1%; margin: 1% 1% 1% 1%;}
.cell2{width:49%; padding: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;}
.cell3{width:33%; padding: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;}
.cell4{width:24%; padding: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;}
.cont .cell, .cont .cell2, .cont .cell3, .cont .cell4 {zoom:100%;}

.vertical-spacer{height:4em; background:transparent;}
.horizontal-spacer{width:2em; background:transparent;}
.bottommost { z-index:-999;}
.level1 { z-index:0;}
.level2 { z-index:1;}
.level3 { z-index:2;}
.level4 { z-index:3;}
.level5 { z-index:4;}
.topmost{ z-index:999;}

.inline { display:inline; }
.block { display:block; }
.center{text-align:center;}
.left{text-align:left;}
.relative{position:relative;}

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.clear-none { clear:none; }
.hide{display:none;}
.caption{text-align:center; width:auto; margin: .5em 0 1em 0;}
.largerfont{font-size: 120%}
.disperror {color:red;}
div.button  {position:absolute; text-align:center; overflow:hidden;}
div.button:hover span, span:hover {display:block;}

html, body {background-color: #000000; color: #FFFFFF; text-align:center;}
span {text-align:left;}
p {font-size:1.08em; padding:1em; margin-top:.2em; margin-bottom:.6em; text-align:left;}

h1,h2,h3{padding:.2em; color: #CCCCCC;}
h1 {font-size: 189%;}
h2 {font-size: 153.9%;}
h3 {font-size: 138.5%;}
h4 {font-size: 100%;margin:1em;}
h5 {font-size: 82%;margin:1em;}
form {margin:.5em; text-align:left; display:block;}
input,button,textarea,fieldset,legend{margin:.5em;}
legend {color:#FFFFFF;font-size: 120%;}
#chngcolors form {margin:.5em; display:inline;}
ol, ul{margin:.5em 0; margin-left:2em; padding-left:0; font-size:110%; text-align:left;}
ul li{margin-top:.2; margin-bottom:.3em; }
ol li{list-style-type:decimal; margin-top:.2; margin-bottom:.3em; }
a:link {color: #BFB68F;}
a:visited {color: #C0C0C0;}
a:hover {text-decoration: none;}
a:active {color: #FF0000;}
a.hidden, a.hidden:visited, a.hidden:active{color: #000000;}
a.hidden:hover {color: #0000CC;}
a.nav:link {color: #333333; padding: 2px;}
a.nav:visited {color: #cccccc;padding: 2px;}
a.nav:hover {color: #FFFFFF; background-color: #666666; padding: 2px;}
a.menu {font-weight: bold; text-decoration: underline;}
a.menu:hover {font-weight: bold; text-decoration: underline; letter-spacing: 1px;}
a.box {padding: 3px; background-color: #FFFFFF; text-decoration: none; border: medium solid #CCCCCC; color: #000000;}
a.box:hover {color: #000000; padding: 3px; text-decoration: none; background-color: #666666; border: medium solid #3366FF; color: #FFFFFF;}

/* menu setup */
* html div.menu {z-index: 1;}
* html div.menu ul li ul { z-index:400;} 
* html div.menu ul ul a {zoom:100%;}
div.menu * {margin:0; padding:0;}
div.menu {behavior:url(csshover.htc); float:left;width:80%; font-size:1.3em; margin:1em 0px 1em 0px; background-color:transparent;}
div.menu a {display:block; text-decoration:none; color:#FFFFFF; padding: .23em 20px;} 
div.menu ul {float:left; font-size:1em; border-left:2px solid #000; display:inline;}
div.menu li {position:relative; float:left; list-style-type:none; background-color:#000000; border-right:1px solid #FFF;}
div.menu li:hover {background-color:#123456;}
div.menu ul li ul {position:absolute; display:none; border:0; margin-left:0; width:12em;}
div.menu ul li ul li {padding:0; border-left:0; border-right:0; width:100%;}
div.menu ul li ul li ul  {position:absolute; visibility:hidden; left:100%; top:-1px; border-top:1px solid #000;} 
div.menu li li {background-color:#20282F; border-bottom:1px solid #FFF;}
div.menu li li li {background-color:#20282F;} 
div.menu ul li:hover ul {display:block; z-index:1000;}
div.menu ul li ul li:hover ul {visibility:visible;} 
div.menu.transparent ul ul li, div.menu.vertical.transparent  ul ul li{
  opacity:0.9; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.9; /* Firefox- range 0 to 1  */
  filter:alpha(opacity=90);  /* IE- range 0 to 100  */
}
.vertical ul {width:100%;}
* html div.menu.vertical a {zoom:100%;} 
div.menu.vertical ul {border-left:0; margin-left:0; border-top:1px solid #CCB;}
div.menu.vertical li {position:relative; width:100%; clear:left; border-right:0; border-bottom:1px solid #CCB;}
div.menu.vertical ul ul  {position:absolute; left:100%; top:-1px; border-top:1px solid #CCB; top:-1px;}
div.menu.vertical li li {}
div.menu.vertical ul ul ul { left:100%;}