@charset "utf-8";
/* CSS Document */
/*
	Theme Name: BBBSCA
	Theme URI: http://www.bbbsca.org
	Description: The WordPress theme was developed by <a href="http://www.caseypicker.com">Casey Picker</a> and <a href="http://www.zachcheatham.com">Zach Cheatham</a> of <a href="http://www.lamplightmedia.net">Lamplight Media</a>.
	Version: 1.0
	Author: Casey Picker and Zach Cheatham
	Author URI: http://www.lamplightmedia.net

*/

body {background: #ffc425 url(images/background.png) repeat scroll top; font-family: arial; font-size: 12px;}

#wrapper{ width: 960px;	height: auto; margin: auto; position: relative; 
/*background: url(images/photos.png) top left; z-index:1000;*/

}

/* navigation drop-down */
#home_submenu, #home_submenu li{margin:0; padding:0; list-style:none;}
#home_submenu {
	display:none; 
	width:200px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	float:left; margin:auto; position:absolute; left:229px; top:150px; z-index:100;
}
#home_submenu li{background:#55B949; width:100%; float:left;}
#home_submenu li a{color:#2F6728; text-decoration:none; font-weight:bold; padding:5px; display:block;}
#home_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

#home_submenu li.alt, #about_submenu li.alt, #volunteer_submenu li.alt, #forms_submenu li.alt, #success_submenu li.alt, #events_submenu li.alt, #donate_submenu li.alt {background:#98d591;}

/* navigation drop-down */
#about_submenu, #about_submenu li{margin:0; padding:0; list-style:none;}
#about_submenu {
	display:none; 
	width:200px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	float:left; margin:auto; position:absolute; left:301px; top:150px; z-index:100;
}
#about_submenu li{background:#55B949; width:100%; float:left;}
#about_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#about_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

/* navigation drop-down */
#forms_submenu, #forms_submenu li{margin:0; padding:0; list-style:none;}
#forms_submenu {
	display:none; 
	width:200px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	float:left; margin:auto; position:absolute; left:727px; top:150px; z-index:100;
}
#forms_submenu li{background:#55B949; width:100%; float:left; text-align:right;}
#forms_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#forms_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

/* navigation drop-down */
#volunteer_submenu, #volunteer_submenu li{margin:0; padding:0; list-style:none;}
#volunteer_submenu {
	display:none; 
	width:225px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	float:left; margin:auto; position:absolute; left:397px; top:150px; z-index:100;
}
#volunteer_submenu li{background:#55B949; width:100%; float:left;}
#volunteer_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#volunteer_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

/* navigation drop-down */
#donate_submenu, #donate_submenu li{margin:0; padding:0; list-style:none;}
#donate_submenu {
	display:none; 
	width:200px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
/*	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomleft: 10px;  
	-moz-border-radius-bottomright: 10px;  
	-webkit-border-top-rightright-radius: 20px;  
	-webkit-border-top-left-radius: 20px;  
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-rightright-radius: 10px;  */
	float:left; margin:auto; position:absolute; left:498px; top:150px; z-index:100;
}
#donate_submenu li{background:#55B949; width:100%; float:left;}
#donate_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#donate_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

/* navigation drop-down */
#success_submenu, #success_submenu li{margin:0; padding:0; list-style:none;}
#success_submenu {
	display:none; 
	width:250px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
/*	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomleft: 10px;  
	-moz-border-radius-bottomright: 10px;  
	-webkit-border-top-rightright-radius: 20px;  
	-webkit-border-top-left-radius: 20px;  
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-rightright-radius: 10px;  */
	float:left; margin:auto; position:absolute; left:580px; top:150px; z-index:100;
}
#success_submenu li{background:#55B949; width:100%; float:left;}
#success_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#success_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

/* navigation drop-down */
#events_submenu, #events_submenu li{margin:0; padding:0; list-style:none;}
#events_submenu {
	display:none; 
	width:200px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
/*	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomleft: 10px;  
	-moz-border-radius-bottomright: 10px;  
	-webkit-border-top-rightright-radius: 20px;  
	-webkit-border-top-left-radius: 20px;  
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-rightright-radius: 10px;  */
	float:left; margin:auto; position:absolute; left:655px; top:150px; z-index:100;
}
#events_submenu li{background:#55B949; width:100%; float:left; text-align:right;}
#events_submenu li a{color:#2F6728; text-decoration:none; padding:5px; display:block;}
#events_submenu li a:hover{font-weight:bold; background:#2F6728; color:#FFFFFF; padding-left:15px;}

