/* --------  FRAMEWORK August 1 2009 --------*/


#videoplayer p {
	padding: 0px 0px 0px 0px;
	margin: -6px 0px 0px 0px;
	font-size: 9px;
	line-height: 0;	
	text-align: right;
}
#videoplayer iframe {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	line-height: 0;	
}
.note { display: none; }

.unlist a { text-decoration: none; }


* { margin: 0; padding: 0; }

html, body { height: 100%; }
html { overflow-y: scroll; }

body { height: 100%; font-size: 62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: White; }

/* -----------------------  LINKS  ---------------------- */

a { color: #0198AB; outline: none; }
a:hover { color:#77993F; }
a:focus { color: #77993F; outline: none;}
img a { border: none; }





/* -----------------------  Headers  ---------------------- */

p { font-size: 1.2em; margin: 0 0 .8em 0; color: #696969; line-height: 1.4em; }


.services-page h3 { margin: 0 0 14px 0; }
.services-page li { text-align: left;}



h1 { xfont-weight: normal; font-size: 1.5em; margin: 0 0 1.1em 0; color: #77993F; text-align: left; }
h1 a { color: #77993F; }

h2 { xfont-weight: normal; font-size: 1.3em; margin: 0 0 .8em 0; xcolor: #77993F; color: #696969; text-align: left; }
h2 a { color: #696969; }

h3 { font-weight: normal; font-size: 1.3em; margin: 1.2em 0 .3em 0; color: #0198AB; text-align: left; }
h3 a { color: #0198AB; }

h4 { font-size: 1.2em; margin: 1.2em 0 .3em 0; color: #696969; font-weight: bold; text-align: left; }
h4 a { color: #696969; }

h5 { font-size: 1.1em; margin: 1.2em 0 .3em 0; xcolor: #77993F; color: #0198AB; }
h5 a { color: #0198AB; }

h6 { font-size: 1.1em; margin: 1.2em 0 .3em 0; color: #77993F; }
h6 a { color: #77993F; }





.center { text-align: center; }
#staff h2 { font-size: 1.6em; margin: 0 0 .9em 0; color: #77993F; text-align: left; }




/* -------------------  Blockquotes ----------------- */
blockquote { margin: 2em 3em 2em 2em; xcolor: #666; xfont-style: italic; padding: 0px 0 0 0; font-size: 1.2em; xmargin: 0 0 .8em 0; xcolor: #696969; color: #666666; line-height: 1.4em; }







/* -------------------  Lists   ----------------- */

#main ul { margin: 0 0 8px 0; }
#main ul li {
	font-size: 1.2em;
	color: #696969;
	margin: 0px 0 0 12px;
	list-style-type: none;
	padding: 0 35px 9px 14px;
	xtext-align: left;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}

#main ul ul { margin: 5px 0 0 0; }
#main ul ul li { font-size: 1em; text-align: left; color: #696969; margin: 6px 0 0 6px; list-style-type: none; padding: 0 35px 4px 14px; line-height: 1.2em; background: url(../images/bullet2.gif) no-repeat 0 4px; }


#main ol { margin: 3px 0 8px 0;  }
#main ol li {
	font-size: 1.2em;
	color: #696969;
	margin: 2px 0 0 32px;
	padding: 0 35px 9px 0px;
	xline-height: 2em;
} 







.col1 { width: 270px; float: left; }
.col2 { width: 270px; float: right; }



.quiet-links  a { text-decoration: none; color: #666666; }
.quiet-links  a:hover { text-decoration: underline; color: #77993F; }

/* ----------------------------------------------------  Page Architecure -------------------------------------------------------- */	

/* ------------  Centers the Block in the Page -------------- */	



#column { margin: 0 auto; padding: 30px 0 0 0; clear: left; position: relative; text-align: left; width: 850px; }







/* -----------------------------------------------  Header ------------------------- ------------- */	
#logo { width: 850px; height: 70px; margin: 0 auto; background: url(../images/logo.gif) no-repeat; }
#logo p { display: none; }

#header { width: 850px; height: 244px; margin: 0 auto; background: url(../images/idblock.gif) no-repeat top left; text-align: right; }

#languagebar {
	width: 850px;
	height: 64px;
	text-align: right;
	xbackground: url(../images/languages.gif) no-repeat top right;
}

#languagebar a:link img { border: none; }

#languagebar-off { width: 850px; height: 37px; text-align: right; }




.interior { margin: 0 0 50px 0; }
#headbuffer { width: 685px; height: 50px; }


.pageid {
	float: left;
	width: 231px;
	height: 244px;
	display: table;
}
.pageid p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4em;
	color: white;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: bold;
}


.pageid h1 { *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? 
	parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }

.pageid h1 { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.5em; color: white; line-height: 1.5em; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; }


.pageid p { *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? 
	parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }

	
	
	
	
.pageidpic { float: right; width: 615px; height: 244px; }


.contact1 { background: url(../images/pageid/contact.jpg) no-repeat; }
.involved { background: url(../images/pageid/involved.jpg) no-repeat; }
.media { background: url(../images/pageid/media.jpg) no-repeat; }
.results { background: url(../images/pageid/results.jpg) no-repeat; }
.students { background: url(../images/pageid/students.jpg) no-repeat; }
.schools { background: url(../images/pageid/schools.jpg) no-repeat; }
.services { background: url(../images/pageid/services.jpg) no-repeat; }
.philo { background: url(../images/pageid/philo.jpg) no-repeat; }
.about { background: url(../images/pageid/about.jpg) no-repeat; }
.mission { background: url(../images/pageid/mission.jpg) no-repeat; }

















/* -----------------------------------------------  Wrapper OR Container-------------------------------------- */	
#wrapper { width: 960px; margin: 0 auto; }





/* -----------------------------------------------  Content -------------------------------------- */	
#content { width: 960px; margin: 0 auto; xborder: 1px solid blue; }
#main { width: 575px; float: right; margin: 0 12px 14px 0; display: inline; padding: 0 10px 20px 0; text-align: justify; }


	
.highlight1 { color: #0198ab; xfont-weight: bold; }	
.highlight2 { color: #77993F; xfont-weight: bold; }	




 
 
 /* ------------  Home Page Content ---------------- */	
 
 #column-container { width: 580px; float: right; margin: 0 20px 14px 0; xdisplay: inline; xoverflow: auto; xpadding: 0 10px 0 0; display: inline; }

#right-column { xborder: 1px solid red; width: 200px; float: right; margin: 5px 0px 0 0; xtext-align: right; }
#right-column h2 {
	font-size: 1.2em;
	margin: 0 0 .8em 0;
	color: #696969;
	line-height: 1.6em;
}
#right-column p a { font-size: .95em; margin: 0; xcolor: #696969; line-height: 1.2em; xtext-align: right; }




#creditfooter { display: none; }


.feedburnerFeedBlock ul li div { display: none; }

.feedburnerFeedBlock ul li  {
	font-size: 1.1em;
	list-style-type: none;
	margin: 0 0 12px 0;
}


 #main-home {
	width: 347px;
	float: left;
	xmargin: 0 0 2px 0px;
}

.hometext { text-align: justify; }
.hometext p { margin: 0 0 14px 0; line-height: 1.4em; font-size: 1.2em; }
 
 #recent-news { margin: 14px 0 0 0; }
 
 
 
 #home-wrapper {
	height: 260px;
	width: 347px;
	float: left;
	margin: 0 0 14px 0px;
	text-align: justify; 
	xdisplay:inline;
}



















#home-col1 {
	width: 216px;
	float: left;
}

#istart {
	float: left;
	margin: 20px 0 0 16px;
	display: inline;
}

/* -----------------------------------------------  NAVIGATION -------------------------------------- */	

#nav { width: 960px; height: 60px; margin: 0 auto 0 16px; }

 
.nav {
	margin-left: 16px;
	width: 200px;
	float: left;
	padding: 5px 0  0;
	display: inline;
	border-bottom: 1px solid #9F9F9F;
}

.selected a {
	color: black;
}

.nav ul {
	width: 200px;
	xborder-top: 1px solid Gray;
	xborder-bottom: 1px solid #9F9F9F;
}

.nav ul li {
	border-top: 1px solid #9F9F9F;
	list-style-type: none;
	padding: 6px 0 6px 0px;
	xmargin: 0 
	xcolor: #7d7e7e;
	xdisplay: block;
	xbackground-color: yellow;
}
.selected { background: url(../images/nav.gif) repeat-x; }

.nav ul li a { xborder-bottom: 1px solid #9F9F9F; font-size: 1.1em; list-style-type: none; padding: 6px 0 6px 8px; color: #696969; text-decoration: none; }
.last  { border-bottom: 1px solid #9F9F9F; width: 200px; }

.nav ul ul li { font-family: Arial, Helvetica, Tahoma, sans-serif; padding: 2px 0 0px 0px; font-size: 1em; border-top: none; xletter-spacing: -.1em; xline-height: 1.4em; xdisplay: inline; }





.nav ul ul {
	margin: 0px 0 11px 12px;
	list-style-type: none;

}
*html .nav ul ul {
	margin: 5px 0 4px 12px;
	list-style-type: none;

}

.nav ul li a:hover { color:#0198ab;}














/* -----------------------------------------------  Footer ---------------------------------------- */	
#footer {
	width: 826px;
	height: 35px;
	margin: 25px auto 0 auto;
	padding: 0px 0 50px 0;
	xborder: 1px solid blue;
	text-align: right;
	xborder-top: 1px solid #8C8C8C;
}


#contact-donate {
	height: 29px;
	float: right;
	width: 380px;
	margin: 0 8px 0 0;
	padding: 0;
}
.contact { xmargin: 25px 0px 0px 0; xpadding: 45px 0 0 0; font-size: 9px;}	
.donate-button { margin: 0 0 0 28px; }
.donate { margin: 0px 0px 10px 0; }
.donate-home { margin: 0px 00px -10px 0; }
.contact a { text-decoration: none; font-size: 1.3em; color: #696969; font-weight: normal; }	
.contact a:hover { text-decoration: underline; font-size: 1.3em; color: #0198AB; font-weight: normal; }	




/* -------------- CONTACT PAGE  ----------------- */

#contactform { width: 370px; float: right; margin: 0 80px 0 0; color: white; font-size: 1.1em; display: inline; }
.contact { text-indent: -100em; overflow: hidden; width: 367px; height: 38px; background: url(../images/contact-us.gif) no-repeat 0 7px; }
#contactinfo { float: left; width: 230px; height: 300px; border-right: 1px solid #BDD9EA; margin: 0 0 10px 0; }


.field { color: #506569; background-color: #E5E5E5; border: 0px solid #9E9E9E; font-size: 1.1em; font-family: arial, helvetica, sans-serif; }
.single { height: 18px; width: 162px; margin: 0; padding: 3px; }
.comment { height: 85px; width: 363px; padding: 3px 0 0 3px; overflow: hidden; !important: ; }

/* -------------------- submit button with rollover -------------------- */	
.submit { background: url(../images/send.gif) no-repeat; height: 17px; width: 82px; border: none; padding-top: 17px; float: right; cursor: pointer; margin: 0 3px 0 0; }
.submit:hover { background: url(../images/send.gif) no-repeat 0 -17px; }





/* -------------- MailChimp Newlsetter Signup----------------- */

#newsletter-form { float: left; width: 200px; }
#newsletter-form p { font-size: 1em; text-align: left; float: left; }
#mce-responses { float: left; width: 200px; font-size: 1em; margin: 0 0 .8em 0; color: #696969; }
#mce-error-response { float: left; width: 200px; font-size: 1em; margin: 0 0 .8em 0; color: #696969; }
#mce-EMAIL { font-size: .9em; width: 152px; color: #696969; margin: 0 0 6px; float: left; height: 16px; padding: 3px 0 0 3px; }
fieldset { border: none; }







/* -----------------------------------------------  Fancy Bits ---------------------------------------- */	

/* -------------------- stupid table tricks -------------------- */	
table { margin: 0 0 16px 0; }
.cell { padding: 0px 0 12px 0; }
.wide { width: 370px; }
.one { width: 200px; padding: 0  30px 10px 0; }




/* ------------------------  hr fixes ------------------------*/

*+html hr { xmargin: 0em 0 -7px 0; /*IE 7 bugfix*/ }
* html hr { xmargin: 0em 0 -7px 0; /*IE 6 bugfix*/ }

hr { background: #ddd; margin: 25px 0  20px 0; clear: both; float: none; width: 100%; height: 2px; border: none; }

*hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 2px; margin: 5px 0 1.45em 0; border: none; }

.slider  { xpadding: 0 0 4px 0;}
#slider a { xoutline: none;xOutline:0; xmargin: 0 0 3px 0;}
.slider a { text-decoration: none; focus: none; xmargin: 0 0 9px 0;}
.more { text-decoration: underline; }
.slider img {
	padding: 3px 8px 0 0;
}





#news ul li {
	text-align: left;
	list-style-type: none;
	list-style-image: ../images/spacer.;
	background: url(../images/spacer.gif) no-repeat 0 4px;
}








caption { background:#eee;padding: 10px;}
.small {
	font-size: .9em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
		font-weight: normal;
}
.xsmall { font-size: 85%; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }

.quiet { color: #666; }
.loud { color: #000; }
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym { xborder-bottom: 1px dotted #666; }
sup, sub { line-height: 0; }
/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { xfont-variant: small-caps; xletter-spacing: 1px; xtext-transform: lowercase; xfont-size: 1.2em; xfont-weight: bold; xpadding: 0 2px; }

.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
cite { text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }

.center { text-align: center; }
.alumni {
	margin: 3px 0px 0 0;
}
.picleft { float: left; padding: 0 8px 0px 0; }
.picright { float: right; padding: 0 0 8px 8px; }
#clear { clear: both; }
.clear {clear: both;}