@charset "UTF-8";

/*------------------------------------------------------------------------Style for MBKO 2010*/

* { margin: 0; padding: 0;}

body { font-family: Verdana, Geneva, sans-serif;} 


/*Background for Home Page*/
#home #wrapper { margin: 0 auto;}



/*----------------------------------------------------------------------------Style for header all pages--*/
#header { background-image: url(../images/headerBG.png);
background-repeat: repeat-x;
height: 160px;
width: 100%;
}

#headerContent { width: 960px;
				height: 200px;
				margin: 0 auto;
}

#logo { float: left;
}

#logo img { border: none;}

#header p { color: #FCF6ED;
width: 535px;
float: right;
margin-right: 15px;
margin-top: 35px;
font-size: 16px;
line-height: 20px;
}


/*donate buton*/
#donate {
width: 535px;
float: right;
margin-right: 15px;
margin-top: 15px;
}



#donate a:link { border: none;}

#donate a:visited { border: none;}

/*-----------------------------------------------------------------------Style for global nav all pages--*/
.nav { /*border: 1px solid green;*/
width: 220px;
margin-left: 0px;
margin-top: 20px;
height: 350px;
padding-left: 15px;
float: left;}

.nav li { display: block;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
margin-top: 8px;
padding-left: 40px;
padding-bottom: 8px;
border-bottom: 2px dashed #666;
list-style: none;

}

#homeNav { background-image: url(../images/home_nav.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;}

#volunteerNav { background-image: url(../images/volunteer_nav.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;
margin-right: 20px;}

#newsNav { background-image: url(../images/nav_newsevents.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;}

#outNav { background-image: url(../images/nav_outreach.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;}

#galleryNav { background-image: url(../images/nav_gallery_03.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;
margin-right: 20px;}

#contactNav { background-image: url(../images/nav_contact_03.png);
background-repeat: no-repeat;
background-position: left;
background-position: top;
margin-right: 20px;}

/*Light cream color text for status indicator*/
#current { color: #FCF6ED;
} 

.nav li a:link { text-decoration: none;
color: #333;}

.nav li a:visited { text-decoration: none;
color: #333;}

.nav li a:hover { text-decoration: none;
color: #B30819;}



/*----------------------------------------------------------------Style for Home Page slide show--*/
#homeSlide { height: 340px;
width: 500px;
float: left;
/*border: 1px solid green;*/
margin-left: 70px;}

#homeSlide img { border: none;}

.clear { clear:both}

#gallery { position:relative;
height:333px;}
	
	/*imported css for home page slide show*/	
	#gallery a {float:left;
		position:absolute;}
	
	#gallery a img {border:none;}
	
	#gallery a.show {z-index:500}

	#gallery .caption {z-index:600; 
		background-color:#ffffff; 
		color:#000;	
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;}

	#gallery .caption .content {margin-left:15px;
		margin-right: 15px;
		text-align: center;}
	
	#gallery .caption .content h3 {margin:0;
		padding:0;
		color:#1DCCEF;}
	
	#gallery span { font-style: italic;}
	/*end imported css for home page slide show*/

/*-----------------------------------------------------------Turquoise bar that splits page*/
.turqBar { width: 778px;
height: 10px;
background-color: #4f898e;
margin: 0 auto;
clear: both;}


/*---------------------------------------------------------------------Style for cream background w/ gradient tiled vertically--*/
#homeBody { width: 1247px;
margin: 0 auto;
/*border-top: 1px solid #333;
*/height: 815px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

#volBody { width: 1247px;
margin: 0 auto;
height: 1300px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

#newsBody { width: 1247px;
margin: 0 auto;
height: 1250px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

#outBody { width: 1247px;
margin: 0 auto;
height: 900px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

#galleryBody { width: 1247px;
margin: 0 auto;
height: 920px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

#contactBody { width: 1247px;
margin: 0 auto;
height: 1250px;
background-image: url(../images/background.png);
background-repeat: repeat-y;}

/*------------------------------------------------------------------------Home page*/
#homeTop { /*border: 1px solid orange;*/
height: 400px;
width: 890px;
margin: 0 auto;
}

#homeColumn1, #volContent, #newsContent, #contactContent { margin-left: 220px;
margin-top: 30px;
padding-left: 25px;
padding-right: 20px;
width: 480px;
clear: both;
float: left;}

#homeColumn1, #contactContent { border-right: 1px dashed #666;}

