/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { 
	margin: 0; 
	padding:0
	line-height: 1.231;
	background: url(../images/bg/body.jpg) repeat-x #fff 0 0; 
	}
body.home{background: url(../images/bg/body-home.jpg) repeat-x #fff 0 0px; }
body, button, input, select, textarea { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #676767;
	font-size: 12px; 
	}
input{background:none;}	
html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}
/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: Dark Gray!
 */

::-moz-selection { background: #3b4e5b; color: #fff; text-shadow: none; }
::selection { background: #3b4e5b; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00adee; text-decoration: underline;}
a:hover{ text-decoration:none;}
a:visited { }
a:focus { outline:none; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; -webkit-appearance: caret; -moz-appearance: caret;}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

/*<h1 -h6> Setting Reminder to put Header Settings Here*/
h6{
	font-size:12px; 
	color:#00aeef; 
	margin:0; 
	padding-bottom:5px;
}

/* =============================================================================
   Primary styles
   Author: Carlos Agosto Squeaky Wheel Media 8/31/11
   ========================================================================== */

#container {
    width: 100%;
    background: url(../images/bg/container.jpg) no-repeat top center;
    text-align: center;
	padding-bottom:75px;
}
.home #container{background: url(../images/bg/container-home.jpg) no-repeat top center;}

/* =============================================================================
   Header Settings
   ========================================================================== */

header {
    width: 1026px;
    margin: 0 auto;
    text-align: left;
}

nav {position: relative;}

/*Main Dropdown*/
.dropDownMenu {
    width: 100%;
    padding: 0;
    float: left;
    margin-top: 7px;
    position: relative;
}

.dropDownMenu li {
    display: block;
    float: left;
    position: relative;
    margin-left: 25px;
}

.dropDownMenu li.open a, .navSettings:hover {
    background-position: 0 -71px;
}
.dropDownMenu li.onState a{background-position: 0 -143px;}

.navSettings { height: 57px;margin-top: 52px;}

.logo {margin: 1px 15px 0 24px;display: block;}

/*Nav Images*/
.navAbout {
    background-image: url(../images/navigation/about.gif);
    width: 94px;
}

.navApproach {
    background-image: url(../images/navigation/approach.gif);
    width: 124px;
}

.navEvents {
    background-image: url(../images/navigation/events.gif);
    width: 94px;
}

.navInvest {
    background-image: url(../images/navigation/invest.gif);
    width: 94px;
}

.navMedia {
    background-image: url(../images/navigation/media.gif);
    width: 94px;
}

.navSchools {
    background-image: url(../images/navigation/schools.gif);
    width: 105px;
}

.dropDownMenu li ul {
    display: none;
    position: absolute;
    top: 109px;
    width: 100%;
    background: #fff;
    float: left;
    width: 125px;
    padding: 5px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 6px #666;
    -webkit-box-shadow: 1px 1px 6px #666;
    box-shadow: 1px 1px 6px #666;
}

.lte9 .dropDownMenu li ul {border: 2px solid #e3e1d9;}

/*Drop Down Postion*/
.navAbout + ul {left: -20px;}
.navApproach + ul {left: -10px;}
.navSchools + ul {left: -15px;}
.navInvest + ul {left: -30px;}
.navEvents + ul {left: -20px;}
.navMedia + ul {left: -20px;}

.dropDownMenu li ul li {
    text-align: center;
    width: 125px;
    background: #71ad32;
    padding: 5px 0;
    margin: 5px 0 0 0;
    float: none;
}

.dropDownMenu li ul li a {
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
}

.subNav {
    position: relative;
    bottom: 10px;
    left: 15px;
    width: 100%;
    z-index: 20;
	float:left;
}

.subNav li {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    position: relative;
}

.subNavSettings {height: 14px;margin-top: 3px;}

.shareOpen, .subNavSettings:hover, .hover {
    background-position: 0 -28px;
}

.subNav .divider {
    margin-left: 10px;
    color: #78c6e3;
    font-size: 16px;
}

.navContact {
    background-image: url(../images/navigation/contact.gif);
    width: 75px;
}

.navOnlineDirectory {
    background-image: url(../images/navigation/online-directory.gif);
    width: 214px;
}

.navShare {
    background-image: url(../images/navigation/share.gif);
    width: 52px;
    cursor: pointer;
}

.navFollow {
    background-image: url(../images/navigation/follow-us.gif);
    width: 64px;
    margin-top: 3px;
}

.logoTitle {margin: 15px 20px 0 65px; display: block;}

.subNav .socialNetworks {margin: 2px 0 0 5px;}

.followSettings {
    display: block;
    float: left;
}
/*Sub Nav Settings*/
.subNav .searchArea {
    background: url(../images/bg/search.gif) no-repeat;
    height: 23px;
    position: relative;
    width: 135px;
    margin-top: -1px;
}

.searchBox {
    position: absolute;
    width: 85px;
    font-size: 11px;
    left: 20px;
    top: 3px;
    border: 0;
}

.searchSubmit {
    position: absolute;
    right: 5px;
    top: 2px;
}

.subNav li ul {
    position: absolute;
    left: -30px;
    top: 20px;
    width: 100%;
    background: #fff;
    float: left;
    width: 95px;
    padding: 5px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 6px #666;
    -webkit-box-shadow: 1px 1px 6px #666;
    box-shadow: 1px 1px 6px #666;
}

/*Addthis Dropdown for sharing*/
.subNav li ul li {
    text-align: left;
    width: 120px;
    background: #71ad32;
    padding: 5px 0;
    margin: 5px 0 0 0;
    float: none;
    width: 95px;
}

.subNav li ul li a {
    color: #fff;
    text-decoration: none;
}

.subNav li ul li span {
    float: left;
    margin: 0 5px;
}

/*Main*/
#main {
    width: 1000px;
    margin: -10px auto 0 auto;
    padding: 0px 0 30px 0px;
    text-align: left;
}
.ie7 #main{margin-top: -5px;}
/*Slide Show*/
.slideshowSet {
    position: relative;
    padding-bottom: 30px;
}

#ft-buttons-slideshowHolder {
    position: absolute;
    bottom: 44px;
    right: 17px;
    background: url(../images/bg/controls.png) no-repeat;
    width: 125px;
    height: 22px;
    padding: 10px 0 0 35px;
}

