/*
	Helios Calendar - Professional Event Management System
	Copyright © 2004-2008 Refresh Web Development [www.RefreshMy.com]
	
	Developed By: Chris Carlevato <support@refreshmy.com>
	
	For the most recent version, visit the Helios Calendar website:
	[www.HeliosCalendar.com]
	
	This file is part of Helios Calendar, usage governed by 
	the Helios Calendar EUL found at www.HeliosCalendar.com/license.pdf
*/

/* ----------------------------------------------------- Glory of God Styles -------------------------------------------------- */
#wrapper { 
	width:770px; 
	margin: auto auto auto auto; 
 }
blockquote {
       padding:0 30px 0 20px;
}

.interiorTanBox { 
	margin:0;  
	width:770px; 
    background-color:#D6BC88;
    padding:0; 
	}

/* -----------------------------------------------------Helios Default Template Classes
	You can edit this file however you'd like for your template,
	or create a new one and delete it--------------------------------------------------*/


/*	Replicated Default Classes
	Override Helios Default Styles
	*/
#menu ul{display:block;list-style-type:none;margin:0;padding-left: 0px;text-align: left;}
#menu ul li{display:block;float:left;border-left:3px solid #AEAEAE;}
#menu ul li:hover{border-left:3px solid #3D3F3E;}
a.eventMenu{text-decoration:none;font-weight:bold;font-size:12px;color: #A7481F;padding-left:3px;padding-right:7px;}
a.eventMenu:hover{text-decoration:none;font-size:12px;background-color:#EEE;color:#50090D;padding-left:3px;padding-right:7px;}
.login{text-align:left; padding-left:10px; font-weight:bold;}
.login a {color:#C45424;}
.login a:hover {color:#fff;}
.rssLinksAll, .rssLinksNew, .rssLinksBillboard, .rssLinksPopular, .iCalLinksSubscribe {
	padding:0 0 0 10px; 
}
.controlPanel {
	margin:0 0 0 10px;
	padding:0;
}
.rssLinksAll {
	margin-top:10px; 
}
/*	End Replicated Classes	*/

html, body {
	margin: 0;
	padding: 0;        
	background:url(/images/interface/header-bg.jpg) top repeat-x;
    background-color: #3F5252;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:86%;
	color: #000;
}
#container {
	margin: auto auto auto auto ; 
	width: 770px; 
	padding: 0;
	border: 0 solid #CCCCCC;
	background-color: #FFFFFF;
	color: #000000;
	}
#content {
	float: left; 
	text-align: left; 
	padding: 5px;
	width: 73%;
	min-height:700px;
    background-color:#fff;
	}
#controls {
	float: left;
	padding: 0px 10px 5px 10px;
	width: 23%; 
    background-color:#D6BC88;
	}
#categories {
	float:left;
	width:20%;
	}
#core {
	float:left;
	width:70%;}
#language {
	text-align: left;
	padding: 10px 0 15px 0;
	}
#billboard,
#popular {
	text-align: left;
	padding: 0 0 10px 0;
	}
#rssLinks {
	width: 730px; 
	padding: 0;
	margin: auto auto auto auto ; 
	
	}
#copyright {
	clear: both; 
	color:#C45424;
	background: #3F5252;
	text-align: center;
	padding: 5px 0px 5px 0px;
	line-height: 17px;
	}
a.copyright,
a.copyrightR {
	text-decoration: none;
	color:#C45424;
	background: #3F5252;
	}
a.copyright:hover {
	text-decoration: underline;
	color: #fff;
	background: #3F5252;
	}
a.copyrightR:hover {
	text-decoration: underline;
	color: #fff;
	background: #3F5252;
	}
.listHeader {
	font-family:Garamond, Georgia, serif;
	font-size: 17px;
	font-weight: bold;color: #4396CA;
	}
.setupText{
	font-family: Verdana, sans-serif;
	font-size: 11px;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    padding: 1px; 
    color: #333; 
	vertical-align: center;
	}
