/* CSS Document */
body {background-color: #99CCFF;
	font-family: Arial, Helvetica, sans-serif;}
h1	{ margin: 0;}
.article {
	position:absolute;
	width:82%;
	z-index:3;
	left: 139px;
	top:88px;
	background-color: #FFFFFF;
	height: 1028px;
}
.xmas{position:absolute;left:20px; top:250px}
.recipe {position:absolute; width:82%; z-index:3; left:78px; top:90px; background-color: #FFFFFF; }
.war {position:absolute; width:81%; z-index:3; left: 142px; top:90px; background-color: #FFFFFF; }
#commontop{position:fixed; width:100%; height:62px; z-index:10; left: 2px; top: 0px;background-color:#99CCFF;  }
#commontoptitle{position:fixed;
	font-size:14px;
	width:100%;
    height:24px; z-index:9;
	left: 1px; top:61px;
	background-image:url(buttons/top.gif)
	}
	
#commontopmenu{position:fixed;
	font-size:14px;
	width:100%;
    height:40px; z-index:11;
	left: 1px; top:50px;
	
	}
 #commonsidemenu{position:fixed;
 width:138px;
 height:570px;
 z-index:4;left:1px; top:74px;
 background-color: #99CCFF; }
#eventstoptitle{position:fixed;
	font-size:14px;
	width:100%;
    height:24px; z-index:9;
	left: 1px; top:1px;
	background-image:url(buttons/top.gif)}
 #eventpic{position:absolute;
 top:70px; 
 width:48%;
 height:587px;
  z-index:5;
  left:1px;
 }
  
 #eventarticle{background-color: #FFFFFF;
 position:absolute;
 left:49%;
 width:51%;
 z-index:4; top:70px;
  }
.leftanounce{position:absolute; left:2px;top:135px; width:95%; background-color:#FFFFCC }
 .anounce{text-align:center; font-size:12px;}

  
  #toppics{position:absolute; width:81%; height:220px; z-index:2; left: 153px; top:97px; background-color: #FFFFFF; }
  #middlepic{position:absolute; width:81%; height:200px; z-index:2; left: 153px; top:320px; background-color: #FFFFFF; }
  #thirdpic{position:absolute; width:82%; height:200px; z-index:2; left: 153px; top:525px; background-color: #FFFFFF; }
   #bottompic{position:absolute; width:82%; height:192px; z-index:2; left: 153px; top:730px; background-color: #FFFFFF; }
  
   
	
	#computertext{position:absolute; width:82%; height:100px; z-index:4; left: 140px; top:420px; background-color: #FFFFFF; }
   #churchtext1 {position:absolute; width:82%; height:100px; z-index:3; left: 155px; top:317px; background-color: #FFFFFF; }
    #churchtext2 {position:absolute; width:82%; height:100px; z-index:5; left: 155px; top:700px; background-color: #FFFFFF; }
	#notices{position:absolute; width:82%; height:100px; z-index:4; left: 155px; top:400px; background-color: #FFFFFF; }
	

 .style1 {font-size: 12px;font-weight: bold;}
 .style4 {font-size: 14px}
.c4 {text-align: center}
 li.c5 {list-style: none} 
.roc{background-color:#FFFFCC;} 
.counter{position:absolute; width:135px; height:20px; z-index:10; left: 1px; top: 320px;}
.tablehead{font-weight:bold; text-align:center}
.tcw{width:41%;} /*table content width first col*/
.tccw{width:32%;} 
.trcw{width:27%}/*table right content width col*/
.ttcw{width:10%}/*table time content width col*/
.valborder{border:0;width:88px;height:31px}
  .tac {text-align: center}
 .valhtml{position:absolute; left:4px;top:300px;}
  .helptext {text-align: center}
  .school {position:absolute; width:82%;  z-index:3; left: 157px; top:280px; background-color: #FFFFFF; }
  .schooldis{position:absolute;width:48%;height:190px;left:50%;top:2px;}
  .churchdis{position:absolute;width:48%;height:190px;left:50%;top:5px;}
 #singlebutton{position:absolute;
  width:138px;
   left:0px;
	top:28px;
	z-index:6;
	height: 25px;}
#singlebutton a{
	font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    margin: 0;
	color: #000;
text-align: center;
background-image:url(buttons/button.gif);
background-repeat: no-repeat;
padding: 2px 3px;
text-decoration: none;}
#singlebutton a:hover {
color: #a00;
background-image:url(buttons/buttonover.gif);}
 #menu {
position:absolute;
	width:100%;
	left:0px;
	top:15px;
	z-index:6;
	height: 25px;}
#menu ul {
list-style: none;
margin: 0;
padding: 0;}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;}
#menu a {
color: #000;
text-align: center;
background-image:url(buttons/button.gif);
background-repeat: no-repeat;
text-decoration: none;}
#menu a:hover {
color: #a00;
background-image:url(buttons/buttonover.gif);}


#menu li {
position: relative;

}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.rbutton{position:absolute;
  width:138px;
   left:0px;
	top:28px;
	z-index:6;
	height: 25px;}
.rbutton a{
	font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    margin: 0;
	color: #000;
text-align: center;
background-image:url(buttons/button.gif);
background-repeat: no-repeat;
padding: 2px 3px;
text-decoration: none;}
.rputton.a:hover {
color: #a00;
background-image:url(buttons/buttonover.gif);}

#copyright{
position:absolute; 
width:130px;
 height:90px;
  z-index:8;
   left:2px;
   top: 275px;
    color: black;
	font-size: x-small; font-weight: bold;
	background-color: #FFFF99;}
	

	
#copyright a:link{
    color:#0000FF; text-decoration:underline;}
#map {position:absolute;
	width:130px;
	left:0px;background-image:url(buttons/button.gif);
	background-repeat: no-repeat;
	text-decoration: none;}
#map a	a:hover {

background-image:url(buttons/buttonover.gif);}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;

padding: 5px 0;
margin: 0;
text-align:center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{

padding: 5px;
margin: 1px;
 ;
text-decoration:none;

}

/*#chromemenu ul li a:hover{
background:url(buttons/buttonover.gif); background-repeat: repeat-x;*/
}

.special{color:#FF0000; font-weight: bold; }
.mceContentBody { background-image: none; background-color: White; color: Black; } /*SnippetMaster editor bg color*/