.ft-button-slideshowHolder {
    float: left;
    width: 15px;
    height: 15px;
    background: url(../images/slide-show/default.gif) no-repeat;
    margin: 2px 0 0 10px;
}

.ft-button-slideshowHolder-active {
    background: url(../images/slide-show/active.gif) no-repeat;
}
/*Home page Left Side*/
.missionHolder {
    background: url(../images/bg/mission.gif) no-repeat;
    padding: 15px 15px 0px 15px;
    width: 212px;
    color: #fff;
    font-size: 11px;
    height: 283px;
    float: left;
}

.missionHolder p {margin: 0;padding: 10px 0;}

.missionHolder a {color: #ffee5b;}

.btnDonate {
    display: block;
    margin-top: 15px;
    padding-bottom: 5px;
}

.stayConnectedSettings {
    position: relative;
    background: url(../images/bg/stay-connected.gif) no-repeat;
    width: 218px;
    height: 72px;
}

.emailHolder {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url(../images/bg/email-address.gif) no-repeat;
    width: 195px;
    height: 23px;
}

.emailAddress {
    border: 0;
    margin: 3px 0 0 10px;
    width: 160px;
    font-size: 11px;
    float: left;
}

.submitEmail {
    display: block;
    float: right;
    margin: 2px 5px 0 0;
}

/*Announcements Middle Sections On Home Page*/
.announcementsHolder {
    float: left;
    width: 455px;
    margin-left: 30px;
}

.announcementsPromo {display: block; float: left;}

.announcementsInfo {
    float: left;
    width: 290px;
    margin-left: 10px;
}

.announcementsInfo p {
    margin: 0;
    padding-bottom: 5px;
    font-size: 11px;
}

.announcementsInfo a {font-size: 11px;}

.headerSettings {margin-bottom: 20px;}

/*Announcements Carousels Skin*/
.jcarousel-container .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-vertical {
    width: 455px;
    height: 200px;
    padding: 0px;
    float: left;
    border-top: 1px dashed #b0b0b0;
    margin: 20px 0 0 0;
}

.jcarousel-container .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-container .jcarousel-clip-vertical {
    width: 415px;
    height: 231px;
}

.jcarousel-container .jcarousel-item {
    width: 415px;
    height: 90px;
    border-bottom: 1px dashed #b0b0b0;
    padding: 0 0 0 0;
    margin: 20px 0 0 0;
}

.jcarousel-container .noBorder {
    border: 0;
}

.jcarousel-container .jcarousel-item strong {
    display: block;
}

.jcarousel-container .jcarousel-item p {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 11px;
}

.jcarousel-container .jcarousel-item a {
    font-size: 11px;
}

.jcarousel-container .jcarousel-item img {
    margin-right: 10px;
}

.jcarousel-container .jcarousel-item-vertical {
    margin-bottom: 10px;
}

/**
   Vertical Buttons Announcements Carousels
 **/
.jcarousel-container .jcarousel-next-vertical {
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 22px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/btn/next-vertical.gif) no-repeat 0 0;
}

