html, body	{
	background-color: #E5E5E5;
	background-image: url(img/bg2.gif);
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td {
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	color: #5c85f4;
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	color: #5c85f4;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

body#letter  {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.indent1 { text-indent: 35px; }
.indent-block { display: block; margin-left: 35px; margin-top: 0; }

#header-top {
	background-image: url(img/nav/header_top.jpg);
	background-repeat: no-repeat;
	width: background-color: #ffffff;
	width: 770px;
	height: 17px;
}

.shell		{
	border: 1px solid #b5b0a8;
	border-top: none;
}

.col-l { background-color: #f4e8d8; }

#body {
	display: block;
	padding: 15px;
}

/*NAVIGATION STYLES*/
#nav-shell {
	width: 137px;
	height: 23px;
	display: block;
	border: none;
	margin: 5px;
	padding: 0;
	background: url(img/nav/nav_button_off.gif) no-repeat;
}
#nav-shell-b {
	width: 137px;
	height: 23px;
	display: block;
	border: none;
	margin: 5px;
	padding: 0;
	background: url(img/nav/nav_button_off-b.gif) no-repeat;
}

#nav a {
	display: block;
	width: 137px;
	height: 23px;
	padding: 4px 0 0 10px;
	background: url(img/nav/nav_button_off.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	color: #333333;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav a:hover {
	display: block;
	background-image: url(img/nav/nav_button_on.gif);
	color: #000000;
}

#nav-b a {
	display: block;
	width: 137px;
	height: 23px;
	padding: 4px 0 0 10px;
	background: url(img/nav/nav_button_off-b.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	color: #333333;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav-b a:hover {
	display: block;
	background-image: url(img/nav/nav_button_on-b.gif);
	color: #000000;
}

#on {
	display: block;
	background-image: url(img/nav/nav_button_on.gif);
	color: #000000;
}
/****************************************************************/
#dropmenudiv {
	position: absolute;
	background-color: #f3f3f3;
	border: 1px solid #565656;
	border-right: 2px solid #444444;
	border-bottom: 1 px solid #444444;
	text-align: left;
	font: 10px Verdana, sans-serif;
	/*line-height: 12px;*/
	z-index: 100;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	color: #333333;
	border-bottom: 1px solid #444444;
	padding: 3px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover { /*hover background color*/
	background-color: #f4d88f;
	color: #000000;
}
/*END NAVIGATION STYLES*/

.title	{
	color: #424770;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.sect-title { 
	color: #be6908;
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #ffe6c0;
	margin: 0;
	padding: 0 0 2px;
 }
 
.breadcrumb { 
 	color: #666666;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
 }

