/*-------------------------------------------    
    Body Declaration
-------------------------------------------*/	
body {
	text-align: center;
	background: #612FAA url(./images/common/back-gradient.jpg)  no-repeat left top;
	min-width: 760px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 100.5%;
	color: #333;
	}
			
/*-------------------------------------------    
    Search Bar
-------------------------------------------*/                
#searchBar {
       background: transparent;
       width: 760px;
       margin: 0 auto;
       margin-top: 10px;
       text-align: right;
       color: #612FAA;
       font-size: 80%;
       }

#searchBar a:link {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
        font-size: 75%;
	}

#searchBar a:visited {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
        font-size: 75%;
	}
		
#searchBar a:hover {
	color: #612FAA;
	text-decoration: underline;
        font-weight: normal;
        font-size: 75%;
	}

#searchBar a:active {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
        font-size: 75%;
	}

/*-------------------------------------------    
   Wrapper
-------------------------------------------*/              
#wrapper {
	background: #fff url(./images/common/wrap_bkgr.gif) repeat-y left top;
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}

/*-------------------------------------------    
   Header 
-------------------------------------------*/  		
#branding {
padding: 0;
margin: 0;
background: #612FAA;
}

/*-------------------------------------------    
   Main Navigation
 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:40px; width: 760px; background: url(http://www.pontiacbible.org/images/common/NavBg.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:0px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; background:transparent; color:#D8CAE9; text-decoration:none; font-size:85%; font-weight:bold; padding:0 10px 0 10px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#612FAA;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#FFCC66; background:#612FAA;}
#menu li:hover > a.sub {color:#FFCC66; background-color:#612FAA;}

#menu li.current a {color:#fff; background:#612FAA;}

#menu li a.sub {background: transparent;}
#menu li.current a.sub {color:#FFCC66; background:#612FAA;}

#menu :hover ul {left:0; top:40px; width:120px; background:#612FAA;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:120px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #D8CAE9;}
#menu :hover ul li a {width:160px; padding:0; text-indent:10px; background:#612FAA; color:#D8CAE9; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#612FAA;}

#menu :hover ul :hover {background-color:#612FAA; color:#FFCC66;}
#menu :hover ul :hover a.fly {background-color:#612FAA; color:#FFCC66;}

#menu :hover ul li.currentsub a {background:#612FAA; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#612FAA url(.images/common/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#612FAA; color:#fff;}
#menu :hover ul :hover ul :hover {background-color:#612FAA; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#612FAA; color:#fff;}



/*-------------------------------------------    
   SideBar (left hand column)
-------------------------------------------*/  		
#sideBar {
        width: 240px;
	float: left;
	background: transparent;
        margin-bottom: 20px;
	}

		#sideBar p {
                        font-size: 80%;
			line-height: 1.3;
			padding-left: 20px;
			padding-right: 20px;
                        list-style-type: none;
		}
		
		#sideBar h1 {
                        padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
                        line-height: 1.5;
                        font-weight: bold; 
                        font-size: 110%;
                        color: #612FAA;
		}
		
		#sideBar h2 {
                        padding: 0;
                        padding-top: 10px;
                        padding-left: 20px;
			padding-right: 20px;
                        line-height: 1.3;
                        font-weight: bold; 
                        font-size: 100%;
                        color: #612FAA;
		}

#sideBar h3 {
                        padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
                        margin-bottom: -5px;
                        line-height: 1.3;
                        font-weight: bold; 
                        font-size: 95%;
                        color: #612FAA;
		}

#sideBar ul  {
                    margin: 0;
                    padding: 0;
                    padding-left: 40px;
                    list-style-type: none;
                    font-weight: bold; 
                    font-size: 95%;
                    color: #612FAA;
                 }

#sideBar ul li {
	position: relative;
	float: left;
        padding-top: 5px;
        padding-bottom: 5px;
	width: 200px;
	background: transparent;
}

#sideBar ul li a {
	display: inline;
	text-decoration: none;
	color: #612FAA;
	padding: 0;
	border: none;
	text-align: left;
	}

#sideBar li:hover a {
   color: #E46D17;
   background: transparent;
}

#sideBar a:link {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}

		#sideBar a:visited {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}
		
		#sideBar a:hover {
			color: #E46D17;
			text-decoration: none;
                        font-weight: bold;
		}

		#sideBar a:active {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}


/*-------------------------------------------    
   Blog Links (within sidebar)
-------------------------------------------*/  		
#blogLinks {
	background: transparent;
	}

#blogLinks p {
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
        font-size: 80%;
	line-height: 1.2;
	padding-left: 20px;
	padding-right: 20px;
}