#homeColumn1 p, #volContent p, #newsContent p, #outBody p, #contactContent { margin-top: 10px;
font-size: 12px;
line-height: 24px;}

#homeColumn1 img { float: left;
margin-right: 5px;
border: none;}

#homeColumn1 a:link { text-decoration: none;
color: #b30819;}

#homeColumn1 a:visited { text-decoration: none;
color: #b30819;}

#homeColumn1 #follow { margin-top: 20px;}

h1 { font-size: 24px;
color: #B30819;
font-weight: 300;}

#float { float: left;
margin-right: 20px;}

#imgs img { float: left;
border: none;
margin-left: 5px;}

#button { margin-left: 10px;
border: none;}


/*-------------------------------------------------------------------------volunteer page*/
#volTop { /*border: 1px solid orange;*/
height: 400px;
width: 890px;
margin: 0 auto;}

#volSlide { height: 340px;
width: 500px;
float: left;}

#volContent { border-right: 1px dashed #666;}

#volContent h1 { float: left;
margin-bottom: 15px;}

#volContent img { margin-left: 15px;
border: none;}

#volContent p { clear: both;}

#volFollow { margin-top: 20px;}

#formvolunteer { height: 350px;
width: 460px;
margin-top: 30px;
margin-bottom: 15px;
font-size: 12px;
}

.blackWhite { background: transparent;
margin-top: 15px;}


ol {list-style: none;
}


#formvolunteer li {
	margin-bottom: 10px;
	overflow: hidden;
	width: 400px; 
}


#formvolunteer label {
	display: block;
	float: left;
	width: 136px;
	font-weight:bolder;
	color: #4f898e;
}

input[type=text], input[type=password], textarea {
	float: right;
	width: 250px;
	border: 1px inset #000000;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #ffffff;
	color: #000000;
}


textarea {height: 100px;

}



/*-------------------------------------------------------------------------Outreach page*/
#outTop { /*border: 1px solid orange;*/
height: 400px;
width: 890px;
margin: 0 auto;}

#outCopy { height: 320px;
width: 550px;
float: left;
/*border: 1px solid green;*/
margin-left: 40px;}

#outBottom { /*border: 1px solid orange;*/
height: 430px;
width: 880px;
margin: 0 auto;}

#outColumn1 { width: 210px;
border-right: 1px dashed #666;
margin-left: 60px;
float: left;
margin-top: 20px;}

#outColumn1 img { border: none;}

#outColumn1 h1 { margin-bottom: 5px;
margin-top: 10px;}



#outColumn2 { width: 250px;
height: 350px;
border-right: 1px dashed #666;
margin-left: 0px;
margin-top: 20px;
float: left;
font-size: 12px;}

#outColumn2 ul li { margin-top: 5px;}

#outColumn2 ul li img { margin-right: 5px;}

#outColumn3 { width: 280px;
/*border: 1px solid green;*/
margin-left: 0px;
margin-top: 0px;
float: left;}

#outreach h2{
font-size: 24px;
color: #B30819;
font-weight: 300;
width:300px;
padding-left:10px;
padding-top:10px;
}

#outColumn2{
width:280px;
}

#outColumn2 p{
margin-top:-3px;
padding-left:10px;
line-height: 15px;
width:260px;
}


#outColumn2 ul li{
display: block;
text-decoration: none;
margin-left: 20px
}

/*--------------------------------------------------------------------------News page*/
#newsTop { /*border: 1px solid orange;*/
height: 470px;
width: 890px;
margin: 0 auto;}

#newsShot { height: 390px;
width: 500px;
float: left;
/*border: 1px solid green;*/
margin-left: 70px;}

#newsShot h1 { margin-bottom: 15px;}

#newsShot img { border: none;}

#newsContent span {font-size: 12px;
line-height: 24px;}

#newsContent a:link { text-decoration: none;
color: #B30819;}

#newsContent a:visited { text-decoration: none;
color: #B30819;}

#test { margin-top: 20px;
margin-bottom: 10px;}

/*------------------------------------------------------------------------Contact Page*/
#contactForm { height: 400px;
width: 460px;
margin-top: 15px;}

#contactTop { /*border: 1px solid orange;*/
height: 400px;
width: 890px;
margin: 0 auto;}

#contactContent h1 { margin-top: 20px;
margin-bottom: 10px;}

#contactContent p { margin-bottom: 15px;}

.emphasis{ font-weight: bold;
color: #B30819;
}

