/***************/
/* General CSS */
/***************/

* {
 margin: 0;
 font-family: Arial, Trebuchet, Tahoma, sans-serif;
 font-size: 12px;
 color: #333;
}


/*****************/
/* HTML Elements */
/*****************/

div {
 margin: 0 auto 0 auto;
}

div.divider {
 clear: both;
 margin: 30px auto 30px auto;
 border-top: solid 1px #73777b;
 border-right: solid 1px #f1f3f5;
 border-bottom: solid 1px #f1f3f5;
 border-left: solid 1px #73777b;
}

div.top {
 margin-top: 20px;
}

h1 {
 font-family: Times, "Times New Roman", serif;
 font-size: 30px;
 color: #cb2027;
}

div.h6 {
 float: left;
 margin: -5px 0 0 0;
 position: relative;
 top: 2px;
 vertical-align: top;
}

p {
 padding: 15px 0 0 0;
 text-align: left;
}

p.first {
 padding-top: 0;
}

a {
 color: #434d89;
}
a:hover {
 color: #333;
}

small {
 font-size: .75em;
}

.red {
 color: #cb2027;
}

.blue {
 color: #434d89;
}

.bold {
 font-weight: bold;
}

b {
 color: inherit;
}







/********************/
/* Body and Wrapper */
/********************/

body, #body {
 width: 100%;
 height: 100%;
 padding: 0 0 40px 0;
 background-color: #767d82;
 background-image: url(/images/767d82.gif);
 background-repeat: repeat;
 text-align: center;
}

#wrapper {
 width: 780px;
 margin: 0 auto 0 auto;
 padding: 0;
}








/**********/
/* Header */
/**********/

#header {
 width: 780px;
 height: 206px;
 margin: 0;
 padding: 0;
 background-color: transparent;
 background-image: url(/images/header_bg.jpg);
 background-repeat: no-repeat;
}

#header_yfs {
 width: 460px;
 height: 57px;
 float: right;
 position: relative;
 top: 55px;
 right: 29px;
 background-color: transparent;
 background-image: url(/images/header_yfs.gif);
 background-repeat: no-repeat;
}
#header_yfs a {
 display: block;
 width: 460px;
 height: 57px;
 margin: 0;
 padding: 0;
 
}

#header_pictures {
 width: 491px;
 height: 93px;
 float: right;
 position: relative;
 top: 52px;
 right: 6px;
 background-color: transparent;
 background-image: url(/images/header_pictures.jpg);
 background-repeat: no-repeat;
}
 
 
 
 
 
 
 


/***********/
/* Content */
/***********/

#content_wrapper {
 width: 772px;
 margin: 0;
 padding: 30px 4px 30px 4px;
 background-color: #d1d8de;
 background-image: url(/images/content_wrapper_bg.gif);
 background-repeat: repeat-y;
 text-align: center;
}

.content {
 text-align: left;
 margin: 0 auto 0 auto;
 padding: 0;
}

div.padded {
 padding: 0 25px 0 25px;
}






/*************************/
/* Testimonials Addition */
/*************************/

div#vol {
	background-color:#EFEFEF;
	padding:0px 5px 5px 5px;
	width:710px;
	margin:-5px 0px 0px 0px;
	border: 1px solid #EFEFEF;
}

div#stu_09 {
	background-color:#EFEFEF;
	padding:0px 5px 5px 5px;
	width:710px;
	margin:-5px 0px 0px 0px;
	border: 1px solid #EFEFEF;
}

div#stu_10 {
	background-color:#EFEFEF;
	padding:0px 5px 5px 5px;
	width:710px;
	margin:-5px 0px 0px 0px;
	border: 1px solid #EFEFEF;
}

div#stu_vol_tabs {
	height:40px;
}

div#stu_vol_tabs p#p-stu_10{
	font-size:12px;
	font-weight:bold;	
	width:100px;
	height:20px;
	text-align:center;
	color:#AF784C;
	background-color:#EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-right: 2px solid #EFEFEF;
	float:left;
	cursor:pointer;
	
}

div#stu_vol_tabs p#p-stu_09{
	font-size:12px;
	font-weight:bold;	
	width:100px;
	height:20px;
	text-align:center;
	color:#EFB586;
	background-color:#898DB2;
	border-bottom: 1px solid #EFEFEF;
	border-right: 2px solid #636C9F;
	float:left;
	cursor:pointer;
	
}

div#stu_vol_tabs p#p-vol{
	font-size:12px;
	font-weight:bold;	
	width:80px;
	height:20px;
	text-align:center;
	color:#EFB586;
	background-color:#898DB2;
	/*background-color:#C3C6DF;*/
	border-bottom: 1px solid #EFEFEF;
	border-right: 2px solid #636C9F;
	float:left;
	cursor:pointer;
	
}