#blogLinks h2 {
        margin: 0;
        padding-left: 20px;
	padding-right: 20px;
        font-weight: bold; 
        font-size: 100%;
        color: #612FAA;
}

#blogLinks a:link {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
}

#blogLinks a:visited {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
}
		
#blogLinks a:hover {
	color: #E46D17;
	text-decoration: none;
        font-weight: normal;
}

#blogLinks a:active {
	color: #612FAA;
	text-decoration: none;
	font-weight: normal;
}

/*-----------------------------------------------------------    
   Flash Ad Space
------------------------------------------------------------*/
#flashcontent {
		width: 482px;
		height: 187px;
		float: left;
                margin-top: 20px;
	}

/*-----------------------------------------------------------    
   Flickr Photos Space
------------------------------------------------------------*/
#flickrContent {
		width: 482px;
		height: 387px;
		float: left;
                margin-top: 20px;
	}


/*-----------------------------------------------------------    
   Amazon Ads (book links on blog pages)
------------------------------------------------------------*/
#amazon {
margin: 20px;
}
		
/*-------------------------------------------    
   Content (main column)
-------------------------------------------*/ 

#content {
			width: 500px;
			float: right;
			background: transparent;
                        margin-bottom: 20px;
		}	

                #content p {
			padding-right: 20px;
			font-size: 85%;
			line-height: 1.2;
		}

                #content h1 {
                        margin: 0;
			padding-top: 20px;  
                        padding-bottom: 10px;
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 140%;
                        color: #612FAA;
                        margin-bottom: -10px;
		}
		
		#content h2 {
			margin: 0;
                        padding: 0;
                        margin-bottom: -10px;
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 100%;
                        line-height: 1.3;
                        color: #E46D17;
		}

#content h3 {
			margin: 0;
                        padding-top: 20px;
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 90%;
                        color: #E46D17;
		}

#content h4 {
                        margin: 0;
			padding-top: 10px;  
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 120%;
                        color: #612FAA;
		}

#content h5 {
                        margin: 0;
                        padding: 0;
                        margin-top: 20px;
                        margin-bottom: -80px;
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 110%;
                        line-height: 1.3;
                        color: #612FAA;
		}

#content h6 {
                        margin: 0;
			padding-top: 20px;  
                        padding-bottom: 10px;
                        padding-right: 20px;
                        font-weight: bold; 
                        font-size: 140%;
                        color: #612FAA;
		}

#content img {
               float: left;
               margin-top: 10px;
               margin-bottom: 10px;
}

#content ul  {
     margin-top: -5px;
     margin-bottom: -5px;
     padding-left: 15px;
     padding-right: 20px;
     list-style-type: bullet;
     font-size: 85%;
     line-height: 1.2;
     }

#content ul li {
	background: transparent;
}

#content ul li a {
	display: inline;
	text-decoration: none;
	color: #000;
	padding: 5px;
	border: none;
	text-align: left;
	}

#content li:hover a {
   color: #E46D17;
   background: transparent;
}



#content a:link {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}

		#content a:visited {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}
		
		#content a:hover {
			color: #E46D17;
			text-decoration: none;
                        font-weight: bold;
		}

		#content a:active {
			color: #612FAA;
			text-decoration: none;
			font-weight: bold;
		}

.post {
margin-right: 20px;
padding-bottom: 20px;
font-weight: normal; 
font-size: 80%;
color: #666;
border-bottom: 3px solid #C1B0DD;
line-height: 1.2;
}


/*-------------------------------------------    
   Content sub-column left
-------------------------------------------*/ 

#leftContent {
			width: 240px;
			float: left;
                        margin-top: 10px;
		}

#leftContent p {
			margin: 0;
                        padding: 0;
                        padding-top: 3px;
                        font-size: 80%;
			line-height: 1.3;
                        color: #333;
		}

#leftContent h1 {
			padding-bottom: 15px;
                        font-weight: bold; 
                        font-size: 110%;
                        color: #612FAA;
		}

#leftContent h2 {
			background: #fff url(./images/home/sermon-back.jpg)  no-repeat left top;
                        padding-top: 15px;
                        padding-bottom: 20px;
                        padding-left: 100px;
                        margin-top: 3px;
                        font-weight: bold; 
                        font-size: 140%;
                        color: #612FAA;
		}

#leftContent h3 {
			background: #fff url(./images/home/bbill-back.jpg)  no-repeat left top;
                        padding-top: 15px;
                        padding-bottom: 15px;
                        padding-left: 80px;
                        margin-top: 10px;
                        font-weight: bold; 
                        font-size: 140%;
                        color: #612FAA;
		}