.jcarousel-container .jcarousel-next-vertical:hover, .jcarousel-container .jcarousel-next-vertical:focus {
    background-position: 0 -20px;
}

.jcarousel-container .jcarousel-next-vertical:active {background-position: 0 -20px;}

.jcarousel-container .jcarousel-next-disabled-vertical, .jcarousel-container .jcarousel-next-disabled-vertical:hover, .jcarousel-container .jcarousel-next-disabled-vertical:focus, .jcarousel-container .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -41px;
}

.jcarousel-container .jcarousel-prev-vertical {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 22px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/btn/prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-container .jcarousel-prev-vertical:hover, .jcarousel-container .jcarousel-prev-vertical:focus {
    background-position: 0 -20px;
}

.jcarousel-container .jcarousel-prev-vertical:active {background-position: 0 -20px;}

.jcarousel-container .jcarousel-prev-disabled-vertical, .jcarousel-container .jcarousel-prev-disabled-vertical:hover, .jcarousel-container .jcarousel-prev-disabled-vertical:focus, .jcarousel-container .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -41px;
}

/*Home Page Right Side Bar*/
.rightSideBar {
    float: right;
    width: 233px;
    margin-right: 30px;
}

.onlineDirectory {
    background: url(../images/bg/online-directory.gif) no-repeat;
    padding: 10px 0 0 10px;
    height: 247px;
}

.rightSideBarHeading {margin: 0 0 5px 5px;}

.onlineDirectory p {
    font-size: 11px;
    margin: 10px 0 0 0;
    padding-bottom: 10px;
}

.followSection { float: left;margin: 15px 0 0 15px;}

.followSection img {display: block;float: left;}

.socialIcons {margin: -15px 0 0 5px;}

.socialTitleSettins {margin-right: 5px;}

#galleryHolder{width:755px; height:604px; margin-left: 4px;}

/* =============================================================================
 Section Page
 ========================================================================== */

.sectionMainImg{position:relative; width:994px; height:290px;}

.aboutBoards{background:url(../images/bg/about-boards.jpg) no-repeat -14px 0px;}
.aboutTeam{background:url(../images/bg/about-team.jpg) no-repeat -14px 0px;}
.aboutMission{background:url(../images/bg/about-mission.jpg) no-repeat -14px 0px;}
.aboutHistory{background:url(../images/bg/about-history.jpg) no-repeat -14px 0px;}

.mediaNews{background:url(../images/bg/media-news.jpg) no-repeat -14px 0px;}
.mediaMultimedia{background:url(../images/bg/media-multimedia.jpg) no-repeat -14px 0px;}
.mediaNewsletter{background:url(../images/bg/media-newsletter.jpg) no-repeat -14px 0px;}

.approachNeighborhood{background:url(../images/bg/approach-neighborhood-turnaround.jpg) no-repeat -14px 0px;}
.approachPartners {background:url(../images/bg/approach-partners.jpg) no-repeat -14px 0px;}
.approachResults{background:url(../images/bg/approach-results.jpg) no-repeat -14px 0px;}

.investDonate{background:url(../images/bg/invest-donate.jpg) no-repeat -14px 0px;}
.investDonors{background:url(../images/bg/invest-donors.jpg) no-repeat -14px 0px;}
.investVolunteers{background:url(../images/bg/invest-volunteers.jpg) no-repeat -14px 0px;}

.schoolsWestAdams{background:url(../images/bg/schools-west-adams.jpg) no-repeat -14px 0px;}
.schoolsJohnMuir{background:url(../images/bg/schools-john-muir.jpg) no-repeat -14px 0px;}
.schoolsManualArts{background:url(../images/bg/schools-manual-arts.jpg) no-repeat -14px 0px;}

.eventsCurent{background:url(../images/bg/events-gala.jpg) no-repeat -14px 0px;}
.eventsTeachersLounge{background:url(../images/bg/events-teachers-lounge.jpg) no-repeat -14px 0px;}

.generic{background:url(../images/bg/generic.jpg) no-repeat -14px 0px;}

.sectionMainImg img{position:absolute; bottom:10px; left:-15px;}

.leftSideHolder{float:left; width:240px;}