/**********/
/* Navbar */
/**********/

#navbar {
 width: 742px;
 height: 45px;
 margin: 0;
 padding: 5px 0 0 38px;
 background-color: transparent;
 background-image: url(/images/navbar_bg.gif);
 background-repeat: no-repeat;
}

#navbar a, #navbar a:hover {
 display: block;
 float: left;
 height: 30px;
 margin: 0 0 0 1px;
 padding: 0;
 overflow: hidden;
 background-color: transparent;
 background-repeat: no-repeat;
 text-align: center;
}
#navbar a {
 background-position: 0px 0px;
}
#navbar a:hover, #navbar a.selected {
 background-position: 0px -30px;
}

#navbar a#navbar_home {
 width: 64px;
 background-image: url(/images/navbar_home.gif);
}
#navbar a#navbar_program {
 width: 91px;
 background-image: url(/images/navbar_program.gif);
}
#navbar a#navbar_contact {
 width: 86px;
 background-image: url(/images/navbar_contact.gif);
}
#navbar a#navbar_gallery {
 width: 82px;
 background-image: url(/images/navbar_gallery.gif);
}
#navbar a#navbar_newsletter {
 width: 116px;
 background-image: url(/images/navbar_newsletter.gif);
}
#navbar a#navbar_getinvolved {
 width: 130px;
 background-image: url(/images/navbar_getinvolved.gif);
}
#navbar a#navbar_testimonials {
 width: 129px;
 background-image: url(/images/navbar_testimonials.gif);
}
 





/*********************/
/* Modules and Boxes */
/*********************/

.boxmodule {
 margin: 0;
 padding: 45px 25px 0 25px;
 background-color: transparent;
 background-repeat: no-repeat;
 line-height: 1.3em;
}
.boxmodule, .boxmodule p {
 text-align: left;
 color: #fff;
}
.boxmodule p {
 padding: 15px 0 0 0;
}
.boxmodule a, .boxmodule a:hover {
 float: right;
 margin: 5px 0 0 0;
 color: #1a1851;
}
.boxmodule a {
 text-decoration: none;
}
.boxmodule a:hover {
 text-decoration: underline;
}
.boxmodule ul {
 margin: 0;
 padding: 15px 0 0 0;
}
.boxmodule li {
 margin: 0 0 10px 0;
 padding: 0;
 list-style-position: inside;
}
.boxmodule ul li a, .boxmodule ul li a:hover {
 float: none;
 margin: 0;
}

.newsmodule {
 width: 245px;
 height: 185px;
 margin-bottom: 12px;
 background-image: url(/images/newsmodule_bg2.jpg);
}

.videomodule {
 width: 245px;
 height: 290px;
 margin-bottom: 12px;
 background-image: url(/images/videosmodule_bg.jpg);
}

ul.news {
 margin: 0;
 padding: 15px 0 0 0;
 height: 125px;
 overflow: hidden;
}
ul.news li {
 height: 6px;
 overflow: hidden;
 margin: 0 0 5px 0;
 padding: 0 10px 10px 0;
 white-space: nowrap;
 font-size: 12px;
 line-height: 16px;
}
ul.news li a {
 overflow: hidden;
 margin: 0;
 padding: 0;
}

.invitemodule {
 width: 244px;
 height: 78px;
 padding-top: 15px;
 background-image: url(/images/invitemodule_bg.jpg);
}
.invitemodule .submit_orange {
 margin-top: 9px;
}

.alexandermodule {
 width: 360px;
 height: 187px;
 margin-bottom: 11px;
 /*padding-right: 195px;*/
 background-image: url(/images/alexandermodule_bg.jpg);
}

.alexandermodule p, .alexandermodule a {
	padding-right:10px;
}

.extra-alexander1 {
	width: 156px;
 	height: 175px;
 	float:right;
 	margin-right:-10px;
 	margin-top:5px;
 	/*margin-bottom: 11px;
 	margin-left:305px;
 	padding-right: 195px;*/
 	background-image: url(/images/alexandermodule1.jpg);
	z-index:10;	
}

.extra-alexander2 {
	width: 156px;
 	height: 175px;
 	float:right;
 	margin-right:-156px;
 	margin-top:5px;
 	/*margin-bottom: 11px;
 	margin-left:305px;
 	padding-right: 195px;*/
 	background-image: url(/images/alexandermodule1.jpg);
	z-index:0;
}

.donationsraisedmodule {
 width: 353px;
 height: 75px;
 padding-top: 25px;
 padding-right: 35px;
 background-image: url(/images/donationsraisedmodule_bg.jpg);
}














/********************/
/* Forms and Inputs */
/********************/

form {
 margin: 0 0 0 0;
 padding: 20px 0 0 0;
}