#leftContent h4 {
			background: #fff url(./images/home/jeffw-back.jpg)  no-repeat left top;
                        padding-top: 5px;
                        padding-bottom: 50px;
                        padding-left: 185px;
                        margin-top: 10px;
                        font-weight: bold; 
                        font-size: 1%;
                        color: #826589;
		}

#leftContent h5 {
                        font-weight: bold; 
                        font-size: 120%;
                        color: #612FAA;
                        margin: 0;
                        padding: 0;
		}

#leftContent a:link {
			color: #333;
			text-decoration: none;
			font-weight: normal;
		}

#leftContent a:visited {
			color: #333;
			text-decoration: none;
			font-weight: normal;
		}
		
#leftContent a:hover {
			color: #E46D17;
			text-decoration: none;
                        font-weight: normal;
		}

#leftContent a:active {
			color: #333;
			text-decoration: none;
			font-weight: normal;
		}

/*-------------------------------------------    
   Content sub-column right
-------------------------------------------*/ 

#rightContent {
			width: 240px;
			float: right;
		}

#rightContent p {
                        padding-right: 20px;
			font-size: 80%;
			line-height: 1.3;
                        color: #333;
		}

#rightContent h1 {
                        padding-right: 20px;
			padding-bottom: 2px;
                        margin-top: -10px;
                        font-weight: bold; 
                        font-size: 110%;
                        color: #612FAA;
		}

#rightContent a:link {
			color: #612FAA;
			text-decoration: none;
			font-weight: normal;
		}

#rightContent a:visited {
			color: #612FAA;
			text-decoration: none;
			font-weight: normal;
		}
		
#rightContent a:hover {
			color: #E46D17;
			text-decoration: none;
                        font-weight: normal;
		}

#rightContent a:active {
			color: #612FAA;
			text-decoration: none;
			font-weight: normal;
		}

#rightContent img {
               float: left;
               margin-top: 20px;
}

/*-------------------------------------------    
   Sermon Index Page Content 
-------------------------------------------*/ 
                #sermon-index-content {
                        width: 500px;
			float: right;
			background: transparent;
                        margin-top: 17px;
		}	

                #sermon-index-content p {
			width: 480px;
			line-height: 1.3;
                        padding-bottom: 5px;
                        border-bottom: 1px solid #612FAA;
                        font-weight: normal; 
                        font-size: 85%;
		}

                #sermon-index-content h1 {
                        width: 480px;
			padding-bottom: 5px;
                        font-weight: bold; 
                        font-size: 130%;
                        background-color: #fff;
                        color: #612FAA;
                        border-bottom: 4px solid #E46D17;
		}

                #sermon-index-content h2 {
                        font-weight: bold; 
                        font-size: 96%;
                        color: #612FAA;
                        margin-top: 0px;
                        margin-bottom: -5px;
		}

#sermon-index-content a:link {
	color: #612FAA;
	text-decoration: none;
	font-weight: bold;
	}

#sermon-index-content a:visited {
	color: #612FAA;
	text-decoration: none;
	font-weight: bold;
	}
		
#sermon-index-content a:hover {
	color: #E46D17;
	text-decoration: none;
        font-weight: bold;
	}

#sermon-index-content a:active {
	color: #612FAA;
	text-decoration: none;
	font-weight: bold;
	}

/*-------------------------------------------    
    Sermon Date formatting
-------------------------------------------*/

.sermonDate {
font-size: 90%
}

/*-------------------------------------------    
    FaceBook Like Button Frame
-------------------------------------------*/

#fbLike {
	width: 400px;
	background-color: #fff;
	padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
}

/*-------------------------------------------    
    Footer
-------------------------------------------*/

		#footer {
			clear: both;
			width: 760px;
			background-color: #612FAA;
			padding-top: 10px;
                        text-align: center;
		}
		
		#footer p {
			font-weight: normal;
			font-size: 80%;
			line-height: 1.3;
			color: #EAE8FF;
		}
		
		#footer a:link {
			color: #EAE8FF;
			text-decoration: none;
			font-weight: bold;
		}

		#footer a:visited {
			color: #EAE8FF;
			text-decoration: none;
			font-weight: bold;
		}
		
		#footer a:hover {
			color: #EAE8FF;
			text-decoration: underline;
			font-weight: bold;
		}

		#footer a:active {
			color: #EAE8FF;
			text-decoration: none;
			font-weight: bold;
		}

		#reftagCP {
			padding-top: 20px;
                        padding-left: 20px;
		}
		
		.small {
			font-weight: normal;
			font-size: 9px;
			color: #EAE8FF;
		}

.month {
	color: #FFFFFF;
	font-weight: bold;
}