/*------------------------------------------------------------------------Contact Page - Form Styles*/
/*CONTACT PAGE*/

#form	{margin: 0 auto;
		width: 400px;
		height: 300px;
		position: relative;
		top: 25px;
		left: -35px;
}


ol {list-style: none;
}


#form li {
	margin-bottom: 10px;
	overflow: hidden;
	width: 400px; 
}


#form label {
	display: block;
	float: left;
	width: 136px;
	font-weight:bolder;
	color: #4f898e;
}

input[type=text], input[type=password], textarea {
	float: right;
	width: 250px;
	border: 1px inset #000000;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
}


textarea {height: 125px;

}





/*SENT PAGE*/




#sent	{width: 400px;
			margin: 0 auto;	
			color: #00000;
			position: relative;
			top: 100px;
}

#sent a	{color: #4f898e;}


#header-sent		{background-color: #faf6ee;
			width: 100%;
			height: 120px;
			margin: 0 auto;
}



/***** styles specific to the SUBMIT BUTTONS **********/
input[type=submit] {
	background:url(../images/submit_btn.png) top right no-repeat;
	border:0;
	float:right;
	cursor:pointer;
	width:100px;
	height:32px;
	text-indent:-9999px;
	margin-right:10px;}
	


/*emails etc*/
#mbk { width: 500px;

position: relative;
top: 50px;
}

#mbk p { width: 250px;

}

#emails { width: 250px;
float: left;}

#emailPhoto { position: absolute;
top: 0;
left: 260px;
width:200px;
}

.emails a:link {
color: #B30819;}

.emails a:visited { text-decoration: none;
color: #B30819;}



/*emails etc*/
#mbkvolunteer { width: 500px;

position: relative;
top: 20px;
}

#mbkvolunteer p { width: 250px;

}

#emails { width: 250px;
float: left;}

#emailPhoto { position: absolute;
top: 0;
left: 260px;
width:200px;
}

.emails a:link {
color: #B30819;}

.emails a:visited { text-decoration: none;
color: #B30819;}




/*--------------------------------------------------------------------Gallery Page*/
#galleryTop { height: 400px;
width: 890px;
margin: 0 auto;}







/*------------------------------------------------------------------Style for Accordian section--*/
#youCan { width: 200px;
height: 310px;
float: left;
margin-top: 30px;
margin-left: 20px;
font-size: 12px;
line-height: 24px;
}

#youCan h1 { font-size: 24px;
color: #B30819;
font-weight: 300;
margin-bottom: 10px;}

#youCan h3 { margin-bottom: 5px;}

#youCan img { border: none;
margin-right: 5px;}

#youCan ul li { display: block;
text-decoration: none;
margin-left: 20px;}

#youCan .demo-show2 div { background-color: #dedbbf;
width: 257px;}

#youCan div p { margin-left: 20px;
margin-right: 20px;}

 #youCan a:link { text-decoration: none;
color: #B30819;}

#youCan a:visited { text-decoration: none;
color: #b30819;}


/*-------------------------------------------------------------------Style for Footer--*/
.footer { clear: both;
background-image: url(../images/footer_bg.png);
background-repeat: repeat-x;
height: 50px;
width: 100%;
font-size: 10px;
}

.footer a {color: #fcf6de;
}

#footerContent { width: 960px;
margin: 0 auto;}

#footerL { width: 300px;
float: left;
margin-left: 100px;
margin-top: 10px;
color: #fcf6de;
}

#footerR { width: 400px;
float: left;
text-align: right;
margin-left: 90px;
margin-top: 10px;
color: #FCF6ED;
}

/*style for Gallery------------------------------------------------------------*/

.show	 { display:block;}

.hide { display:none;}



#first ul li { display: inline-block;
text-decoration: none;
border: none;}

#first ul li img { border: none;}

#first { height: 400px;
width: 600px;
margin: 0 auto;
margin-top: 20px;

}

#pic { margin-bottom: 20px;}

/* ============================
   Byline Styles 
   AiA WebRaising 2006
===============================*/

#byline {width:710px; margin:20px auto; padding: 0px 5px;}
#byline img {border:0;}
#bylineCopy {margin:10px auto; width:400px; font:normal 10px Arial, Helvetica, sans-serif;}
#bylineCopy a {color: #B30819;
				text-decoration:none;}
#webraisingLogo {float:left;}
#aiaLogo {float:right; margin-top:10px;}