@charset "utf-8";
.green {
	color: #839A34;
	font-weight: bold;
}
.blue {
	color: #127CFE;
	font-weight: bold;
}
.purple {
	color: #8D00A8;
	font-weight: bold;
}

.bg {
    background-image:url(images/navigation/content.png);
    background-repeat:no-repeat;
	background-position:top;
	}
	
.bg_repeat {
background-image:url(images/navigation/content_repeat.png);
background-repeat:repeat-y;
}
	
.green_title {
	color: #79990D;
	font-size: 14px;
	font-weight: bold;
}

/* CSS Document */

.text {
font-family:Arial, Helvetica, sans-serif;
}
.body_text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.children {
color:#669900
}

.youth {
color:#3344ff
}

.women {
color:#6633cc
}

.men {
color:#663300
}

.marrieds {
color:#006600
}

.prayer {
color:#ff6600
}

.outreach {
color:#cc33cc
}

.arts {
color:#ff0000
}

.video {
color:#339999
}

.growth_life_groups {
	color:#D27E00
}

.care_team {
	color:#408080
}

.bio_text {
margin-left:20px;
margin-right:220px;
margin-top:20px;
background-image:url(images/pixel_transparent.png);
background-repeat:repeat;
}

.bio_text_deacons {
margin-left:20px;
margin-right:30px;
margin-top:20px;
background-image:url(images/pixel_transparent.png);
background-repeat:repeat;
}

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

.fmp_background {
background:url(images/ministry/fmp/background.jpg); background-repeat:repeat;
}

.fmp_background_image {
background:url(images/ministry/fmp/logo_graphic.png) bottom right no-repeat;
}

.youth_background {
background:url(images/ministry/fmp/background.jpg); background-repeat:repeat;
}

.background_image {
background:url(images/water_ripple_background.jpg) bottom right no-repeat;
background-color:#FFFFFF; }

.events_cell {
width:279px;
float:right;
margin-left:25px;
margin-bottom:15px
}

.weekly_calendar_time {
font-weight:bold;
font-size:11px;
}

.weekly_calendar_event {
background-color:#2B7BB8;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
}

.weekly_calendar_event_link {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.calendar_text_daytime {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background:url(images/weekly_calendar/daytime.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFFFF;
}

.calendar_text_evening {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background:url(images/weekly_calendar/evening.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFFFF;
}

.weekly_calendar_top {
background:url(images/weekly_calendar/top_span.jpg);
background-repeat:repeat-x;
height:22px;
text-align:left;
background-color:#FFFFFF;
}

.weekly_calendar_side {
background:url(images/weekly_calendar/side.jpg);
background-repeat:repeat-y;
width:1px;
}

.weekly_calendar_bottom {
background:url(images/weekly_calendar/bottom.jpg);
background-repeat:repeat-x;
height:1px;
}

a {
	color:#000000;
	text-decoration:underline;
	border:none;
	outline:none;
}

.nav_link {color:#FFFFFF; text-decoration:none;}
.nav_link:hover { text-decoration:underline; }

img { border:none; }

.body_link {
	color:#176AA8;
}

.events_link {
	color:#A7B45C;
}

blockquote {
margin:25px;
}


body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

.title {
color:#115CA8;
font-size:16px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
}
.sub_title {
color:#333333;
font-size:16px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
}

.staff_name {
font-size:16px;
font-weight:bold;
}

.staff_text {
color:#FFFFFF;
font-size:12px;
font-weight:normal;
font:Arial, Helvetica, sans-serif;
background-color:#333333;

}

.weekly_calendar_p { 
	margin: 0 0 4px 0;
}

p { 
	margin: 0 0 8px 0;
}

li {
	padding: 0px 0 3px 0;
}
	
#wrapper, #content-wrapper {
	float: left;
	width: 100%;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.bvcc.net/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.bvcc.net/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