form fieldset {
 padding: 10px;
 border: solid 1px #bbbbcc;
}

form div {
 clear: both;
 width: 304px;
 margin: 0 0 5px 0; /* This appear to affect only IE */
 padding: 0;
}
form#contact div {
 width: 454px;
}
form#apply fieldset div {
 width: 100%;
}

input, label, span.example {
 float: left;
 margin: 0;
 padding: 0;
}

label {
 clear: left;
 width: 100px;
 margin: 2px 0 0 0;
}

input {
 width: 200px;
 margin: 0 0 5px 0; /* This appears to affect all browsers other than IE */
}

input.checkbox {
 clear: left;
 width: 15px;
 margin-right: 5px;
}

input.submit, input.submit_orange {
 float: right;
 height: 30px;
 margin: 0 0 0 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-top: solid 1px #fff;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 border-left: solid 1px #fff;
 background-color: transparent;
 background-repeat: repeat-x;
 background-position: 0px 0px;
 cursor: pointer;
}

input.submit {
 background-image: url(/images/button_bg.gif);
 color: #ffda56;
}
input.submit_orange {
 background-image: url(/images/button_bg_orange.gif);
 color: #434d89;
 font-weight: bold;
}

input.small {
 height: 25px;
 margin: 3px 0 0 0;
 background-position: 0px -2px;
}

input.unhighlight {
 color: #ccac45;
}

textarea {
 width: 450px;
 line-height: 1.25em;
 height: 6.25em;
}

.invalid {
 background-color: #ef7975;
}

span.example {
 clear: none;
 margin: 0 0 0 5px;
 font-size: 11px;
 font-style: italic;
}

form#apply textarea {
 clear: both;
 float: none;
 width: 450px;
 line-height: 1.25em;
 height: 6.25em;
}











/************************/
/* Standardized outputs */
/************************/

div.error, div.notice, div.response {
 position: relative;
 width: auto;
 background-position: 30px 50%;
 background-repeat: no-repeat;
 border: solid 1px #666;
 padding: 3px 60px 3px 60px;
 margin: auto auto 10px auto;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}

div.error p, div.notice p {
 padding: 0px;
 margin: 3px;
}

div.error {
 background-color: #F00A00;
 background-image: url(/admin/images/icon_error.gif);
}
div.notice {
 background-color: #FFD800;
 background-image: url(/admin/images/icon_notice.gif);
 color: #000;
}
div.response {
 background-color: #009900;
 background-image: url(/admin/images/icon_success.gif);
 color: #fff;
}

div.response p {
 padding: 0px;
 margin: 3px;
}

.invalid {
 background-color: #ef7975;
}









/**********/
/* Footer */
/**********/

#footer {
 width: 780px;
 height: 38px;
 margin: 0;
 padding: 0;
 background-color: transparent;
 background-image: url(/images/footer_bg.gif);
 background-repeat: no-repeat;
 text-align: right;
}
#footer div {
 float: right;
 padding: 14px 20px 0 0;
 text-align: right;
}

#footer div, #footer div a {
 color: #ffda56;
 font-size: 11px;
 letter-spacing: 2px;
}

#footer div a, #footer div a:hover {
 padding: 0 12px 0 12px;
}
#footer div a {
 text-decoration: none;
}
#footer div a:hover {
 text-decoration: underline;
}

#footer div a#footer_homelink {
 display: block;
 float: right;
 width: 200px;
 height: 34px;
 margin: 3px 18px 0 0;
 padding: 0;
 text-align: left;
}




/***********/
/* Credits */
/***********/

#credits, #credits a {
 width: 780px;
 margin: 0 auto 0 auto;
 padding: 0;
 text-align: center;
 color: #999;
 font-size: 9px;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 5px;
}

#credits {
 padding: 0;
}

#credits p {
 margin: 15px 0 15px 0;
 padding: 0;
 text-align: center;
}

#credits a, #credits .a {
 letter-spacing: 2px;
 text-decoration: none;
}

#credits a:hover {
 letter-spacing: 2px;
 color: #333;
 text-decoration: underline;
}

#credits .a {
 padding: 0 10px 0 10px;
}




















/****************************************/
/* Floater Cells (aka Mouseover Popups) */
/****************************************/

.floatercell {
 height: 260px;
 float: left;
 border: 0px solid #080;
 margin: 0px;
 width: 112px;
 overflow: hidden;
}


.floatercell .relevanceBar {
 background: #ededed;
 margin: 4px 0px 4px 0px;
 width: 50px;
 text-align: left;
 line-height: 4px;
 font-size: 4px;
}

.paddingDiv {
 float: left;
 margin-right: 10px;
}

.searchImg {
 border: 1px solid #E0E0E0;
 }