/*Side Nav*/
.sideNavSettings {
	background: #f3f1e9;
	padding: 15px;
	margin-bottom: 15px;
}
.sideNavSettings li {
	list-style: none;
	border-bottom: 2px solid #cccac4;
	margin-bottom: 5px;
}
.sideNavSettings li img{
	margin:3px 5px 0 0;
	display: block;
	float: left;
}
.sideNavSettings .noBorder, .sideNavSubSettings .noBorder {
	border: 0;
}
.sideNavSettings li a {
	font-size: 19px;
	color: #74b233;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 5px;
	display: block;
	background: url(../images/btn/arrow-down.gif) no-repeat 0 -99px;
}

.sideNavSettings li a:hover, .sideNavSettings .onState a {
	background: #fff;
	-moz-box-shadow: 1px 1px 6px #cccac4;
	-webkit-box-shadow: 1px 1px 6px #cccac4;
	box-shadow: 1px 1px 6px #cccac4;
	background: url(../images/btn/arrow-left.gif) no-repeat 190px center #fff;
}
.sideNavSettings .onState a.arrowDown {background: url(../images/btn/arrow-down.gif) no-repeat right center #fff;}

.lte9 .sideNavSettings li a{border: 1px solid #f3f1e9;}

.lte9 .sideNavSettings li a:hover,
.lte9 .sideNavSettings .onState a {
	border: 1px solid #cccac4;
}
.sideNavSettings .onState a {
	margin: 0 0 10px 0;
}
.sideNavSettings .onState .sideNavSubSettings {
	display: block;
	visibility: visible;
	padding: 0;
	margin: 10px 0 0 0;
}
.sideNavSettings ul.sideNavSubSettings li a {
	font-size: 13px;
	color: #6b6647;
	background: #f3f1e9;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	text-transform: none;
}
.lte9 .sideNavSettings ul.sideNavSubSettings li a {
	border: 0;
}
ul.sideNavSubSettings li {
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #cac8c2;
}
.sideNavSettings ul.sideNavSubSettings li.onState a,
.sideNavSettings ul.sideNavSubSettings li a:hover {
	color: #fff;
	background: #8bbd54;
}
.middleSection {
	float: left;
	margin-left: 30px;
}

/*Middle Section Widths*/
.fullWidth {width: 725px;}

/*Breadcrums*/
.breadcrumbs {
	float: left;
	padding: 0;
}
.breadcrumbs li {
	float: left;
	list-style: none;
	display: block;
	color: #c9c4b2;
	margin-right: 10px;
	font-size: 11px;
}
.breadcrumbs li a {
	color: #c9c4b2;
	text-decoration: none;
	font-size: 11px;
	margin-right: 5px;
}
.subHeading {
	font-size: 29px;
	color: #00adee;
	margin: 20px 0 0 0;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}
.membersProfile {
	float: left;
	width: 100%;
	padding: 0;
}
/*.membersProfile li {
	display: block;
	float: left;
	list-style: none;
	position: relative;
	margin-right: 30px;
	padding-bottom: 20px;
} */
.membersProfile li {
display: block;
float: left;
height: 95px;
list-style: none outside none;
margin-right: 30px;
padding-bottom: 20px;
position: relative;
}


.membersProfile li img {
	display: block;
	float: left;
	margin-right: 10px;
	width: 79px;
	height: 83px;
}
.membersProfile p, .nameList p {
	float: left;
	width: 125px;
	font-size: 11px;
	margin: 0;
}

.nameList{float: left; width: 100%; padding: 0;}

.nameList li {
	width: 100%;
	padding-bottom: 15px;
	list-style: none;
	display: block;
	float: left;
}

.nameList p {width: 240px;}

.nameList p a{clear: both; display: block;}

.membersProfile strong, .nameList .strong {
	font-size: 12px;
	display: block;
	padding-bottom: 2px;
}
.membersProfile strong em, .nameList strong em {
	font-weight: normal;
	color: #f26649;
	display: block;
}
.membersProfile .lastMember {
	margin-right: 0;
}

.bio {
	position: absolute;
	bottom: 25px;
	left: 89px;
}
.nameList .bio {
	bottom: 0px;
	left: 0;
	position: relative;
}
.contentHolder {
	float: left;
	margin-top: 15px;
	width: 100%;
}
.contentHolder p {
	padding-bottom: 20px;
	margin: 0;
	line-height: 1.5em;
}
.leftSection {float: left; width: 475px;}
.rightSection {float: right;width: 210px;}
.featuredSpeakersList {
	padding: 0 0 20px 0;
	width: 100%;
	float: left;
}
.featuredSpeakersList li {list-style: none;}
.leftListSettings {
	width: 230px;
	margin-right: 15px;
}
.rightListSettings {width: 212px;}
.subListSettings {
	float: left;
	margin-top: 10px;
	padding: 0;
}
.subListSettings li {
	padding-bottom: 10px;
	float: left;
	display: block;
}
.subListSettings strong {font-size: 12px;}
.subListSettings em {
	color: #f26649;
	display: block;
	font-weight: normal;
}
.subListSettings p {font-size: 11px; padding-bottom: 0;}

.pastInvitationsGallery {
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 0 0;
}
.pastInvitationsGallery li {
	list-style: none;
	display: block;
	padding-bottom: 5px;
} 

.footerPages .lettersIndent {text-indent: 50px;float: left;}
.footerPages .letters {color: #5ba529;}

.alignLeft {float: left;margin-right: 15px;}
.imgResize {width: 79px;height: 83px;}
.membersInfo {font-size: 14px;display: block;}
.membersInfo em {color: #f26649;font-weight: normal;}

.corporateList {padding: 0;}
.corporateList li{
	list-style: none; 
	display: block; 
	padding-bottom: 10px;
	}

.back {
	display: block;
	margin-top: 20px;
	float: left;
}
.articlesSetting {
	float: left;
	width: 100%;
	padding: 0;
}
.newArticles{margin-top: 15px;}

.meidaSetting li:first-child{margin-top: 0;}

.articlesSetting li {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #b0b0b0;
	list-style: none;
}
.articlesSetting .noBorder {border: 0;}
.articlesSetting h4 {
	font-size: 15px;
	margin: 0;
	padding: 5px 0 10px 0;
}
.articlesSetting h4 a {text-decoration: none;}
.articlesSetting h4 a:hover {text-decoration: underline;}
.articlesSetting p {margin: 0;}
.articlesSetting img {
	display: block;
	float: left;
	margin-right: 15px;
}
.newsTitle {
	font-size: 15px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #00aeef;
}
.contentTitle {
	font-size: 17px;
	margin: 0;
	padding: 0 0 5px 0;
	color: #00aeef;
}

.alignLeftHolder {float: left;margin-right: 15px;}
.alignLeftHolder img {display: block;}
.alignLeftHolder a {margin: 10px 0 0 0;}

.overview {
	background: #fbf8f0;
	padding: 20px 15px 10px 15px;
	width: 300px;
	float: left;
}
.overview p {padding-bottom: 15px;}
.overview ul {padding: 0 0 0 15px;}
.overview ul li {padding-bottom: 10px;}

.neighborhoodChart {
	width: 380px;
	height: 300px;
	background: url(../images/bg/neighborhood-chart.gif) no-repeat;
	float: right;
	position: relative;
}
.btnTurnaround {
	position: absolute;
	top: 165px;
	left: 35px;
}
.btnHub {
	position: absolute;
	top: 165px;
	right: 20px;
}
.linkTurnaround {
	color: #f26649;
	position: absolute;
	bottom: 0;
	left: 0;
}
.linkHub {
	color: #6eb43f;
	position: absolute;
	bottom: 0;
	right: 0;
}

.hubColor {background: #6eb43f;}
.hubColorTitle {color: #6eb43f;}
.turnaroundColor {background: #f26649;}
.turnaroundTitle {color: #f26649;}

.infoBox {
	float: left;
	padding: 15px 20px 10px 20px;
	margin: 20px 0 0 0;
	width: 665px;
	color: #fff;
}
.infoBox h3 {
	font-size: 29px;
	margin: 0;
}
.infoBox p {
	line-height: 1.5em;
	padding-bottom: 10px;
	margin: 0;
}

.highlight {color: #373327;}

.coda-slider-wrapper {padding: 10px 0;width: 713px;}
.coda-slider {background: url(../images/bg/slider-shadow.gif) repeat-y;}


.coda-slider, .coda-slider .panel {width: 713px;}
/* Tab nav */
.coda-nav ul li a.current {background-position: 0 -122px;}
/* Panel padding */
.coda-slider .panel-wrapper {padding: 20px;width: 670px;}
.panel-wrapper ul{padding-bottom: 10px;}
.panel-wrapper ul li{padding-bottom: 10px;}
/* Tabbed nav */
.coda-nav ul {
	float: left;
	width: 100%;
	padding: 0;
}
.coda-nav ul li {float: left;display: block;}
.coda-nav ul li a {height: 78px;}

.integratedTab {
	background-image: url(../images/bg/integrated-services.gif);
	width: 238px;
}
.resourceTab {
	background-image: url(../images/bg/resource-management.gif);
	width: 237px;
}
.parentalTab {
	background-image: url(../images/bg/parental-engagement.gif);
	width: 238px;
}
.schoolCultureTab {
	background-image: url(../images/bg/school-culture.gif);
	width: 238px;
}
.collegeTab {
	background-image: url(../images/bg/college-preparedness.gif);
	width: 237px;
}
.efficientTab {
	background-image: url(../images/bg/efficient-school.gif);
	width: 238px;
}
/* Miscellaneous */
.coda-slider-wrapper {float: left;}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}
.coda-slider .panel {display: block;float: left;}

.panel-wrapper p {
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 1.5em;
}
.bottomPanelSet {
	background: url(../images/bg/bottom-panel.gif) no-repeat;
	height: 80px;
	float: left;
	width: 100%;
}
.coda-slider .panel-container {position: relative;}

.imgTitle {padding: 10px 0;display: block;}

.bottomNavBtn {margin-top: 13px;}
.btnLeft {float: left;margin-left: 25px;}
.btnRight {float: right;margin-right: 25px;}

/*Partners List*/
.partnersSetting {
	float: left;
	padding: 0;
	width: 240px;
}
.partnersSetting li {
	list-style: none;
	padding-bottom: 10px;
	width: 210px;
}

/*Logo Block*/
.logoHolder {float: left;width: 100%;}
.logoHolder img {
	display: block;
	float: left;
	margin: 3px 15px 0 0;
}
.logoContentBlock {width: 580px;float: left;}
.logoContentBlock p a {display: block;}

/*Doner Page*/
.donerName {
	float: left;
	font-weight: normal;
	margin: 8px 0 0 10px;
	font-size: 24px;
}
.donerLogo {display: block;float: left;}

.sponsor {
	margin: 0;
	padding: 25px 0 10px 0;
	clear: both;
}

/*School*/
.schoolList {
	float: left;
	width: 100%;
	padding: 0;
}
.schoolList li {
	display: block;
	float: left;
	list-style: none;
	margin-right: 10px;
}
.schoolList img {display: block; float: left;}
.schoolList a {
	display: block;
	clear: both;
	padding-top: 10px;
}
.schoolLocation {
	float: left;
	width: 210px;
	border-bottom: 1px dotted #d0cfce;
	padding-bottom: 10px;
}

.schoolLocation p {padding-bottom: 10px;}

.reportCard {
	float: left;
	width: 210px;
	margin-top: 15px;
}
.icon {
	margin: 3px 5px 0 0;
	display: block;
	float: left;
}
.snapshot {float: left;width: 100%;}
.schoolData {
	width: 190px;
	margin-top: 10px;
	float: left;
}
.colOne {
	background: #f4f2db;
	font-weight: bold;
	text-align: right;
	width: 140px;
	border-right: 1px solid #fff;
	padding: 5px 5px 5px 0;
}
.colTwo {background: #f7f5e4; text-align: center;}
.altRow .colOne {background: #fcfbeb;}
.altRow .colTwo {background: #fdfcf0;}

.schoolChart {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	float: left;
	width: 260px;
	margin: 10px 0 0 15px;
	padding: 0 0 0 10px;
}
.colorValues {
	display: block;
	float: left;
	width: 115px;
	padding: 0;
}
.colorValues li {
	list-style: none;
	padding-bottom: 5px;
	display: block;
	float: left;
}
.colorValues span {
	display: block;
	width: 35px;
	float: left;
}
.colorValues .noWrapConent {
	display: block;
	width: 60px;
	float: left;
}
.colorValues img {
	display: block;
	float: left;
	margin: 2px 5px 0 0;
}
.stats {
	float: left;
	width: 210px;
	margin: 10px 0 0 15px;
}
.stats p {margin: 0;padding-bottom: 5px;}

.barGraph {margin-bottom: 10px;}

#gallery {background: none;}

.eventInfo {width: 475px;float: left;}

.paypal {
	background: url(../images/bg/pattern.gif);
	-moz-box-shadow: 2px 3px 5px #666;
	-webkit-box-shadow: 2px 3px 5px #666;
	box-shadow: 2px 3px 5px #666;
	padding: 10px 5px 0 10px;
	margin: 10px 0 15px 0;
}
.lte9 .paypal {
	border-right:2px solid #dedad0; 
	border-bottom:2px solid #dedad0; 
	border-left: 1px solid #dedad0; 
	border-top:1px solid #dedad0; 
}
.paypal h5 {font-size: 17px;margin: 0;}
.paypal em {
	color: #f26649;
	float: left;
	margin-top: 3px;
	padding-bottom: 5px;
}
.paypal p {font-size: 11px;}
.paypal select {display: block; clear: both;}
.paypal input {margin-top: 5px;}
.advertisements {border-top: 1px solid #d4d0c8; padding-top: 10px;}

/*Teachers Lounge*/
.teacherEvent {
	display: block;
	margin-top: 5px;
	float: left;
}
ul.boardSettings {float: left;padding: 0;}
ul.boardDirectorsSetting {width: 290px !important;}
ul.boardAdvisorsSetting {width: 150px !important;margin-left: 25px;}
ul.boardAdvisorsSetting li{width: 150px;}
ul.boardSettings li {
	display: block;
	float: left;
	clear:both;
}
ul.boardSettings ul {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 0;
}
ul.boardSettings ul li {
	list-style: none;
	display: block;
	float: left;
	padding: 0 0 2px 0;
	clear: none;
}
ul.boardDirectorsSetting ul li {width: 135px;}
ul.boardAdvisorsSetting ul li {width: 100%;}
.eventSideBar {float: right;width: 215px;}
.viewPackages {margin-top: 8px;}
#bottomLine { border-bottom: 1px dotted #d0cfce; margin: 0 0 15px 0;}
.eventInfoBoxTop {
	border-bottom: 1px dotted #d0cfce;
	padding: 0px 0;
	margin: 0px 0 15px 0;
}
.eventInfoBox {
	border-bottom: 1px dotted #d0cfce;
	border-top: 1px dotted #d0cfce;
	padding: 15px 0;
	margin: 15px 0 15px 0;
}
.eventInfoBox p {margin: 10px 0 0 0;}
.eventInfoBox strong {padding-bottom: 3px;}
.eventSidebarList {padding: 0 0 20px 0;}
.eventSidebarList li {
	border-bottom: 1px dotted #d0cfce;
	padding-bottom: 5px;
	margin-top: 5px;
	list-style: none;
	font-weight: bold;
}
.eventSidebarList .noBorder {border: 0;}

.eventInfo p {
	line-height: 1.5em;
	padding-bottom: 20px;
	margin: 0;
}

.eventSidebarList h5{font-size: 13px; color: #6eb43f; margin: 0 0 5px 0;}

.newsData {width: 500px;margin-bottom: 20px;}
.newsData td {padding: 10px 0 10px 10px;vertical-align: top;}
.newsData th {padding: 0px 0 5px 10px;vertical-align: top;}
.contentHolder .newsData td p {padding: 0;}
.newsData td ul {margin: 10px 0 0 15px;}
.newsData td ul li {padding-bottom: 5px;}

.leftColor {border-right: 1px solid #fff; background: #fcfbeb;}
.rightColor {background: #fdfcf0;}
.altRow .leftColor {background: #f4f2db;}
.altRow .rightColor {background: #f7f5e4;}

/*Newsletter*/
.newsEmailHolder {
	background: url(../images/bg/news-letter.gif) no-repeat;
	width: 295px;
	height: 25px;
	position: relative;
	float: left;
	clear: both;
	padding: 0 0 20px 0;
}
.newsletterEmail {
	position: absolute;
	border: 0;
	width: 260px;
	top: 3px;
	left: 10px;
}
.simplemodal-container {background: #fff;}
.messageSettings {padding:10px; display: none;}

.lte9 .messageSettings {width: 300px;}
.error {color: #ff0000;}

.required {float: left; margin-left: 5px;}
.message {clear: both;}

.twoColList{float: left; width: 100%; padding: 0 0 10px 0;}
.twoColList li{
	display: block; 
	float: left; 
	width: 100%; 
	list-style: none;
	padding-bottom: 10px;
}
.twoColList li p{width: 200px; float: left; padding: 0;}
/*Sitemap*/
.sitemapSetting {
	float: left;
	width: 230px;
	padding: 0;
}
.ie7 .sitemapSetting {width: 220px; }
.sitemapSetting li {
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 5px;
}
.sitemapSetting strong {font-size: 14px;}
.sitemapSetting ul {
	float: left;
	width: 80%;
	margin: 5px 0 0 0px;
	padding-left: 20px;
}
.sitemapSetting ul li {
	padding-bottom: 5px;
	display: list-item;
	list-style: disc;
	list-style-position: outside;
	padding-bottom: 5px;
}
.ie7 .sitemapSetting ul li{display: block; list-style-type: none;}
.sitemapSetting ul ul {margin-top: 5px;}
.sitemapLeftSpace {margin-right: 10px;}

.videoCopy{float: right; width: 225px}


/*Pop Up*/
#simplemodal-overlay, #confirm-overlay {
	background-color: #000000;
}
#simplemodal-container {
	border: 1px solid #00AEEF;
}
.ie7 #simplemodal-container {min-height: 50px;}
.simplemodal-container a, .modal-close {
	width: 26px;
	height: 26px;
	position: absolute;
	top: -15px;
	right: -15px;
	background: url(../images/btn/close.png) no-repeat;
}
.eventGallery {margin-bottom: 20px;}

.submit {margin: 3px 6px 0 0; float: right;}

.sectionSpace {margin-top: 10px;}

/* =============================================================================
 Footer
 ========================================================================== */
footer {
	background: url(../images/bg/footer-tile.gif) repeat;
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
}
.footerContaner {
	background: url(../images/bg/footer.gif) no-repeat top center;
	width: 100%;
	float: left;
}
.footerContent {
	width: 1026px;
	margin: 0 auto;
	text-align: left;
	color: #9c9580;
	padding: 25px 0 15px 35px;
	font-size: 11px;
}
.footerContent p {margin: 0;}
.footerLeft {float: left; width: 310px;}

.phoneIcon {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}
.footerContent .number {float: left; margin-top: 1px;}

.location {clear: both;}

.footerRight {
	float: right;
	width: 555px;
	margin-right: 35px;
}
.footerLogo {
	float: right;
	display: block;
	margin: -5px 10px 0 0;
}
.footerNav {
	float: left;
	width: 500px;
	padding: 0;
}
.ie9 .footerNav {
	width: 488px;
	margin-left: 15px;
}
.footerNav li {
	display: block;
	float: left;
	margin-left: 10px;
}
.footerNav a {
	color: #645f4f;
	text-decoration: none;
	display: block;
	float: left;
}
.footerNav a:hover {text-decoration: underline;}
.footerContent .copyright {
	font-size: 10px;
	float: right;
	margin: 5px 5px 0 0;
}

/* =============================================================================
 Image replacement Titles
 ========================================================================== */
.titles {
    background-image: url(../images/sub-section-titles.gif);
	width:100%;
	float:left;
	margin:30px 0 0 0;
}

.titleMission{background-position:0 0px; height:35px;}
.titleHistory{background-position:0 -60px; height:46px;}
.titleBoards {background-position:0 -117px; height:38px;}
.titleNeighborhood{background-position:0 -237px; height:49px;}
.titleTeam{background-position:0 -180px; height:35px; }
.titleResults{background-position:0 -297px; height:38px;}
.titlePartners{background-position:0 -360px; height:35px;}
.titleSchool{background-position:0 -417px; height:38px;}
.titleWestAdams{background-position:0 -477px; height:94px;}
.titleManualArts{background-position:0 -582px; height:49px;}
.titleJohnMuir{background-position:0 -642px; height:49px;}
.titleDonate{background-position:0 -705px; height:35px;}
.titleDonors{background-position:0 -765px; height:35px;}
.titleVolunteer{background-position:0 -822px; height:38px;}
.titleGala{background-position:0 -876px; height:38px;}
.titleTeachersLounge{background-position:0 -931px; height:49px;}
.titleNews{background-position:0 -988px; height:36px;}
.titleMultimediar{background-position:0 -1093px; height:38px;}
.titleNewsletter{background-position:0 -1147px; height:38px;}
.titlePrivacy{background-position:0 -1204px; height:49px;}
.titleTerms{background-position:0 -1255px; height:38px;}
.titleContact{background-position:0 -1311px; height:46px;}
.titleCorporate{background-position:0 -1363px; height:48px;}
.titleSitemap{background-position:0 -1419px; height:46px;}
.titleOurTeam{background-position:0 -1473px; height:36px;}
.titleFounder{background-position:0 -1525px; height:46px;}
.titlePresident{background-position:0 -1580px; height:50px; }

/* =============================================================================
   Class used on multiple elements and places
   ========================================================================== */
.firstTitle{padding-bottom:20px;}

.blurb {
	margin: 0;
	padding-bottom: 20px;
	line-height: 1.5em;
	float: left;
}
.sectionDivider {border-top: 1px dotted #b0b0b0;}
.noSubheader {padding-top: 20px;}

.tagline {margin: 10px 0 25px 0;}

.pdfIcon,.pdfList a{
	background: url(../images/pdf-icon.gif) no-repeat ; padding: 0 0 5px 25px;
	}
.listNoBullets{margin-top: 10px; padding: 0;}
.listNoBullets li{list-style: none; display: block; padding-bottom:10px;}

.lightBox{cursor: pointer;}

.copyHighlight{color: #00ADEE;}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/*Clear elements next to floting elements*/
.clear{display:block; clear:both;}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
 .emailAddress{margin: 1px 0 0 2px;}

}


@media only screen and (max-width: 1050px) {
  /* rules that only apply for canvases narrower than 1050px */
 #container, footer{width: 1026px;}	
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}