body{background: url(pics/logo/bg_blue.png) repeat-x top; font:12px tahoma, Arial, sans-serif;}

a.link1:link {text-decoration: none; color: #ff0;}
a.link1:visited {text-decoration: none; color: #ff0;}
a.link1:active {text-decoration: none; color: green;}
a.link1:hover {text-decoration: underline; color: red;}

.link2 A:link {text-decoration: none; color: blue;}
.link2 A:visited {text-decoration: none; color: purple;}
.link2 A:active {text-decoration: underline; color: green;}
.link2 A:hover {text-decoration: underline; color: red;}
.link2{font: 12px tahoma, Arial, sans-serif;}

#wrapper{
position: relative;
margin: 0 auto;
width: 756px;
float: center;
background: url(pics/logo/wrapper_background.png);
}

#banner{
position: relative;
margin: 0 auto;
width: 756px;
float: center;
background: url(pics/logo/top_logo3.png);
background-repeat: no-repeat; 
}

#banner_main{
position: relative;
margin: 0 auto;
width: 756px;
float: center;
background: url(pics/logo/top_logo3.png); 
background-repeat: no-repeat; 
}

#spacer1 {
height:101px;
width:750;
 }

#leftrail{
position:relative; 
float:left;
width:205px;
margin-top:7px;
}

#rightrail{
float:left;
width:551px;
margin-top:-3px;
position:relative;
}

#right_black{
width:521px;
text-align:justify;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#fff;
padding-left:20px;
margin-top:16px;
font-variant: small-caps;
letter-spacing: 1px;

}

#right_content{
position:relative;	
width:520px;
text-align:justify;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
margin:15px 5px 0px 15px;
min-height: 500px;
}

#right_content_blue{
position:relative;	
width:520px;
text-align:justify;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#0c2d83;
margin:15px 5px 0px 15px;
min-height: 500px;
}

#right_content_left_home{
position:relative;	
width:300px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
float:left;
color:#000;
margin:0px 0px 0px 0px;
}

#right_content_right_home{
position:relative;	
width:200px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
float:right;
color:#000;
margin:0 5px 0px 0px;
clear:right;
}

#right_content_wide_home{
position:relative;	
width:520px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
float:left;
color:#000;
margin:0 5px 0 0 0;
}


#right_content_left{
position:absolute;	
width:240px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
float:left;
color:#000;
margin:15px 5px 0px 15px;
}

#right_content_right{
position:relative;	
width:240px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
float:left;
color:#000;
margin:15px 5px 0px 15px;
}

div.sermon_date{
position:relative;
float:left;	
width:250px;
height:18px;
text-align:left;
font: 10px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
padding:8px 0px 0px 8px;
background: url(pics/sermon_title.png);
background-repeat:  repeat-x;
}

div.sermon_by{
position:relative;
float:left;	
width:244px;
height:18px;
text-align:right;
font: 10px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
padding:8px 10px 0px 8px;
background: url(pics/sermon_title.png);
background-repeat:  repeat-x;
}

div.sermon_title{
position:relative;
float:left;	
width:360px;
height:25px;
text-align:left;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000099;
padding:4px 0px 0px 10px;
background-color: #fff;
}

div.sermon_icons{
position:relative;
float:left;
width:132px;
height:25px;
text-align:right;
font: 11px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
padding:3px 10px 1px 8px;
background-color: #fff;
margin-bottom:15px;
}

.float_left_pic
{
float:left;
}

#date{
width:200px;
text-align:center;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#0c2d83;
margin:0;
padding:5px 0 0 0;
}

#date_devotional{           
font: 14px tahoma, Arial, sans-serif;
color:#0c2d83;
font-weight:500;
text-align: center;
margin-top:5px;
} 

#vertical_menu_bg{
position:relative; 
margin-left:10px;
width:180px;
height:125px;
background: url(/pics/logo/vert_menu_bg.png);
}

#headline{           
font: 18px tahoma, Arial, sans-serif;
color:#0c2d83;
font-weight:600;
text-align: center;
margin-top:5px;
} 

.topdemo1{
	width:120px;
	background-color:#ffffcc;
	font-size:12px;
	border: 5px solid #0c2d83 ;
	text-align:center;	
	}
	
.directionsdemo1{
	width:300px;
	background-color:#ffffcc;
	font-size:12px;
	border: 5px solid #0c2d83;
  padding:10px;	
	}	
	
	
.botdemo1{
	background-color:#ffffff;
	width:150px;
	font-size:12px;
	border-width: 3px; 
	border-color: #FFBD32; 
	text-align:center;
	}

 .submit input
{
color: #000;
background: #decb75;
border: 2px outset #d7b9c9
}

#faq h2{
position:relative; 
width:520px;
font: 12px tahoma, Arial, sans-serif;
font-weight: 600;
color:#000;
margin-top:0px;
margin-bottom:0px;
padding:0;
}

#faq{
position:relative; 
width:520px;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
margin-top:0px;
padding:0;
}