img {border: none;}

#photos {
float: left;
display: block;
width: 239px; height: 300px;
position: absolute;
z-index: 1;
background: url(images/photos.png) top left;
}

#photo_dynamic {
	position: relative;
	left: 47px;	top: 107px;
	display: block;
	height: 180px; width: 180px;
}

#page_header {
	display: block;
	margin: auto;
	width: 960px;
	height: 115px;
	background: url(images/header.png) no-repeat bottom;
}

#page_topmenu {
	height: 35px;
	width: 900px;
	margin: auto;
	background: url(images/topmenu.png) no-repeat top;
	padding:0; 
	float:left;
	padding-left:30px;
}

#page_header #enroll {height: 25px; position:absolute; top: 90px; left: 744px; z-index: 10; height: 25px; margin:0; padding:0;}

#page_header #enroll a.enrollLink { display: block; height: 25px; width: 186px; background: url(images/enroll_hover.png) no-repeat 0px 0px; text-decoration:none; overflow:hidden; text-indent: -9000px;}

#page_header #enroll a.enrollLink:hover{width: 186px; text-decoration: none; background: url(images/enroll_hover.png) no-repeat 0px -25px;}
	
#page_topmenu li {display: inline; float:left;}

#page_topmenu li a.nav {float:left; height:35px; padding-left:0; overflow:hidden; position: relative; left: 200px;}

/* unselected links */
#page_topmenu #link_home a.nav {width:71px; background: url(images/topmenu.png) -200px 0px;}
#page_topmenu #link_about a.nav {width:96px; background: url(images/topmenu.png) -271px 0px;}
#page_topmenu #link_volunteer a.nav {width:101px; background: url(images/topmenu.png) -367px 0px;}
#page_topmenu #link_donate a.nav {width:82px; background: url(images/topmenu.png) -468px 0px;}
#page_topmenu #link_success a.nav {width:142px; background: url(images/topmenu.png) -550px 0px;}
#page_topmenu #link_events a.nav {width:135px; background: url(images/topmenu.png) -692px 0px;}
#page_topmenu #link_forms a.nav {width:73px; background: url(images/topmenu.png) -827px 0px;}

/* active page states */
#page_topmenu.activepage_home #link_home a.nav {width:71px; background: url(images/topmenu.png) -200px -70px;}
#page_topmenu.activepage_about #link_about a.nav {width:96px; background: url(images/topmenu.png) -271px -70px;}
#page_topmenu.activepage_volunteer #link_volunteer a.nav {width:101px; background: url(images/topmenu.png) -367px -70px;}
#page_topmenu.activepage_donate #link_donate a.nav {width:82px; background: url(images/topmenu.png) -468px -70px;}
#page_topmenu.activepage_success #link_success a.nav {width:142px; background: url(images/topmenu.png) -550px -70px;}
#page_topmenu.activepage_events #link_events a.nav {width:135px; background: url(images/topmenu.png) -692px -70px;}
#page_topmenu.activepage_forms #link_forms a.nav {width:73px; background: url(images/topmenu.png) -827px -70px;}

/* hover states */
#page_topmenu #link_home a.nav:hover {width:71px; background: url(images/topmenu.png) -200px -35px;}
#page_topmenu #link_about a.nav:hover {width:96px; background: url(images/topmenu.png) -271px -35px;}
#page_topmenu #link_volunteer a.nav:hover {width:101px; background: url(images/topmenu.png) -367px -35px;}
#page_topmenu #link_donate a.nav:hover {width:82px; background: url(images/topmenu.png) -468px -35px;}
#page_topmenu #link_success a.nav:hover {width:142px; background: url(images/topmenu.png) -550px -35px;}
#page_topmenu #link_events a.nav:hover {width:135px; background: url(images/topmenu.png) -692px -35px;}
#page_topmenu #link_forms a.nav:hover {width:73px; background: url(images/topmenu.png) -827px -35px;}
	

#page_middle_bg {
	min-height: 400px;
	width: 960px;
	background: url(images/body_middle.png) no-repeat bottom;}

#page_middle {
	width: 900px;
	margin: auto;
}

#left_column {
	width: 210px; 
	height: auto;
	position: relative;
	float: left;
	margin-top: 160px;
	color: white;
	font: 10pt arial;
	text-align: center;	
}

#left_column a {
	color:white;
	text-decoration:underline;
}

#left_column a:hover {
	text-decoration: none;
}

#left_column .heading1{
color: #ffe5a0;
font: bold 15pt Arial;

}

