/* top elements */
* { margin: 0; padding: 0; outline: 0; }

body {
	background: #caced1;
	font: 80%/1.2em Arial, Tahoma, arial, sans-serif;
	color: #000000;
	text-align: center;
	margin: 15px 0 0 15px;
}

.red {
color:#fe020b;
font: 90%/1.5em Arial, Tahoma, arial, sans-serif;
}


body2 {
	font: 70%/1.5em Arial, Tahoma, arial, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 15px 0 0 15px;
}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
    color: #000000;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
    color: #692d91;
}
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

/* headers */
h1, h2, h3 { font-family: Arial, Tahoma, arial, Sans-serif;  }
h1 {
	font-size: 180%/1.5em;	
	font-weight: normal;	
	color: #692d91;
}
h2 {
	font-size: 160%/1.5em;
	font-weight: bold;
	color: #692d91;
	font-weight: normal;
}
h3 {
	font-size: 140%;
	font-weight: bold;
	color: #692d91;
}
h4 {
    font-size:100%;
	color: #662c90;
	font-weight: bold;
	margin: 0 0 0 15px;

}
	

/* images */
img {
	background: #ffffff;
    border: 0px ;
	padding: 1px;
}
img.float-right { margin: 5px 0px 10px 10px;  }
img.float-left { margin: 5px 10px 10px 0px; }


h1, h2, h3, p {
	margin: 10px 15px;
	padding: 0;
}
ul, ol {
	margin: 5px 15px;
	padding: 0 25px;
}



/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 790px;
	background: #CCC url(content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 760px;	
	margin: 5px auto;
	padding: 0; 	
}
#header {
	/*position: relative;*/
	height: 131px;
	background: #caced1 url(header.jpg) no-repeat center top;
	padding: 0;	
	color: #000000;	
	
	
}
	


/* header links */
#header #header-links {
	/*position: absolute;*/
	color: #662c90;
	font: bold 14px Verdana, Tahoma, arial, Sans-serif;
	/*top: 20px; right: 20px;*/	
}
#header #header-links a {	
	color: #662c90;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #9f9f91;	
}


#header #header-address {
	position: static;
	color: #818286;
	font: 100%/1.5em Arial, Tahoma, arial, sans-serif;
	top: 32px;
	left: 500px;
	width: 278px;
	padding: 40px 0 0 500px;
	
}
.important {
color:#692d91;
font-weight: bold;
}

/* navigation */
/* Nav */

.preload1 {background: url(three_1.jpg);}
.preload2 {background: url(three_1a.jpg);}

#nav {
   padding:0;
   margin:0;
   left: 350px ;
   top: 20px; 
   list-style:none; 
   height:40px;
   width: 278px;
  /* background:#fff url(three_0.jpg) repeat-x;  */
   position:relative;
  /* z-index:500;  */
   font-family:arial, verdana, sans-serif;
}

#nav li.top {display:block; float:left; height:40px;}
#nav li a.top_link {display:block; float:left; height:40px; line-height:45px; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.jpg);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px; background: url(three_0.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background: url(three_0a.jpg) no-repeat right top;}

#nav li:hover a.top_link {color:#61298a; background: url(three_1.jpg) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.jpg) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.jpg) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #ffffff url(three_5.jpg) repeat-y; padding:3px; border:1px solid #000000; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:185px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:0px solid #61298a;}
#nav li ul.sub li a.fly
{background:#61298a url(three_5.jpg) repeat-y 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#61298a; color:#fff; border-color:#fff;}



#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:120px; top:-4px; background: #ffffff; padding:3px; border:1px solid #000000; white-space:nowrap; width:195px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:195; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}




/* The following code just puts our navigation on an example page; it's not necessarily related to the tutorial */

html { text-align:center }
body { text-align:center; width:740px; margin:0 auto; background:#caced1 }

ul#nav {
	position:static;
	top: 130px;
	left: 220px;
	width: 780px;
	padding: 0 0 0 25px;
	
}





/* Main Column */
#main {
	float: left;
	width: 545px;	
	margin: 0; padding: 20px 0 0 0;
	display: inline;  	
}

#mainimage {
    position: absolute;
	padding: 0; margin: 5px 0 10px 0px;
}