#twitter_div{border: solid 1px #CCCCCC;}
.twitter-title{font-size:11px;padding-left:5px;}
#twitter_update_list{padding:0px;list-style:none;}
#twitter_update_list li{padding:5px 5px 5px 5px;}



/* ----------------------------------------------------Blory Header Styles -------------------------------------------------- */

#top { 
	width:770px;
	background: url(/images/interface/footer-bg.jpg) repeat-x;  
    height:24px;
	padding:3px 0 0 0; 
    margin:0;

}
#top h4 {
      background: none; 
      text-align:left;
       display:inline;
       font-size: 18px;
       color: #D6BC88;
       font-weight: bold;
       font-family: "Times New Roman" serif;
       letter-spacing:.14em;
       margin: 0;
       padding: 0 0 0 20px;
}
#topLinks { 
	float:right;
	position:relative;
	padding:4px 10px 1px 15px; 
	font-size: .9em;
}

#topLinks a { 
	background: url(/images/interface/arrow.gif) center left no-repeat; 
	padding:0 10px 1px 15px; 
	text-decoration:none;
}
#header { 
	width:770px; 
	height:89px; 
        border-bottom: 2px dashed  #3F5252;
        margin:0;
        padding:0;
        clear:both;

}
	#header #logo {
		float:left;
		}

/* -------------------------------------------------------------------MAIN NAVIGATION STYLE-------------------------------------- */

#navBar { 
	color:#fff;
	width:770px;
	height:40px; 
	background:#3F5252;
	filter: alpha(opacity=80); 
	-moz-opacity:.80;
	opacity:.80; 
	border-bottom: 1px solid #3F5252;
	display:block; 
	} 


div.transOFF {
	font-weight: bold;
	color: #fff;
	width:110px;
	height:40px;
	text-align:center;
	padding: 15px 0 0 0;
	float:left;
	position:relative;
	display:block;
	}
	
	div.transOFF a { 
		color: #fff; 
		text-decoration:none; 
		height:40px; 
		}
		
div.transON, .current {
	font-weight: bold;
	width:110px;
	color: #000;
	background: #fff;
	opacity:.40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;
	text-align:center;
	padding: 15px 0 158px 0;
	float:left;
	position:relative;
	display:block;
	}
	
	div.transON a, div.transON a:hover, .current, .current:hover  { 
		color: #000; 
		text-decoration:none; 
		}


/* --------------------------------------GLORY BANNER IMAGE STYLES-------------------------------------- */

#bannerHome { background:url(/images/interface/banner1.jpg) no-repeat; width:770px; height:190px; clear:both;}

#banner {
	width:770px; 
	height:190px; 
	clear:both;
	}

body#home #banner { background:url(/images/interface/banner1.jpg) no-repeat; }
body#weblog #banner { background:url(/images/interface/banner22.jpg) no-repeat; }
body#ministries #banner { background:url(/images/interface/banner8.jpg) no-repeat; }	
body#worship #banner { background:url(/images/interface/banner3.jpg) no-repeat; }	
body#beliefs #banner { background:url(/images/interface/banner4.jpg) no-repeat; }
body#events #banner { background:url(/images/interface/banner5.jpg) no-repeat; }	
body#photos #banner { background:url(/images/interface/banner13.jpg) no-repeat; }
body#audio #banner { background:url(/images/interface/banner2.jpg) no-repeat; }
body#contact #banner { background:url(/images/interface/banner6.jpg) no-repeat; }
body#subscribe #banner { background:url(/images/interface/banner20.jpg) no-repeat; }	
body#sitemap_hdr #banner { background:url(/images/interface/banner10.jpg) no-repeat; }
body#staff #banner { background:url(/images/interface/banner11.jpg) no-repeat; }
body#login #banner { background:url(/images/interface/banner10.jpg) no-repeat; }
body#members #banner { background:url(/images/interface/banner14.jpg) no-repeat; }