#left_column .heading2{
color:white;
font: bold 10pt Arial;
margin:0;
text-align:center;
}

#left_column .heading2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:5px;	
}

/******************************* EVENTS CALENDAR *******************************/
#events-calendar-list li {
	font-family: Arial, Tahoma, Script;
	font-size: small;
	font-stretch: condensed;
	line-height: normal;
}
#events-calendar-list li a:link, #events-calendar-list li a:visited, #events-calendar-list li a:hover, #events-calendar-list li a:active {
	background: none;
	text-decoration: none;
	border: none;
}

/******************************* END EVENTS CALENDAR *******************************/

#left_column em {
color: #ffe5a0;
font: 12pt;
}

#left_column .divider {
display: block;
width: 160px;
border-bottom: solid 1px #00577c;
margin: auto;
margin-top: 15px;
margin-bottom: 10px;
}

#main_column {
	width: 690px; 
	height: auto;
	float: left;
}

#top_shadow {
	/*background: url(images/topmenu_shadow.jpg) no-repeat bottom center;*/
	/*width:960px;*/
	width:900px;
	position:relative;
	left:30px;
	padding:0;
}

#main_column h2.title{
	border-bottom: solid 2px #144ea2;
	color: #144ea2;
	font-size:20px;
	margin-right:20px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom:2px;
}

#sponsorLeft {
	float:left;
	margin-right:22px;
	border:1px solid black;
        border:0px;
        margin-bottom:22px;
}

#sponsorMiddle {
	float:left;
	margin-right:22px;	
	border:1px solid black;
        border:0px;
        margin-bottom:22px;
}

#sponsorRight {
	float:left;
	border:1px solid black;
        border:0px;
        margin-bottom:22px;
}

#page_content {
	width: 650px; 
	height: auto;
	float: left;
	margin-top:5px;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom:20px;
}

#page_content #moreInfo {
	float:right;
	padding: 3px;
	background: #BCA0CD;
	border: 2px solid #7A429A;
	margin-bottom:5px;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:0px;
	min-width: 150px;
}

#page_content #moreInfo .title {
	font-weight: bold;
	text-decoration: underline;
	color:#7A429A;
	font-size:15px;
	padding-left:5px;
	padding-top:3px;
}

#page_content #moreInfo ul {
	margin:0;
	padding-left:5px;
	list-style-type: none;
	padding-right:3px;
}

#page_content #moreInfo ul li{
	padding-left:0px;	
}

#page_content #moreInfo a{
	color:#FFF;
	text-decoration:underline;
}

#page_content #moreInfo a:hover{
	color:#7A429A;
	text-decoration:none;
}

#featuredEvent {
	margin: auto;
	clear:both;
}

#featuredEvents {
	display: block; width: 650px; height: 350px; top: 0; left: 0;
	overflow:hidden;
	border:1px solid black;
}

#page_content a {
	color:#2F6728;
	text-decoration:underline;
}

#page_content input.radio {
	clear:both;
}

#page_content a:hover {
	color:#7A419A;
	text-decoration:none;
}

#page_content img.alignright {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;	
	border:1px solid black;
	padding:3px;
}

#page_content img.alignnone {
	margin:5px;	
	border:0px;
	padding:0px;
}

#page_content img.alignleft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;	
	border:1px solid black;
	padding:3px;
}

#page_content img.aligncenter {
	margin: 10px auto;
}

#page_content h2.titleHome{
	border-bottom: solid 2px #144ea2;
	color: #144ea2;
	font-size:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom:2px;
	text-decoration:none;
}

#page_content h2{
	/*text-decoration: underline;*/
	color: #000000;
	font-size:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom:2px;
}

#page_content h3{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	margin:3px;
	margin-left:0px;
}

#page_content h4{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	margin:3px;
	margin-left:0px;
}

#page_content h5{
	font-size:10px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	margin:3px;
	margin-left:0px;
}

#page_content h6{
	font-size:8px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	margin:3px;
	margin-left:0px;
}

.wpcf7-list-item {
	clear:both;
	display:block;
}

#page_content ul {
	list-style-type: square;	
}

#page_content ul li {
	padding:3px;
}

#page_content ol li {
	padding:3px;
}

#body_bottomedge {
	display: block;
	width: 960px; height: 20px;
	background: url(images/body_bottomslice.png) no-repeat top;
	margin: auto;
}

#clear {clear: both;}

#footer {width: 177px; margin:auto; font: 12pt Arial, Helvetica, sans-serif; color: white;}

#footerImg {float:right; margin-right: 30px;}