/*Common layout and formatting elements */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.full-width {
	width: 100%;
}

.half-width {
	width: 50%;
}

.one-thirds-width {
	width: 33%;
}

.two-thirds-width {
	width: 66%;
}

.display-none {
	display: none;
}

.clear {
	clear: both;
}

.text-left {
	text-align: left;
}

.text-center{
	text-align: center;
}
.text-right {
	text-align: right;
}

.text-bold {
	font-weight: bold;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.display-none {
	display: none;
}

.clear-div {
	clear: both;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-bold {
	font-weight: bold;
}

.border-right {
	border-right:1px solid #787878;
}

html,body {
	min-height: 70%;
	height: auto;
	text-align: center;
}

body {
	background: url("../images/background.jpg") repeat-x #b7b7b7;
	margin-bottom: 10px;
}
div.outerContainer {
	text-align: center;
	font-size: 0.9em;
	margin: 0px auto 0 auto;
	width: 850px;
	font-family: "Verdana", "Helvetica", sans-serif;
}

div.outerContainer strong{
	font-weight:bold;	
}

/*For everything within navigation, look in menus.css*/

div.outerContainer .content {
	border: 10px solid #fff;
	border-top:none;
	width:682px;
	float:right;
	background:#fff;
	min-height:560px;
}


div.outerContainer .content p{
	font-size:11px;
	text-align:justify;
	margin:10px 0;
}


div.outerContainer .content .textContent {
} 


div.outerContainer .content .textContent h2{
	color:#173b95;
	font-size:19px;
	font-weight:bold;
	margin:0 0 10px 0;
	text-align:left;
	letter-spacing:-1px;
} 

div.outerContainer .content .textContent h3{
	color:#173b95;
	font-size:14px;
	margin:0 0 10px 0;
	text-align:left;
} 

div.outerContainer .content .textContent h4{
	color:#173b95;
	font-size:13px;
	margin:0 0 5px 0;
	text-align:left;
} 

div.outerContainer .content a, 
div.outerContainer .content a:visited {
	color:#0072bc;
	font-weight:bold;
	text-decoration:none;
}

div.outerContainer .content a:hover {
	text-decoration:underline;
} 

div.outerContainer .content .mainImageLayout {
	width: 682px;
	height: 258px;
	overflow:hidden;
	border-bottom:10px solid #fff;
}

/*Home/Index Page*/
div.outerContainer .content .homepage {
	height:248px;
}

div.outerContainer .content .mainImageLayout .homeimage {
	width: 682px;
	height: 258px;
}
div.outerContainer .content .homepage .barkerBoxes{
	width:165px;
	float:left;
	margin:0 3px;
}

div.outerContainer .content .homepage .barkerBoxes.first{
	width:165px;
	float:left;
	margin: 0 4px 0 0;
}

div.outerContainer .content .homepage .barkerBoxes.last{
	width:165px;
	float:right;
	margin: 0 0 0 4px;
}


div.outerContainer .content .homepage p {
	margin: 5px 0;
}

div.outerContainer .homeQuote {
	background:url(../images/home-quote.jpg) no-repeat left top;
	height:151px;
}

div.outerContainer .homeQuote .quote {
	color:#FFFFFF;
	float:left;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	margin:10px;
}

/*Programs Page*/
div.outerContainer .content .mainImageLayout .programsimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/programs.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .learningcenterimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/learning-center.jpg) no-repeat top left;
}


div.outerContainer .content .mainImageLayout .leadershipimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/youth-leadership.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .environmentimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/environment.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .counsellingimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/counselling.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .learningCenter {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/learning-center.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .mentoringImage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/mentoring.jpg) no-repeat top left;
}


div.outerContainer .content .mainImageLayout .academicProgramimage {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/academic.jpg) no-repeat top left;
}


div.outerContainer .content .programs{
}

div.footer {
	clear:both;
	font-size:10px;
	margin-left:150px;
	padding-top:2px;
	text-align:center;
}


div.footer a,
div.footer a:visited,
div.footer a:hover{
	text-decoration:none;
	color:#000;
}

div.footer a:hover{
	text-decoration:underline;
}