#right_content h2{
background: url(/pics/background_main_heading.png); background-repeat: no-repeat;
width:500px;
height:25px;
font: 14px tahoma, Arial, sans-serif;
font-weight: 400;
color:#000;
margin-left: 0px;
padding:3px 0 0 25px;
}


#rightfooter{
position:relative;
float:left;
width:752px;
padding-top:0;
padding-bottom:0;
margin 0;
background-color:#ece1b0;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
text-align: center;
color: #000;
border: 2px solid #000;
clear:both;
} 

#statcounter a:link {text-decoration: none; color: #000;}
#statcounter a:visited {text-decoration: none; color: #000;}
#statcounter a:active {text-decoration: none; color: #000;}
#statcounter a:hover {text-decoration: none; color: #000;}

#statcounter{
position:relative;
float:left;
width:200px;
padding-top:5px;
padding-bottom:5px;
background-color:#ece1b0;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
text-align: center;
color: #000;
} 

#footeraddress{
position:relative;
float:left;
width:550px;
padding-top:5px;
padding-bottom:5px;
background-color:#ece1b0;
font: 12px tahoma, Arial, sans-serif;
font-weight: 400;
text-align: center;
color: #000;
} 

#firefox_hack {
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0; 
}

#holderdiv {width: 196px;
float:right;
margin-left:1px;
margin-top:8px;
border-right:0;
}
 
#holderdiv div {
  margin: 15px 5px 0px 0px;
  color: #000;
  background-color: #f6f6f6; /*background of the text box gray is f6f6f6*/ 
  border: 1px solid #bed4fe;/*border color #a8c4ee*/ 
  font-family:tahoma;
  text-align:justify;
  }
 
#holderdiv h2 {
  margin: 0;
  background-color: #0c2d83; /*background of the header of the box.*/
  background: url(menu_bg_normal.png);  background-repeat:  repeat-x;
  color: #fff;
  font-size: 12px;
  font-weight:normal;
  font-variant: small-caps;
  padding: 1px 0 3px 0;
  text-align: center;
}
 
#holderdiv p {
  margin: 5px 0; /* Only vertical margins on the p */
  padding: 0 5px; /* Also side padding */
  font-size: 11px;
}
 
#holderdiv .p-divider {
  border-top: 1px solid #bed4fe;
  padding-top: 5px; /* This one gets top padding */
} 
 
#googlesearch p {	
  width:181px;
  margin: 0px; /* Only vertical margins on the p */
  padding: 3px; /* Also side padding */
  font-size: 9px;
  text-align:left;
  background: url(_google_bg.png);  background-repeat:  repeat-x;
}

#googlesearch h2 {	
  width:190px;
  margin: 0px; /* Only vertical margins on the p */
  padding: 0 0px; /* Also side padding */
  font-size: 12px;
  text-align: center;
}

#picture_kevin
	{text-decoration: none;
	font: normal 12px Tahoma;
	position: relative;
	width:254;
	float:right;
	valign:top;
	margin: 0 0 40px 10px;
}

#fade_dream
{text-decoration: none;
	position: relative;
	width:325;
	float:right;
	valign:top;
	margin:0 0 0 8px;
}

#logo_picture
{text-decoration: none;
	position: relative;
	width:254;
	float:right;
	valign:top;
	margin: 0 0 40px 10px;
}

p.verse{
border-width: 1px;
border-color: #000000;
border-style: solid;
padding:8px;
font-style:italic;
}

p.purpose{
background-color:#cfb53a;
font-variant:small-caps;
font-weight:600;
font-style:italic;
color:#0c2d83;
font-size:15px;
padding:10px;
}
  
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; 
margin:0 0 0 12px; /* settings for this demo only */
padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; background:#ffffff; padding: 5px 14px;font-size:1em; font-family: tahoma;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(menu_bg_normal.png); background-repeat:  repeat-x;}
#menu dt {background: #ffffff; margin:0; font-size: 1em; font-family: tahoma; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; font-family: tahoma; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#000; padding: 5px 14px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background-color:#f6f6f6; color:#000; text-decoration:none; display:block; padding: 3px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:1px solid #e2dfa8;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: url(menu_bg_normal.png);  background-repeat:  repeat-x; color:#fff;}




#fadeinbox{     /*sticky note box*/
position:absolute;
width: 375px;
left: 0;
top: -400px;
font: normal 20px Tahoma;
border: 2px solid #000;
background-color: #33ff00;
padding: 4px;
z-index: 100;
visibility:hidden;
color: #000;
}

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

#menudiv
{
	margin:60px 0 0 10px;
}

.glossymenu{
list-style-type: none;
margin: 0px 0 0 0;
padding: 0;
width: 185px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(pics/glossyback.gif) repeat-x bottom left;
font: 13px "arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-variant: small-caps;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 175px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(pics/glossyback2.gif);
}

#formdiv{
float:left;
width:194px;
margin:20px 0 0 8px;
padding:0;	
}

input{border: none}