#main h2 {
	font: normal 140% arial, Tahoma, arial, Sans-serif;
	padding: 0; 	
	margin-bottom: 0;		
	color: #ffffff;
}
#main h2 a {
	color: #2666c3;
	text-decoration: none;	
}

#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
#main blockquote, #main table, #main form {
	margin-left: 20px;
	margin-right: 25px;
}

.p2 {
    font: arial;
	color: ffffff;
	}

#main ul li {
	list-style-image: url(bullet.gif); 
}
#main mailto {
   color: #000000
} 
#flashcontent {
    background: #ffffff; 
    float: right;
	width: 200px;
	padding: 0; margin: 10px 10px 10px 10px;	
	color: #000000;	
}



#contentbox {
	background-image: url(headerbox.jpg);
	
	width: 520px;
	height: 145px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 2px;
	/*padding: 5px 5px 5px 6px;*/
	padding: 0px 5px 10px 5px;
	text-align: left;
	
}
.contentboxtext {
    	height: auto;
    	width: 500px;
	padding: 15px 20px 5px 15px;
}


#box1 {
	background-image: url(feature1.jpg);
	background-repeat:no-repeat;
	width: 522px;
	height: 99px;
	float: left;
	display: inline;
	z-index: 400;
	margin: 30px 0 30px 0;
	padding: 10px 5px 10px -5px;
	text-align: left;
	
}

.boxtext {
    height: auto;
    width: 500px;
	padding: 15px 20px 5px 13px;

}

.box1text {
    height: auto;
    width: 240px;
	padding: 0px 10px 20px 20px;

}


#box1image {
        position:absolute;
	top: 200px;
	left: 240px;
}

#box2 {
	background-image: url(feature2.jpg);
	background-repeat:no-repeat;
	position: centre top;
	width: 522px;
	height: 99px;
	float: left;
	display: inline;
	z-index: 200;
	margin: 30px 0 30px 0;
	/*padding: 5px 5px 5px 5px;*/
	padding: 10px 5px 10px -5px;
	text-align: left;
	
}
.box2text {
    height: auto;
   width: 280px;
	padding: 0px 10px 15px 15px;

}

#box2image {
    
	position:absolute;
	top: 515px;
	left: 570px;
		
	}

#box3 {
	background-image: url(feature3.jpg);
	background-repeat:no-repeat;
	position: centre top;
	width: 522px;
	height: 99px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 30px 0 30px 0;
	/*padding: 5px 5px 5px 5px;*/
	padding: 10px 5px 10px -5px;
	text-align: left;
	
}
.box3text {
    height: auto;
    width: 320px;
	padding: 0px 10px 15px 0px;

}

#box3image {
    
	position:absolute;
	top: 670px;
	left: 590px;
	
	
	}
/*


#contentbox {
	background-image: url(headerbox.jpg);
	position: centre top;
	width: 520px;
	height: 145px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 8px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
}
.contentboxtext {
    position: relative;
    height: auto;
    width: auto;
}







#box1 {
	background-image: url(feature1new.jpg) ;
	position: centre top;
	width: 522px;
	height: 110px;
	float: left;
	display: inline;
	z-index: 400;
	margin: 0px 0px 0px 8px;
	padding: 50px 5px 5px 5px;
	text-align: left;
	
}
.box1text {
    height: auto;
    width: 300px;


}




#box2 {
	background-image: url(feature2new.jpg);
	position: centre top;
	width: 522px;
	height: 110px;
	float: left;
	display: inline;
	z-index: 200;
	margin:  0px 0px 0px 8px;
	padding: 50px 5px 5px 5px;
	text-align: left;
	
}
.box2 text {
    position: relative;
    height: auto;
    width: auto;
    

}



#box3 {
	background-image: url(feature3new.jpg);
	position: centre top;
	width: 522px;
	height: 110px;
	float: left;
	display: inline;
	z-index: 5;
	margin:  0px 0px 0px 8px;
	padding: 50px 5px 5px 5px;
	text-align: left;
	
}
.box3text {
    position: relative;
    height: auto;
    width: auto;
    

}
*/


label
{
width: 15em;
float: left;
text-align: right;
margin-right: 1em;
display: block
}

.submit input
{
margin-left: 19em;
}

#main img {
	padding: 5px 5px 5px 5px;	

}


