@charset "utf-8";
/* CSS Document */


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

body { background:#EEEEEE url(../images/bg_body.jpg) repeat-x top center; font-family:Arial, Helvetica, sans-serif} 

a { color:#2B9EC8; text-decoration: none;}
a:hover { color:#2B9EC8; text-decoration: underline;}

p { font-size:15px; color:#424242}
h2 { font-size:19px; color:#87A600}


/*
---------------------------------------------
02. hours and direction
---------------------------------------------
*/

#bggreenbar { width:100%; float:left; background: url(../images/bg_greenbar.gif) repeat-x top right; position:relative}
#greenbar { width:1002px; height:40px; margin:0 auto;}

#greenbar .button_times { width:196px; height:37px; float:right; padding-right:20px}
#greenbar .button_facebook { width:70px; height:37px; float:right; padding-right:5px}
#greenbar .button_twitter { width:68px; height:37px; float:right; padding-right:5px}
#greenbar .button_invitefriend { width:90px; height:37px; float:right; padding-right:5px}
body.times #greenbar .button_invitefriend { display: none;}

#location { position: relative; height:275px;  background: #87A63D; color: #fff;}
#campus_list {	width: 940px; font-size:11px; margin: 0 auto; padding: 20px 10px 0 10px;}

.campus { float: left; width: 165px;  padding: 0 15px 0 0;}

.campusCorpus { float: left; width: 180px; padding: 0 25px 0 0;}


.socialNetwork { float: left; width: 155px; padding: 15px; background: #778a0b; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.socialNetwork h1 { font-size:20px; font-weight:bold; color:#FFFFFF; padding-bottom:10px; }
.socialNetwork p { font-size:11px; font-weight: normal; color:#FFFFFF; padding:0px 0 10px 10px; line-height:1.4em; float: left;}
.socialNetwork a {	text-decoration: underline;color: #fff;}
.socialNetwork a:hover {color: #444;}
.socialNetwork img {float: left; padding-bottom: 20px; clear:both;}

.times { font-weight: bold;	margin: 5px 0 0 0;}
.campus h1 { font-size:20px; font-weight:bold; color:#FFFFFF; padding-bottom:10px}
.campus h1 a { text-decoration: none; }
.campus p { font-size:11px; font-weight: normal; color:#FFFFFF; padding-bottom:10px; line-height:1.4em}
.campus a {	text-decoration: underline;color: #fff;}

.campusCorpus h1 { font-size:20px; font-weight:bold; color:#FFFFFF; padding-bottom:10px}
.campusCorpus h1  a { text-decoration: none; }
.campusCorpus p { font-size:11px; font-weight: normal; color:#FFFFFF; padding-bottom:10px; line-height:1.4em}
.campusCorpus a {	text-decoration: underline;color: #fff;}


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/


#wrapper { width:1002px; margin:0 auto}

#fixed_icons {
    background: transparent;
    width: 48px;
    position: fixed;
    top: 25%;
    left: 0%;
}
 
#fixed_icons a {
    display: block;
    text-indent: 24px;
    height: 150px;
    padding-bottom:3px;
    text-decoration: none;
}
 
#fixed_icons #twitter { background: url("../images/twitter1.png") no-repeat; }
#fixed_icons #twitter:hover { background: url("../images/twitter2.png") no-repeat; }
#fixed_icons #facebook { background: url("../images/facebook1.png") no-repeat; }
#fixed_icons #facebook:hover { background: url("../images/facebook2.png") no-repeat; }
#fixed_icons #linkedin { background: url("../images/linkedin.png") no-repeat; }
#fixed_icons #rss { background: url("../images/feed.png") no-repeat; }


/*
---------------------------------------------
04. header
---------------------------------------------
*/



#header { width:1002px; height:220px; float:left; margin-left:-10px}

.logo { width:308px; height:110px; float:left; margin-left:-20px; position:relative; margin-top: -40px;}
.nodisplay { display:none}


#header p { float:right; font-size:12px; color:#13548B; font-style:italic; padding-top:50px; padding-right:8px}
#header p span { font-weight:bold}

body.times .navbar {display: none;}
.navbar { width:720px; height:34px; float:right; background:url(../images/bg_navbar.png) no-repeat; padding:9px 8px; margin-right:-7px; margin-top:0px; position:relative}
.navbar ul { float:left}
.navbar ul li { float:left; font-size:12px; color:#FFFFFF; font-weight:bold}
.navbar ul li a { height:24px; float:left; color:#FFFFFF; text-decoration:none; padding:10px 20px 0 14px; text-transform: uppercase}
.navbar ul li a:hover { background:#2385BD}
.navbar ul li a.selectedPage { background:#2385BD}

.navbar fieldset { width:210px; float: right; padding-right:12px; padding-top:7px}
.navbar .searchInput { width:158px; height:16px; float:left; background:#EBF2F7; border:none; font-size:12px; color:#5D5D5D; text-align:right; padding:2px 12px}
.navbar fieldset .searchButton { background-image: url(../images/button_search.gif); background-repeat: no-repeat; border: none; height: 18px; width: 17px; text-indent: -9999px; margin-left: 5px;}
.navbar fieldset .searchButton:hover{margin: 1px 0 0 8px; cursor: pointer}
.navbar fieldset .searchButton:active{margin: 2px 0 0 6px;}



/*
---------------------------------------------
05. photo links
---------------------------------------------
*/


#photolinks { width:240px; float:left; padding-left:0px; margin-top:-55px;}

#photolinks .message { width:241px; height:128px; float:left; background:url(../images/shadow_messagemedia.png) no-repeat top; padding-top:9px; padding-left:9px}
#photolinks .music { width:241px; height:130px; float:left; background:url(../images/shadow_music.png) no-repeat top; padding-top:4px; padding-left:9px; margin-bottom:}
#photolinks .victory { width:241px; height:136px; float:left; background:url(../images/shadow_victory.png) no-repeat top; padding-top:4px; padding-left:9px; margin-top:-1px}

#photolinks .leftcaption  {width:220px; height:22px; float:left; background:url(../images/bg_leftshadow.png) no-repeat; margin-top:-31px; position:relative; padding-top:4px; padding-left:7px}
#photolinks .leftcaption a { float:left; clear:both; background:url(../images/arrow_white.gif) no-repeat right center; padding-right:15px; font-weight:bold; font-style:italic; color:#FFFFFF; font-size:15px}
#photolinks .leftcaption a:hover { text-decoration:none}
#photolinks .leftcaption span { color:#98B10D}
#photolinks .leftcaption .normal { font-weight:normal; color:#FFFFFF}
#photolinks .leftcaption .greennormal { font-weight:normal;}


/*
---------------------------------------------
06. video
---------------------------------------------
*/

#video { width:735px; height:438px; float:right; background:url(../images/bg_video.png) no-repeat; margin-right:-3px; margin-top:-107px; padding-top:12px; padding-left:10px}


/*
---------------------------------------------
07. banner_worship
---------------------------------------------
*/

body.times #worship {display: none;}

#worship { width:983px; float:left; background:url(../images/bg_worshipnight2.png) no-repeat; padding-left:10px; padding-bottom: 10px; padding-top: 5px; margin-left: 3px; }
#worship .caption  { width:772px; height:52px; float: right; background:url(../images/bg_bottomshadow.png) no-repeat; margin-top:-85px; position:relative; margin-right:10px }



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


#footer { width:984px; height:27px; float:left; background:url(../images/bg_footer.png) no-repeat; padding:0px 0px 120px 10px; position: relative;}

#footer p { float:left; padding-top:2px; color:#515151; font-size:12px }
#footer p span { padding-right:15px;}
#footer img { padding-left:2px; float:left; display:inline; position:relative;} 
#footer p a { color:#515151; text-decoration:none; padding-left:2px; padding-right:2px}
#footer p a:hover { color:#515151; text-decoration:underline}

#footer .copyright { float:left}
#footer .footer_links { float:right}
body.times #footer .footer_links { display: none;}



/*
---------------------------------------------
09. innerpage - header inner
---------------------------------------------
*/

#header_inner { width:992px; height:180px; float:left; padding-left:10px; }

#header_inner .logo { width:308px; height:220px; float:left; background:url(../images/logo.png) no-repeat; position:relative; margin-top:-40px; z-index: 4; }
#header_inner .logo-link { width:308px; height:220px; float:left; position:absolute}
#header_inner .nodisplay { display:none}


#header_inner p { float:right; font-size:12px; color:#13548B; font-style:italic; padding-top:35px; padding-right:8px}
#header_inner p span { font-weight:bold}

#header_inner .navbar { width:720px; height:34px; float:right; background:url(../images/bg_navbar.png) no-repeat; padding:9px 8px; margin-right:-7px; margin-top:-130px; position:relative}


/*
---------------------------------------------
10. innerpage - banner
---------------------------------------------
*/

#banner { width:992px; float:left; background:url(../images/bg_banner.png) no-repeat; padding:5px; margin-top:-80px;z-index: 2;}
#banner .photo_banner { width:992px;  float:left; position: relative; z-index:2;}
#banner h1 { width:962px; height:48px; float:left; background:url(../images/bg_heading.png) repeat-x; font-size:32px; color:#FFFFFF; font-weight:bold; font-style:italic; padding-left:30px; padding-top:14px; margin-top:-62px; position:relative}
#banner h1 span { color:#98B10D; font-weight:normal}

#bannerDance { width:992px; float:left; background:url(../images/bg_banner.png) no-repeat; padding:5px; margin-top:-150px;z-index: 2;}
#bannerDance .photo_banner { width:992px;  float:left; position: relative; z-index:2;}
#bannerDance h1 { width:962px; height:48px; float:left; background:url(../images/bg_heading.png) repeat-x; font-size:32px; color:#FFFFFF; font-weight:bold; font-style:italic; padding-left:30px; padding-top:14px; margin-top:-62px; position:relative}
#bannerDance h1 span { color:#98B10D; font-weight:normal}


/*
---------------------------------------------
11. innerpage - content
---------------------------------------------
*/


#content { width:972px; float:left; padding:0px 0 20px 30px; background: #FFFFFF; margin-bottom:10px; position: relative; z-index: 0;}

#content2Column { width:972px; float:left; padding:0px 0 20px 30px; margin-top: -40px; background: #FFFFFF; margin-bottom:10px; position: relative; z-index: 0;}

/* setting the OL/UL to specified values in the content areas */
#content #leftpanel ol {
	list-style: decimal;
	margin: 15px 35px;
}
	#content #leftpanel ol li {
		padding: 0 0 5px 0;
	}	
		
#content #leftpanel ul {
	list-style: square;
	list-style-image: url(template/li-arrow-right.gif);
	margin: 15px 35px;
}
	#content #leftpanel ul li {
		padding: 0 0 5px 0;
	}
	
	/*  for blog/calendar list items to still have list bullets */	
	.blogList ul li ul, .eventsList ul li ul {margin: 15px 35px !important;}
	     .blogList ul li li, .blogList ul li ul, .eventsList ul li li, .eventsList ul li ul {list-style: disc !important;}
	.blogList ol li ul, .eventsList ol li ul {margin: 15px 35px !important;}
	     .blogList ol li li, .blogList ol li ul, .eventsList ol li li, .eventsList ol li ul {list-style: decimal !important;}


/*
---------------------------------------------
12. innerpage - leftpanel
---------------------------------------------
*/


#leftpanel { width:760px; float:left; padding-top: 30px; position: relative}

#leftpanel h2 { font-weight:bold}
#leftpanel p { line-height:1.3em; padding-bottom:18px}
#leftpanel p a { color:#E27200; text-decoration:none}
#leftpanel p a { color:#E27200; text-decoration:underline}
#leftpanel .bc {font-size: 11.5px; background: #eeeeee; padding: 10px;}
body.times #leftpanel .bc {display: none;}

#leftpanelNoNav { width:950px; float:left; padding-top:30px; position: relative}

#leftpanelNoNav h2 { font-weight:bold}
#leftpanelNoNav p { line-height:1.3em; padding-bottom:18px}
#leftpanelNoNav p a { color:#E27200; text-decoration:none}
#leftpanelNoNav p a { color:#E27200; text-decoration:underline}
#leftpanelNoNav .bc {font-size: 11.5px; background: #eeeeee; padding: 10px;}

#leftpanelNoNav .column1 {width: 400px; float: left; padding-right: 20px;}
#leftpanelNoNav .column2 {width: 500px; float: left}



/*
---------------------------------------------
13. innerpage - rightpanel
---------------------------------------------
*/


#rightpanel { width:210px; float:right; margin-right:-19px; padding-top: 15px; position:relative}

#rightpanel .rightbox_bordertop { width:210px; height:16px; float:left; background:url(../images/bg_rightbox_bordertop.png) no-repeat}
#rightpanel .rightbox_bordermiddle { width:210px; min-height: 30px;float:left; background:url(../images/bg_rightbox_bordermiddle.png) repeat-y}
#rightpanel .rightbox_borderbottom { width:210px; height:10px; float:left; background:url(../images/bg_rightbox_borderbottom.png) no-repeat}

#rightpanel ul { width:200px; float:left; padding:18px 22px 15px 0}
#rightpanel ul li { width:200px; float:right; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFFFFF; text-align:right; padding-bottom:5px} 
#rightpanel ul li a { height:22px; float:right; color:#FFFFFF; text-decoration:none; cursor:pointer; padding: 8px 10px 0px 10px;} 
#rightpanel ul li a:hover {-moz-border-radius: 5px; -webkit-border-radius: 5px; background: #005E94;} 
#rightpanel ul li a.selectedPage {background: #005E94; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 




/* SLIDESHOW */

.sldw_prev a {
	width: 31px;
	height: 31px;
	text-indent: -9999px;
	border: 0 !important;
	text-decoration: none !important;
	overflow: hidden;
	position: absolute;
	top: 35%;
	left: 5%;
	background: url('../images/arrow_left.png') 0 0 no-repeat;
	}

.sldw_prev a:hover {
	background: url('../images/arrow_left_roll.png') 0 0 no-repeat;
	}

.sldw_next a {
	width: 31px;
	height: 31px;
	text-indent: -9999px;
	text-decoration: none !important;
	border: 0 !important;
	overflow: hidden;
	position: absolute;
	top: 35%;
	right: 5%;
	background: url('../images/arrow_right.png') 0 0 no-repeat;
	}

.sldw_next a:hover {
	background: url('../images/arrow_right_roll.png') 0 0 no-repeat;
	}
	
	
/* Form Stylings */

.form_container {
	margin: 0;
	
	}
	
.form_container .title {
	font-weight: bold;
	display: inline;
	color: #777;
	font-size: 15px;
	
	}

.form_container .textField {
	padding: 4px 6px;
	font-size: 14px;
	border: 1px solid #bbb !important;
	background: #fff !important;
	color: #000;
	margin: 5px 0 0px 0;
	font-family: helvetica, arial, sans-serif;
	background: #fff;
	}
	
	.fieldNote {
	margin: 0 0 0 0px;
	font-size: 12px !important;
	}

.form_container .submitButton {
	background: url(../images/bg_button_submit.gif) 0 0 no-repeat !important;
	width: 78px;
	height: 32px;
	font-size: 1em !important;
	color: #fff;
	border: none !important;
	margin: 10px 0 5px;
	}
	
.confirmation-content-message p{
	color: #333;
	}  

.confirmation-content-message a{
	color: #333;
	} 


/* background color of a selected field. */
.fieldSelected {
background: transparent !important;
	border-color: #fff !important;
	}

.formTitle {margin-top: -25px;}

.formDescription {margin-bottom: -10px;}

.fieldTitle {margin-bottom: -7px !important;}

/*

Calendar

*/

.eventsCalendar table {
	border: none;
	border-color: #2B9EC8;
	width: 100%;
	border-collapse: collapse;
	}

.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay {
	padding: 2px;
	border: 1px solid #fff;
	text-align: center;
	vertical-align: top;
	background: #fff !important;
	padding: 5px;
	border-bottom: 1px solid #efefef;
	}

/* top bar with current month and next/previous buttons */
.calendarTitle td {
	text-align: center;
	color: #fff !important;
	font-weight: bold !important;
	background: #2B9EC8 !important;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 20px;
	}

.calendarNextPrevious {
	color: #fff !important;
	font-weight: bold;
	padding: 0 !important;
	}

.calendarNextPrevious a {
	color: #fff !important;
	margin-top: 5px;
	}



/* m-f bar */
.calendarDayHeader {
	color: #000;
	background: #fff;
	font-weight: bold;
	text-align: center;
	padding: 4px 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #f4f4f4;
	}

/* current day */
.calendarToday,
.calendarToday a {
	font-weight: bold;
	}

/* weekends */
.calendarWeekendDay {
	color: #898989 !important;
	}

.calendarDay {
	color: #898989 !important;
	}

/* previous or next months days on current months calendar */
.calendarOtherMonthDay {
	color: #898989;
	}
	
	
/* event list */
.eventsList {
	padding: 0;
	}

.eventsList ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	list-style-image: none;
	}

.eventsList ul li {
	list-style: none;
	list-style-image: none;
	padding: 0 0 5px;
	margin: 0 0 0 32px;
	}

.eventsList ul li a {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", serif;
	line-height: .8;
	margin: 0 0 5px;
	font-weight: normal;
	text-decoration: none;
	color: #383832;
	}
.eventsList ul li a:hover{
	text-decoration: underline;}

.eventsList ul li .eventDate {
	margin: 0 0 15px;
	color: #383832;
	font-style: italic;
	font-size: 10px;
	}	

.EvitePreview {visibility: hidden;}