div.outerContainer .content .textContent .leadership ul li{
	font-size:11px;
	text-align:left;
	margin-left:25px;
	padding-left:5px;
	list-style:disc;
}

div.outerContainer .content .textContent .leadership h3,
div.outerContainer .content .textContent .leadership h4{
	margin-bottom:3px;
}
div.outerContainer .content .textContent .leadership p {
	margin-top:5px;
}

div.outerContainer .content .textContent .leadership .half-width{
	width:44%;
}




/*College and  Career*/
div.outerContainer .content .mainImageLayout .collegeAndCareer {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/college-career.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .careerCenter {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/career-center.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .collegeCareerInfo {
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/college-career-info.jpg) no-repeat top left;
}



/*Volunteer page */
div.outerContainer .content .mainImageLayout .volunteerimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/volunteer-mentor.jpg) no-repeat top left;
}


div.outerContainer .content .mainImageLayout .tutorimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/volunteer.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .specialoppsimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/special-opps.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .mentorimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/mentor.jpg) no-repeat top left;
}

div.outerContainer .content .textContent .tutor ul li{	
	font-size:11px;
	text-align:left;
	margin-left:25px;
	list-style:disc;
	padding-left:5px;
}



/* Donate Page*/
div.outerContainer .content .mainImageLayout .donateimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/donate.jpg) no-repeat top left;
}

div.outerContainer .content .donatecontent {	
	width:48%;
	margin-bottom:5px;
}

div.outerContainer .content .donatecontentlarge {	
	width:96%;
	margin-bottom:5px;
}

div.outerContainer .content .donatecontentaddress {	
	margin-right:85px;
}

div.outerContainer .content .donatecontent p,
div.outerContainer .content .donatecontentlarge p{	
	margin: 4px 0;
}

div.outerContainer .content .donatecontent h3{	
	margin-bottom:1px;
}

div.outerContainer .content .donatecontentlarge h3{
	margin-bottom:1px;
	text-align:center;
}

div.outerContainer .content .donatecontentlarge ul li{
	padding-left:5px;
	text-align:left;
	font-size:11px;
	width:100%;
	list-style:disc inside;
}


/* About Page*/
div.outerContainer .content .mainImageLayout .aboutimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/about-us.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .inthemediaimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/in-the-media.jpg) no-repeat top left;
}


div.outerContainer .content .mainImageLayout .tepeesimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/7tepees.jpg) no-repeat top left;
}

div.outerContainer .content .mainImageLayout .staffimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/staff.jpg) no-repeat top left;
}


div.outerContainer .content .mainImageLayout .bodimage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/bod.jpg) no-repeat top left;
}


div.outerContainer .content .textContent .boardOfDirectors .boardMember {
	width:48%;
}

div.outerContainer .content .textContent .staffMembers .staffMember {
	font-size:11px;
	margin-bottom:10px;
	margin-right:1%;
	padding-bottom:8px;
	text-align:left;
	width:49%;
}

div.outerContainer .content .textContent .staffMembers .staffMember .nameEmail{
	float:right;
	width:49%;
}



div.outerContainer .content .textContent .staffMembers .staffMember img {
	margin: 0 10px;
}
div.outerContainer .content .textContent .staffMembers .staffMember h3{
margin:0 0 4px 0;
}


div.outerContainer .content .textContent .staffMembers .staffMember p{
text-align:left;
}



div.outerContainer .content .textContent .staffMembers .clear{
border-bottom:1px solid #ccc;
margin:5px 0;
}


div.outerContainer .content .textContent .boardMember h3{
	margin-bottom:0px;
}
div.outerContainer .content .textContent .boardMember p {
	margin:1px 0 3px 0;
}
div.outerContainer .content .textContent .boardMember h4{
	margin-bottom:0px;
	font-size:11px;
}

div.outerContainer .content .textContent .boardMembers .clear{
	border-bottom:1px solid #ccc;
	margin:5px 0;
}

/* Youth Stories*/
div.outerContainer .content .mainImageLayout .youthStoriesImage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/youth-stories.jpg) no-repeat top left;
}

/* Contact */
div.outerContainer .content .mainImageLayout .contactImage {	
	width: 682px;
	height: 258px;
	background:url(../images/backgrounds/contact.jpg) no-repeat top left;
}