/* Sidebar */	
#sidebar {
    float: left;
	width: 215px;
	color: #000000;	
	
}	


#sidebar image {
    background: url(box.jpg) no-repeat right top;
	float: right;
	padding: 10px;
}

#sidebar h2 {
	margin: 10px 20px 10px 10px;
	padding: 8px; 
	font: bold 1.4em Verdana, Tahoma, arial, Sans-serif;
	color: white;	
}
#sidebar h3 {
	margin: 10px 00px 10px 10px;
	padding: 8px;
	font: bold 1.4em Verdana, Tahoma, arial, Sans-serif;
	color: #662c90;	
}
#sidebar p {
	margin-left: 15px;
}

#sidebox1a {
	background-image: url(sidebox1a.jpg);
	position: centre top;
	width: 185px;
	height: 140px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 8px;
	padding: 5px;
	text-align: left;
	
}
.sidebox1text {
    text-color: #FFFFFF;
    position: relative;
    height: auto;
    width: auto;
}

#sidebox1b {
	background-image: url(sidebox1b.jpg);
	position: centre top;
	width: 185px;
	height: 140px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 8px;
	padding: 5px;
	text-align: left;
	
}
.sidebox1text {
    text-color: #FFFFFF;
    position: relative;
    height: auto;
    width: auto;

}#sidebox1c {
	background-image: url(sidebox1c.jpg);
	position: centre top;
	width: 185px;
	height: 140px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 8px;
	padding: 5px;
	text-align: left;
	
}
.sidebox1text {
    text-color: #FFFFFF;
    position: relative;
    height: auto;
    width: auto;
}

#prayerdiary {
	background-image: url(prayerdiary.jpg);
	position: centre top;
	width: 183px;
	height: 230px;
	float: left;
	display: inline;
	z-index: 5;
	margin: 8px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
}
.box1a text {
    position: relative;
	padding: 20px 5px 5px 5px;
    color:#ffffff;
	height: auto;
    width: auto;
    

}

#flashcontent {
    background: #ffffff; 
    float: left;
	width: 150px;
	padding: 0; margin: 10px 10px 10px 10px;	
	color: #000000;	
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 0; padding: 0;
	text-decoration: none;	
	border-top: 1px solid #A9D4EF;	
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #D2E8F7; 
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #1773BC;				
}
#sidebar ul.sidemenu li a:hover {	
	color: #333;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* Footer */	
#footer {
	color: #ffffff;
	background: #caced1 url(footer2.jpg) no-repeat center top;
	clear: both;
	width: 790px;
	height: 57px;
	text-align: center;	
	font-size: 80%;	
}
#footer p { 
	padding: 10px 0;
	margin: 0;
}
#footer a { 
	color: #fff;
	text-decoration: none; 
}

#hosting {
    font-size: 80%;	
	font-weight: normal;	
	color: #000000;
}

/* post footer */
.post-footer {
	background: #F4F8FD;
	padding: 5px; margin: 20px 25px 0 25px;
	border: 1px solid #E5F0FB; 
	font-size: 95%;	
}
.post-footer .date {	padding-left: 0px; margin: 0 5px; }
.post-footer .comments { padding-left: 0px; margin: 0 5px; }
.post-footer .readmore { padding-left: 0px; margin: 0 5px; }

.post-by { font-size: .95em;	margin-top: 0;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }



/* Admin sidebar */
#AdminSide {
   padding: 22px 0 0 15px;
    
}

/* Other News sidebar */
#NewsSide {
   padding: 0 0 0 15px;
    
}

#Calendar {
    padding:0 0 0 20px;
}

#maptable {
    width: 492px;
     
}

#maptable img {
	background: #ffffff;
    border: 0px ;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#maptable area {
	background: #ffffff;
    border: 0px ;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#maptable map {
	background: #ffffff;
    border: 0px ;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.gridimage {
    float: left;
    padding:0 10px 0 0;

}

.questionMark {
	position:relative;
	height:20px;
	width:20px;
	background:url(questionMark.gif) top left no-repeat;
 	float:left;
}
.toolTip {
	position:absolute;
	left:26px;
	top:0;
	display:none;
	width:250px;
	padding:5px;
	border:1px solid #ffffff;
	background-color:#eeeeee;
	font:10px/12px Arial, Helvetica, sans-serif;
}