/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { font-family:Arial, Helvetica, sans-serif; font-size:12px}

a { color:#5D5D5D; text-decoration:none}
a:hover { color:#5D5D5D; text-decoration:underline}

p { font-size:12px; font-weight:normal; color:#5D5D5D; line-height:1.5em}


h1 { font-size:26px; font-weight: bold; color:#5D5D5D}
h2 { font-size:24px; font-weight: bold; color:#5D5D5D}
h3 { font-size:24px; font-weight: bold; color:#5D5D5D}
h4 { font-size:16px; font-weight:bold; color:#5D5D5D; line-height:1.2em}
h6 { font-size:9px; color:#5D5D5D}

@font-face {
    font-family: 'BebasRegular';
    src: url('http://www.spreadingthewordministry.org/Websites/stwministries/templates/spreadingtheword2011/css/BEBAS___-webfont.eot');
    src: url('http://www.spreadingthewordministry.org/Websites/stwministries/templates/spreadingtheword2011/css/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.spreadingthewordministry.org/Websites/stwministries/templates/spreadingtheword2011/css/BEBAS___-webfont.woff') format('woff'),
         url('http://www.spreadingthewordministry.org/Websites/stwministries/templates/spreadingtheword2011/css/BEBAS___-webfont.ttf') format('truetype'),
         url('http://www.spreadingthewordministry.org/Websites/stwministries/templates/spreadingtheword2011/css/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#bg_header { width:100%; float:left; background:#A70000 url(../images/bg_header.gif) repeat-x; padding-bottom:70px}
#header { width:998px; margin:0 auto}

/*
---------------------------------------------
02.1 header - logo
---------------------------------------------
*/

#header .logo { float:left; margin-left:-34px; position:relative}

/*
---------------------------------------------
02.2 header - toplinks
---------------------------------------------
*/


#header .topnav { height:30px; float:right; background:-moz-linear-gradient(90deg, #aa0900, #bd1d00); background: -webkit-gradient(linear, left top, left bottom, from(#bd1d00), to(#aa0900)); 	background: -o-linear-gradient(#bd1d00, #aa0900); -pie-background: linear-gradient(#bd1d00, #aa0900); behavior: url(PIE.htc);border:3px solid #a00000; border-top:none; padding:8px 7px 0 7px; position:relative}
#header .topnav p { font-family:"BebasRegular", Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff}
#header .topnav p a { color:#FFFFFF; text-decoration:none; padding:0 7px}
#header .topnav p a:hover { color:#FFFFFF; text-decoration:underline}


/*
---------------------------------------------
02.3 header - button plan
---------------------------------------------
*/

#header .plan { float:left; font-family:"BebasRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#cb423e; padding-left:42px; position:relative}
#header .plan a { height:36px; float:left; color:#cb423e; text-decoration:none; background:#f0cd00; border:3px solid #eec500; border-top:none; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; behavior: url(PIE.htc); padding:7px 10px 0 10px}

/*
---------------------------------------------
02.3 header - main menu
---------------------------------------------
*/

#header .nav { float:right; margin-top:55px}
#header .nav ul { float:right}
#header .nav ul li { float:left; font-size:18px; color:#e87c00; font-weight:bold}
#header .nav ul li a { height:30px; float:left; color:#e87c00; text-decoration:none; padding:12px 10px 0 10px; behavior: url(PIE.htc); position:relative}
#header .nav ul li a:hover { color:#FFFFFF; background:#a20000; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; behavior: url(PIE.htc); position:relative;}
#header .nav ul li a.active { color:#FFFFFF; background:#a20000; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; behavior: url(PIE.htc); position:relative;}

/*
---------------------------------------------
02.4 header - content
---------------------------------------------
*/

#header .content { width:998px; float:left}

/*
---------------------------------------------
02.4.1 header - content - column 1
---------------------------------------------
*/

#header .content .column1 { width:330px; float:left; padding-right:27px} 

#header .content .whoweare { width:330px; float:left; margin-top:-5px; position:relative}
#header .content .whoweare h1 { padding-left:6px; padding-bottom:15px}
#header .content .whoweare p { font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.3em; padding-bottom:12px; padding-left:10px}
#header .content .whoweare .button_sign { float:left}


/*
---------------------------------------------
02.4.2 header - content - column 2
---------------------------------------------
*/


#header .content .column2 { width:350px; float:left; padding-right:22px; margin-top:-48px; position:relative} 
#header .content .photobox { width:338px; height:259px; float:left; background:#FFFFFF; padding:9px 5px 6px 7px} 


/*
---------------------------------------------
02.4.3 header - content - column 3
---------------------------------------------
*/


#header .content .column3 { width:258px; float:left; margin-top:-48px; position:relative} 

#header .content .upcomingevents { width:228px; height:245px; float:left; background:#FFFFFF; text-align:right; padding:15px}
#header .content .upcomingevents h1 { padding-bottom:15px}
#header .content .upcomingevents h4 { line-height:1.2em}
#header .content .upcomingevents p { padding-bottom:15px; line-height:1.2em;}
#header .content .upcomingevents h6 a { float:right; color:#5D5D5D; text-decoration:none; line-height:2.0em; background:url(../images/icon_subscribe.jpg) no-repeat top right; padding-right:22px}


/*
---------------------------------------------
03. content area
---------------------------------------------
*/


#bg_content { width:998px; margin:0 auto}
#content { width:998px; float:left; padding-top:24px; padding-bottom:20px}


/*
---------------------------------------------
03.1 content area - radio stations
---------------------------------------------
*/


#radiostations { width:390px; float:left; padding-left:14px; padding-right:20px}

#radiostations .heading { float:left; padding-left:11px}
#radiostations .heading h1 { float:left; background:#EFEFEF; padding:8px 11px}

#radiostations .radiobox { width:390px;  float:left; background:#ECECEC; padding-top:20px}

#radiostations .radiobox .column1 { width:185px; float:left; padding-left:22px; padding-right:8px}
#radiostations .radiobox .column2 { width:160px; float:left}

#radiostations .radiobox .set { float:left; padding-bottom:23px}



/*
---------------------------------------------
03.2 content area - resources
---------------------------------------------
*/


#resources { width:564px; float:left; padding-bottom:20px}

#resources .heading { float:right; padding-right:16px}
#resources .heading h1 { float:left; background:#E5E5E5; padding:11px 10px 8px 12px}

#resources .resourcesbox { width:564px;  float:left; background:#E8E8E8 url(../images/bg_resouresbox.gif) no-repeat top right; padding-bottom: 5px;}


#resources .sermons { width:180px; float:left; padding-left:15px; padding-top:15px}
#resources .sermons h1 { padding-bottom:3px}
#resources .sermons p { font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#454545; line-height:1.3em}
#resources .link_recording { float:right; padding-right:15px; padding-top:10px}


/*
---------------------------------------------
03.3 content area - products
---------------------------------------------
*/


#products { width:275px; float:left}

#products .heading { float:right; padding-right:15px}
#products .heading h1 { float:left; background:#E5E5E5; padding:7px 14px 0px 11px}

#products .productsbox { width:247px;  float:left; background:#E5E5E5; padding:14px 15px 14px 13px}


/*
---------------------------------------------
03.4 content area - yellow banner
---------------------------------------------
*/


#smallbanner { float:left; padding-left:10px; padding-top:1px}


/*
---------------------------------------------
04. footer styles
---------------------------------------------
*/


#bg_footer { width:100%; height:37px; float:left; background:#F0F0F0; margin-bottom:50px}

#footer { width:998px; margin:0 auto}
#footer p { float:left; color:#454545; padding-left:16px; padding-top:13px}
#footer p a { color:#454545; text-decoration:underline}

#footer .developer { padding-left:20px}



/*
---------------------------------------------
05. innerpage - header
---------------------------------------------
*/

#bg_header_inner { width:100%; float:left; background:#A70000 url(../images/bg_header_inner.gif) repeat-x; padding-bottom:40px}

#header .heading { width:998px; float:left}
#header .heading h1 {font-size: 45px; color: white; float:left; padding-top:7px}
#header .heading .button_sign { float:right; padding-right:5px}


/*
---------------------------------------------
06. innerpage - left panel
---------------------------------------------
*/


#leftpanel { width:247px; float:left; background:#940000; padding-top:13px; padding-bottom:19px}

#leftpanel ul li { width:247px; float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#FFFFFF; line-height:1.2em; padding-bottom:6px}
#leftpanel ul li a { width:229px; float:left; color:#FFFFFF; text-decoration:none; padding:6px 0 7px 18px}
#leftpanel ul li a:hover { color:#FFFFFF; text-decoration:none; background:#E7B800}
#leftpanel ul li a.selected { color:#FFFFFF; text-decoration:none; background:#E7B800}

#leftpanel .banner { width: 229px; float:left; padding-top:5px; padding-left:15px}
#leftpanel p { font-size:12px; font-weight:normal; color:white; line-height:1.5em}
#leftpanel h1 { font-size:20px; font-weight:bold; color:white; line-height:1.5em}
#leftpanel h2 { font-size:16px; font-weight:bold; color:white; line-height:1.5em}


#leftpanel3 { width:360px; float:left; background:#b8b8b6; padding-top:13px; padding-bottom:19px}

#leftpanel3 ul li { width:350px; float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#FFFFFF; line-height:1.2em; padding-bottom:6px}
#leftpanel3 ul li a { width:339px; float:left; color:#FFFFFF; text-decoration:none; padding:6px 0 7px 18px}
#leftpanel3 ul li a:hover { color:#FFFFFF; text-decoration:none; background:#E7B800}
#leftpanel3 ul li a.selected { color:#FFFFFF; text-decoration:none; background:#E7B800}

#leftpanel3 .banner { width: 329px; float:left; padding-top:5px; padding-left:15px}
#leftpanel3 p { font-size:12px; font-weight:normal; color:white; line-height:1.5em}
#leftpanel3 h1 { font-size:20px; font-weight:bold; color:white; line-height:1.5em}
#leftpanel3 h2 { font-size:16px; font-weight:bold; color:white; line-height:1.5em}


/*
---------------------------------------------
07. innerpage - right panel
---------------------------------------------
*/

#rightpanel { width:705px; float:left; padding-left:25px}

#rightpanel h1 { padding-bottom:15px}
#rightpanel p { font-size:12px; padding-bottom:16px}

#rightpanel3 { width:550px; float:left; padding-left:25px}

#rightpanel3 h1 { padding-bottom:15px}
#rightpanel3 p { font-size:12px; padding-bottom:16px}

/*
---------------------------------------------
08. innerpage - footer styles
---------------------------------------------
*/


#bg_footer_inner { width:100%; height:37px; float:left; background:#F3DFBF; margin-top:79px; margin-bottom:50px}

#footer_inner { width:998px; margin:0 auto}
#footer_inner p { float:left; color:#454545; padding-top:10px}
#footer_inner p a { color:#454545; text-decoration:underline}

#footer_inner .developer { padding-left:20px}
#footer_inner .banner { float:right; padding-top:3px; padding-right:34px}

/* GRAPHIC TABULAR EVENTS CALENDAR */
	.eventsCalendar table { /* entire table */
		border: 1px solid #333;
		width: 100%;
		border-collapse: collapse;
	}		
		.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 2px;
			border: 1px solid #333;
			text-align: left;
			vertical-align: top;
		}
		
		.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background: #333 !important;
			color: #FFF;
			padding: 5px 4px !important;	
			text-transform: uppercase !important;
			font-weight: bold !important;	
		}	
			.calendarNextPrevious {
				color: #fff !important;
				font-weight: normal;
			}	
				.calendarNextPrevious a {
					color: #fff !important;
					font-weight: normal;
				}	
				
		.calendarDayHeader { /* m-f bar */
			color: #333;
			background: #999;
			font-weight: normal;
			height: 1px;
			text-align: center;
			padding: 4px 2px;
			text-transform: uppercase !important;
			font-size: .9em;
		}	
			
		.calendarToday, .calendarToday a { /* current day */
			color: #333 !important;
			background: #ACACAC;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #e0dedb;
			color: #333 !important;
		}	
		.calendarDay { 
			background: #e0dedb;
			color: #333 !important;
		}	
			.calendarDay a { 
				font-weight: bold;
				color: #333 !important;
			}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #efefef;
		}
				
				
				
	.eventsList {
		padding: 0;		
	}
		.eventsList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 4px 0;
				margin-bottom: 0px;
				margin-left: -2px !important;
			}
			
			.eventsList ul li a {
				font-size: 15px;
				text-decoration: none;
				font-weight: bold;
				font-family: arial !important;
				margin: 0;
				color: #28281f !important;
			}
			
				.eventList ul li h2.postTitle {
					font-size: 22px;
					margin: 0;
					font-color: #28281f !important;
				}
					.eventList ul li h2.postTitle a {
						text-decoration: none;
						font-color: #28281f !important;
					}

				.eventList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; font-family: arial !important;
				}
				
			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #444;
				font-size: 11px;
				font-family: arial !important;
			}		
				
				
	/* calendar detail page */
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #444;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #999;
			padding-top: 5px;
		}