.caption {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
 
#splash-r-org { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #eba671; margin: 8px; margin-right: 0px; }
#splash-l-ylo { float: left; padding: 4px; border: 1px solid #4f4f4f; background: #ece990; margin: 8px; margin-left: 0px; }
#splash-r-ylo { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #ece990; margin: 8px; margin-right: 0px; }
#splash-l-blu { float: left; padding: 4px; border: 1px solid #4f4f4f; background: #90b5ec; margin: 8px; margin-left: 0px; }
#splash-r-blu { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #90b5ec; margin: 8px; margin-right: 0px; }
#splash-l-grn1 { float: left; padding: 4px; border: 1px solid #4f4f4f; background: #AEB2AC; margin: 8px; margin-left: 0px; }
#splash-r-grn1 { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #AEB2AC; margin: 8px; margin-right: 0px; }
#splash-l-grn2 { float: left; padding: 4px; border: 1px solid #4f4f4f; background: #67a867; margin: 8px; margin-left: 0px; }
#splash-r-grn2 { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #67a867; margin: 8px; margin-right: 0px; }
#splash-r-vlt { float: right; padding: 4px; border: 1px solid #4f4f4f; background: #9f9fea; margin: 8px; margin-right: 0px; }

img#splash { border: 1px solid #4f4f4f; }
 
.pullquote-l {
 	width: 215px;
	background: #f8f5d1;
	color: black;
	float: left;
	border: 2px dotted #1c5cee;
	line-height: 120%;
	text-align: justify;
	font-family: Georgia, Lucida, Helvetica, serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin-top: 8px;
	margin-right: 8px;
}

.pullquote-r {
 	width: 215px;
	background: #f8f5d1;
	color: black;
	float: right;
	border: 2px dotted #1c5cee;
	line-height: 120%;
	text-align: justify;
	font-family: Georgia, Lucida, Helvetica, serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin-top: 8px;
	margin-left: 8px;
}

.pullquote-c {
 	width: 350px;
	background: #f8f5d1;
	color: black;
	border: 2px dotted #1c5cee;
	line-height: 120%;
	text-align: justify;
	font-family: Georgia, Lucida, Helvetica, serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}

.testimony-rand {
 	width: 240px;
	background: url(img/vid_rand_bkgd.jpg) repeat-x;
	color: black;
	float: right;
	border: 2px dotted #1c5cee;
	line-height: 120%;
	text-align: justify;
	font-family: Georgia, Lucida, Helvetica, serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin-top: 8px;
	margin-left: 8px;
}

/* mentor page styles (for meet_mentors.php & pop-ups) */
body#mentors  {
	background-image: none;
	background-color: #FFFFFF;
	margin: 5px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
mentors  {
	background-image: none;
	background-color: #FFFFFF;
	margin: 5px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td#mentors 	{ font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.mtitle { 
	color: #424770;
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.mtitle2 { 
	color: #000000;
	font-size: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.mphoto 	{ border: 1px solid #565656; }
.mcaption {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.mbio-tbl { padding: 5px; border: 1px solid #000000; background-color: #D8DEF0; }
.mbio-title { 
	border: 1px solid #000000;
	border-bottom: none;
	background-color: #6777a7;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.msites-tbl { border: 1px solid #000000; background-color: #E1E8DF; }
.msites-title { 
	border: 1px solid #000000;
	border-bottom: none;
	background-color: #E1E8DF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
/* end mentor page styles */

.slideshow		{ padding: 5px; padding-bottom: 0; background-color: #f4e8d8; border: 1px solid #666666; border-bottom: none; }
.slideshow-txt	{ padding: 5px; width: 296px; height: 47px; vertical-align: top; border: 1px solid #666666; border-top: none; background-color: #f4e8d8; color: #202020; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

.copyright {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.credit	{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#top-nav-link { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold }

div#top-nav-link a {
	display: inline;
  	float: right;
	margin-left: 2px;
	margin-top: 1px;
	border: 1px solid #f9ad00;
  	padding: 0px 5px 0px 5px;
  	text-decoration: none;
  	background-color: #be7208;
  	color: #FFFFFF;
  	font-size: 10px; 
  	font-weight: bold;
}

div#top-nav-link a:hover {
  	background-color: #ffffff;
  	color: #be7208;
}

div#msg a {
  	display: block;
  	float: left;
  	padding: 0px 5px 0px 5px;
  	text-decoration: none;
  	color: #FFFFFF;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
}

div#msg a:hover {
  	background-color: #E0E5DC;
  	color: #000000;
}

/***********************************************/
a.vid_thumb img {
	border: 3px solid #2a79e3;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

a.vid_thumb:hover img {
	border: 3px solid #eb9556;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}
/*
div#vid_thumb { margin: 0 6px 12px 6px; }
div#vid_thumb a {
	display: table;
	padding: 5px;
	border: 1px solid #333;
	background-color: #2a79e3;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
div#vid_thumb a:hover {
	background-color: #eb9556;
	color: #ffffff;
}
div#vid_thumb_text a {
	display: table;
	padding: 5px;
	border: 1px solid #333;
	background-color: #e5843c;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
#vid_thumb img { border: 1px solid #000000; }
*/

/* BACK button */
div#back a {
	display: inline;
	float: right;
	position: relative;
	border: 1px solid #000;
	padding: 1px;
	background-color: #dce3f4;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
div#back a:hover {
	background-color: #526992;
	color: #fff;
}
/* END BACK button */

/* support nav button */
div#support-bttn a {
	display: inline;
	position: relative;
	border: 1px solid #ffbb56;
	padding: 2px;
	background-color: #fff1e0;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
div#support-bttn a:hover {
	background-color: #ffbb56;
	color: #fff;
}
/* END support nav button */

/*** staff table styles */
table#staff-name1 td {
	font-weight: bold;
	color: #fff;
	border: 1px solid #000;
	border-bottom: none;
	background-color: #6081b1;
	padding: 4px;
}
table#staff-name1 .none {
	background-color: #fff;
	border-bottom: 1px solid #000;
	border-top: none;
	border-right: none;
	border-left: none;
}
div#staff-bx-outr1 {
	border: 1px solid #000;
	border-top: none;
	background-color: #6081b1;
	padding: 3px;
}
div#staff-bx-innr {
	border: 1px solid #000;
	background-color: #fff;
	padding: 5px;
}

table#staff-name2 td {
	font-weight: bold;
	color: #fff;
	border: 1px solid #000;
	border-bottom: none;
	background-color: #88b16a;
	padding: 4px;
}
table#staff-name2 .none {
	background-color: #fff;
	border-bottom: 1px solid #000;
	border-top: none;
	border-right: none;
	border-left: none;
}
div#staff-bx-outr2 {
	border: 1px solid #000;
	border-top: none;
	background-color: #88b16a;
	padding: 3px;
}

table#staff-name3 td {
	font-weight: bold;
	color: #fff;
	border: 1px solid #000;
	border-bottom: none;
	background-color: #cc7e63;
	padding: 4px;
}
table#staff-name3 .none {
	background-color: #fff;
	border-bottom: 1px solid #000;
	border-top: none;
	border-right: none;
	border-left: none;
}
div#staff-bx-outr3 {
	border: 1px solid #000;
	border-top: none;
	background-color: #cc7e63;
	padding: 3px;
}
/*** END staff table styles */

.poptext { color: #fff; font-size: 12px; font-weight: bold; }

div#close a {
  	padding: 2px;
  	text-decoration: none;
  	font-size: 11px;
  	font-family: Arial, Helvetica, sans-serif;
  	background-color: #FFFFFF;
  	color: #2155C4;
  	border: 1px solid #2155C4;
  	font-weight: bold;
}

div#close a:hover {
  	background-color: #2155C4;
  	border: 1px solid #000000;
  	color: #FFFFFF;
}

a.linkopacity img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

a.linkopacity:hover img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

a.letter-close:link		{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none }
a.letter-close:visited	{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none }
a.letter-close:active	{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; text-decoration: underline }
a.letter-close:hover	{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; text-decoration: underline }

a:link		{ color: #0D4EDB; text-decoration: underline }
a:visited	{ color: #153578; text-decoration: underline }
a:active	{ color: #990000; text-decoration: underline }
a:hover		{ color: #990000; text-decoration: underline }

a.nav:link		{ color: #002991; }
a.nav:visited	{ color: #002991; }
a.nav:active	{ color: #333333; }
a.nav:hover		{ color: #333333; }