/* --------------------------------------GLORY CONTENT STYLES-------------------------------------- */

a { 
    color:#C45424; 
    text-decoration:underline 
}
a:hover  { 
   color: #fff
} 

h4 { 
	color:#EB642A; 
	font-size:1em; 
	font-weight:bold; 
	background: url(/images/interface/arrow.gif) center left no-repeat; 
	padding: 0px 0px 1px 15px; 
	}

.redBglink { background:transparent; padding:3px 5px; text-decoration:none; font-size:.9em; font-weight:bold; }
.redBg { background:transparent; padding:10px }

a:hover.redBglink {color:#000}
a:hover:visited.redBglink {color:#000}


.left { 
	float:left; 
	position:relative; 
	}
	
.right { 
	float:right; 
	position:relative; 
	}
.interiorBox {  
	width:730px; 
	margin:auto auto auto auto; 
	}
.interiorBox a:hover{  
	color: #74220C;
	}
	
.interiorRedbox { 
	background:#74220C; 
	padding:10px; 
	width:100%; 
	}
	
.redBorder { 
	border:2px solid #74220C; 
	padding:10px; 
	}


/* ------------------------------- Two Column Directory Styles ------------ */
.staffBorder { 
	border:2px solid #74220C; 
    background:#D6BC88;
	padding:10px; 
    margin-bottom:15px;
	float:left; 
	width:333px; 
	}
	
	.staffBorder img { 
		border:2px solid #fff; 
		margin:0 10px 0 0; 
		float:left; 
		}

	.staffBorder h4 { 
		display: inline;	
        color: #50090D;
		}
        .staffBorder a {
         color:#A7481F;
        }
.clear { 
	clear:both; 
	}
	

.spacer { 
	height:12px; 
	clear:both;
	}

.spaceonly { 
	height:12px; 
	}
	
.rtMargin { 
	margin-right:15px ;
	}


.content_page_right {
	padding: 10px 20px 10px 10px;
    background:#fff;
    min-height:428px;
	float: right;
	width: 520px;
	}
.content_page_right h2 {
	font-size: 1.5em; 
	}
.content_page_right img {
          border:1px solid #ccc;
          background:#fff;
          padding:10px;
          display: inline;
          float:right;
          margin: 5px 10px 5px 5px;
	}
.content_page_right a:hover {
          color:#74220C;
}
.content_page_left {
	width: 180px;
    min-height:410px;
	padding:20px 14px 14px 20px; 
	float: left;
	}
	.navcontainer { 
		width: 180px; 
		margin-bottom: 30px;
		}

	.navcontainer h3 {
        color:#8C0000;
		border: none;
		text-transform: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1.2em;
		}

		.navcontainer ul {
            margin:13px 0 0 0;
			padding-left: 0;			
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
			}

		.navcontainer a {
            font-weight:bold;
			display: block;
			padding: 2px 0 12px 0;
			width: 174px;
			border-top: 2px dashed #fff;
			}			

			.navcontainer a:link, .navlist a:visited  {
				color: #C45424;
				text-decoration: none;			
				}

			.navcontainer a:hover, .navcontainer .active{	
			border-top: 2px dashed #74220C;				
		        color: #fff;
				}

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

#footer {
	clear:both; 
	margin:auto 0;
	background: url(/images/interface/footer-bg.jpg) repeat-x; 
	color:#fff; 
	font-size:.85em; 
    letter-spacing: .12em;
	text-align:right; 
	padding:8px 15px 0 15px; 
	height:21px; 
}


	#footer .footer_left {
		float:left; 
		width:530px; 
		text-align:left;
		}

	#footer .footer_right {
		float: right;
		width: 200px;
		text-align: right;
		}
	

#bottom {
    margin:auto 0; 
	width:770px;
	background: #50090D;
    height:18px;
	color:#666; 
	font-size:.75em; 
    letter-spacing: .12em;
	text-align:center; 
	padding:8px 0 8px 0; 
}