/*  --------------------------------------------------------------  ALL pages  */

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size: 12px;
	font-weight: normal;
	}
img {border:0px;
}

img.rtimg{
	float:right;
	margin:0 10px 10px 10px;
	}
	
a {
	text-decoration:none;
	color: #127ac1;
	}
	
a:hover {
	text-decoration:underline;
	}
	
#wrapper{
	position:relative;
	margin: 0 auto 0 auto; 
	width:800px;
	text-align: left;
	}
#masthead  {
	height:83px;
}

ul#nav {
	clear:both;
	width:780px;
	height:67px;
	margin: 12px 10px 0px 10px; 
	padding:0;
    list-style:none;
	border-bottom:solid 1px #6f9daa;
	}

#nav li{
	float: left;
	margin: 3px 0 3px 0;
	padding: 0 4px 0 4px;
	border-left:solid 1px #6f9daa;
	}
	
#nav li#mainHome{
	border-right:none;
	}

#nav li a{
	display:block;
	width:127px;
	height:37px;
	padding:20px 0 0 10px;
	color:#000;
	font-size: 13px;
	background-color:#fff;
	}
	
#nav li#logo {
	border:none;
	padding: 0 25px 0 9px;
	}

#nav li#logo a{
	display:block;
	width:161px;
	height:54px;
	padding:0;
	}	
	
#nav li#mainHome a {
	width:132px;
	height:35px;
	padding:22px 0 0 10px;
	font-size: 12px;
	color:#00a0c4;
	font-weight:bold;
	}
	
#nav li#mainHome a:hover {
	color:#fff;
	text-decoration:none;
	}

#nav li#mainHome {
	padding-right:0;
	}
	
#nav li	a:hover, #nav li a.selected{
	color:#fff;
	background-color:#6f9daa;
	text-decoration:none;
	}
/*------------------------------------------------------------ hack for KEY DATES and CONTACT US*/
	
.keypage #nav li a.selected, .contactpage #nav li a.selected{
	color:#00a0c4;
	background-color:#fff;
	text-decoration:none;
	}
	
.keypage #nav li a.selected:hover, .contactpage #nav li a.selected:hover{
	color:#fff;
	background-color:#6f9daa;
	text-decoration:none;
	}
	
.keypage #nav li a#keyNav, .contactpage #nav li a#contactNav{
	color:#fff;
	background-color:#6f9daa;
	text-decoration:none;
	}

.keypage td{
	vertical-align: top;
	}

.keypage .cal{
	font-weight:bold;
	/*margin-left:20px;*/
	}
/*------------------------------------------------------------ */
#breadCrumb {
	margin:10px 10px 0 10px;
	color:#aaa;
	font-size:11px;
	}

#breadCrumb a{
	color:#aaa;
	font-size:11px;
	}

.crumbend {
	color:#00a0c4;
	font-size:11px;
	font-weight:bold;
	}

#breadCrumb a:hover{
	text-decoration:underline;
	}

#content {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 40px 10px 20px 10px; 
	padding:0;
	}
	
.programs#content{
	font-family:Arial, Helvetica, sans-serif;
	}
	
#content p a{
	color:#127ac1;
	}
#content p a:hover{
	text-decoration:underline;
	}
	
h2 {
	color:#222;
	font-weight:bold;
	font-size:15px;
	margin:0 0 7px 8px;
	padding:0;
	}
h2 a span { color:#127ac1;
	}
	
h3 {
	color:#222;
	font-weight:bold;
	font-size:15px;
	padding:0;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: -4px;
	margin-left: 0;
	}
h3 span {
 font-size:13px;
 font-weight:normal;
}

h3 a {
	color:#127ac1;
	}
	
h3 a:hover {
	text-decoration:underline;
	}

div.lastupdated{
	margin: 20px 0 0 0; 
	clear:both;
	padding:0;
	text-align: center;
}

.normal{
	display:block;
	font-size:11px;
	margin-bottom:10px;
}

#footer {
	margin: 20px 0 0 0; 
	clear:both;
	padding:20px 0 0 0;
	height:150px;
	text-align: center;
}

#footer a{
	color: #666666;
	text-decoration: none;
	font-weight:bold;
	margin:0 20px 0 20px;
	
}
#footer a:hover{
	text-decoration: underline;
}

#footer #departments{
	font-size:12px;
}

#footer #contact{font-size:10px;
}

/*  --------------------------------------------------------------  prog1     /Programs/index.html  */

		
#type, #audience, #name{
	float:left;
	margin-bottom:30px;
}

#type ul, #audience ul, #name ul{
	list-style:none;
	margin:0;
	padding:0;
	
	}
	
#type li a, #audience li a, #name li a{
	display:block;
	width:140px;
	height:40px;
	padding:10px 6px 0 11px;
	background-image:url(../img/l2/prog1/type_bckgrnd.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#audience{
	margin-left:35px;
	
}
#name{
	margin-left:35px;
	width:377px;
	
}
#name ul{
	float:left;
}

#name em.color{
	color:#999;
}

#type li a{
	background-image:url(../img/l2/prog1/type_bckgrnd.png);
	}
#audience li a{
	background-image:url(../img/l2/prog1/audience_bckgrnd.png);
	}
#name li a{
	width:170px;
	height:40px;
	background-image:url(../img/l2/prog1/name_bckgrnd.png);
	}
#name li a.big{
	width:170px;
	height:53px;
	background-image:url(../img/l2/prog1/name_Big_bckgrnd.png);
	}
#name li a.bigger{
	width:170px;
	height:80px;
	background-image:url(../img/l2/prog1/name_Bigger_bckgrnd.png);
	}	

#name li a.black{
	color:#fff;
	font-weight:bold;
	background-image:url(../img/l2/prog1/name_black_bckgrnd.png);
	}

#type li a:hover{
	background-image:url(../img/l2/prog1/type_bckgrnd_over.png);
	text-decoration:none;
	}
#audience li a:hover{
	background-image:url(../img/l2/prog1/audience_bckgrnd_over.png);
	text-decoration:none;
	}
#name li a:hover{
	background-image:url(../img/l2/prog1/name_bckgrnd_over.png);
	text-decoration:none;
	}
#name li a.big:hover{
	background-image:url(../img/l2/prog1/name_Big_bckgrnd_over.png);
	text-decoration:none;
	}
#name li a.bigger:hover{
	background-image:url(../img/l2/prog1/name_Bigger_bckgrnd_over.png);
	text-decoration:none;
	}	
	
#name li a.black:hover{
	background-image:url(../img/l2/prog1/name_black_bckgrnd_over.png);
	text-decoration:none;
	}

#email{
	clear:both;
	border-top:solid 1px #6e9eaa;
	border-bottom:solid 1px #6e9eaa;
	padding:20px;
	}

#email h2{
	margin:0;
	}

#email h2 a{
	color:#127ac1;
	}
#email h2 a:hover{
	text-decoration:underline;
	}

/*  ----------------------------------------------------------- prog2   e.g.  SULI/index.html  */
#prog2 #content{
	margin-bottom: 0;
	
}

#content #clear{
	clear:both;
	border-bottom:solid 1px #6e9eaa; }

#prog2 #footer, #prog2 .lastupdated{margin-top: 10px;}

#offer{  /*change ----------------------------------------------------------*/
	height:36px;
	margin:20px 0 30px 12px;
	
}

#offer a{  /*change --------------------------------------------------------*/
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	display:block;
	width:182px;
	height:26px;
	padding:10px 0 0 0;
	margin-left:12px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	background-image:url(../img/l2/prog2/offer.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: center;
	}

.left#offer a{  /*change --------------------------------------------------------*/
	float:left;
	margin-right:12px;
	margin-left:0px;
	}
	
#offer a.big{
	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#offer a.bigger{
	margin:4px 0 40px 15px;
	height:28px;
	padding:14px 0 0 0;
	background-image:url(../img/l2/prog2/offer-bigger.png);
	}
	
#offer a:hover{
	color:#ff0000;
	text-decoration:none;
	}
	
#offer a.applyx {
	margin:4px 0 40px 15px;
	height:28px;
	padding:14px 0 0 0;
	width:120px;
	color:#000;
	background-image:url(../img/l2/prog2/offer-smaller.png);
	}
	
#offer a.applyx:hover{
	color:#f00;
	}
	
h1 {
	color:#222;
	font-weight:bold;
	font-size:20px;
	margin:0 0 7px 12px;
	padding:0;
	}
h1 span {
	font-size:16px;
	font-weight:normal;
	}
	
 /*change --------------------------------------------------------*/
#offer a.applyB {
	color:#fff;
	background-image:url(../img/l2/prog2/apply.png);
	}
	
#offer a.applyB {
	width:180px;
	background-image:url(../img/l2/prog2/apply_b.png);
	}

#offer a.applyB:hover{
	color:#fCD921;
	}
	

	
#offer a.mentord{
 	width:166px;
	color:#fff;
	background-image:url(../img/l2/prog2/mentord.png);
	}

#offer a.mentord:hover{
	color:#fCD921;
	}
	

#selection h2.not, #deliver h2.not,#description h2.not, #eligibility h2.not{background-image:none;}


	
 /* --------------------------------------------------------*/

	
#description, #eligibility, #selection, #deliver{
	float:left;
	width:180px;
	height:420px;
	margin:0 12px 20px 0;
	background-position:left bottom;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	}
	
#description{background-image:url(../img/l2/prog2/a_bottom.gif);}
#eligibility{background-image:url(../img/l2/prog2/b_bottom.gif);}
#selection{background-image:url(../img/l2/prog2/c_bottom.gif);}
#deliver{background-image:url(../img/l2/prog2/d_bottom.gif);}

	
#description{background-color:#dbe6ea; margin-left:12px;}
#eligibility{background-color:#daeae0;}
#selection{background-color:#e8e9db;}
#deliver{background-color:#e9e0db;}

#description h2, #eligibility h2, #selection h2, #deliver h2{
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	padding:14px 10px 17px 8px;
	color:#6e9dad;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 100%;
	}

#description h2{background-image:url(../img/l2/prog2/a_top.gif);}
#eligibility h2{background-image:url(../img/l2/prog2/b_top.gif);}
#selection h2{background-image:url(../img/l2/prog2/c_top.gif);}
#deliver h2{background-image:url(../img/l2/prog2/d_top.gif);}


#description p, #eligibility p, #selection p, #deliver p{
	margin:0;
	padding:8px 10px 14px 8px;
	font-size:12px;
	color:#000;
}
#description ul, #eligibility ul, #selection ul, #deliver ul{
	margin:0 10px 10px 25px;
	padding:0;
	}
	
#description ul ul, #eligibility ul ul ,#selection ul ul, #deliver ul ul{
	margin-left:14px;
	}
	
#description ul li, #eligibility ul li, #selection ul li, #deliver ul li{
	margin:5px 0 0 0;
	padding:0;
	}
/*--------------------------------------interject volunteer, contact us, and bio */

.volunteer #description, .volunteer #eligibility, .volunteer #selection{
	float:left;
	width:247px;
	height:420px;
	}

.volunteer #selection{margin-right:0;}

.volunteer #description{background-image:url(../img/l2/prog2/volunteer/a_bottom.gif);}
.volunteer #eligibility{background-image:url(../img/l2/prog2/volunteer/b_bottom.gif);}
.volunteer #selection{background-image:url(../img/l2/prog2/volunteer/c_bottom.gif);}

.volunteer #description h2{background-image:url(../img/l2/prog2/volunteer/a_top.gif);}
.volunteer #eligibility h2{background-image:url(../img/l2/prog2/volunteer/b_top.gif);}
.volunteer #selection h2{background-image:url(../img/l2/prog2/volunteer/c_top.gif);}

.volunteer #offer p {
	margin:0 0 7px 12px;
	line-height:140%;
	}
#offer2{margin-bottom:30px;}

.volunteer2 #offer2 p{
	margin:0 0 7px 12px;
	line-height:140%;
	}
	
.volunteer2 #offer2 h2,.volunteer2 #offer2 h3{
	margin:10px 0 7px 12px;
	line-height:140%;
	}
	
.mentorb#content {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%;
	font-size:13px;
	}
.mentorb h1{margin-left:0;}

.mentorb h2{color:#6e9dad;font-size:17px;margin:40px 0 0 0;}

.mentorb h3{font-size:14px; font-weight:bold; margin:20px 0 0 0;}
a.mentorb, #offer a.mentorb{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:150px;
	height:36px;
	padding:6px 8px 0 8px;
	margin:4px 0 40px 15px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-image:url(../img/l2/prog2/mentorb.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#offer a.mentorb{
	
	margin-bottom:20px;
	
	}
a.mentorRight, #offer a.mentorRight{
	float:right;
	}
	
a.mentorb:hover, #offer a.mentorb:hover{
	color:#fCD921;
	text-decoration:none;
	}
	
a.mentorfaq, #offer a.mentorfaq{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:105px;
	height:26px;
	padding:10px 0 0 0;
	margin:5px 0 0 0;
	color:#fff;
	font-weight:bold;
	font-size:12px; 
	background-image:url(../img/l2/prog2/apply.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: center;
	}	
a.mentorfaq:hover, #offer a.mentorfaq:hover{
	color:#fCD921;
	text-decoration:none;
	}
	
	
.bio#content p{
	margin-left:12px;
	}
.bio#content #biopic{
	float:left;
	margin:0 20px 16px 0;
	}
	
	
	
	
	
/*-------------------------------------- continue now with prog2*/
#application {
	clear:left;
	float:left;
	width:300px;
	height:225px;
	padding:0 10px 17px 12px;
	border-right:solid 1px #6e9eaa;
	}

#application h2 {
	margin:0;
	padding:5px 0 10px 0;
	color:#6e9dad;
	}
	
application p{
	padding:0 10px 10px 0;
	margin:0;
	}
	
#key h2{
	margin:0;
	padding:5px 0 10px 8px;
	color:#6e9dad;
	}
	
#application a.apply, #application a.applyB , #application a.applyC {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:105px;
	height:26px;
	padding:10px 0 0 0;
	margin:5px 0 0 0;
	color:#fff;
	font-weight:bold;
	font-size:12px; 
	background-image:url(../img/l2/prog2/apply.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: center;
	}
#application a.applyB {
	width:180px;
	background-image:url(../img/l2/prog2/apply_b.png);
	}
#application a.applyC {
	width:210px;
	background-image:url(../img/l2/prog2/apply_c.png);
	}


#application a.apply:hover, #application a.applyB:hover, #application a.applyC:hover{
	color:#fCD921;
	text-decoration:none;
	}

#key{
	float:left;
	width:157px;
	height:225px;
	border-right:solid 1px #6e9eaa;
	}

#key ,#subNav{
	margin:0;
	padding:0 10px 17px 8px;
	color:#000;
	}
	
#key ul{
	margin:0 10px 10px 22px;
	padding:0;
	}
	
#key ul li{
	margin:5px 0 0 0;
	padding:0;
	}

#subNav{
	float:left;
	width:250px;
	
	}
#subNav h2{
	margin:0;
	padding:5px 0 25px 8px;
	color:#000;
	border-bottom:solid 1px #6e9eaa;
	}

#subNav h2 a{
	color:#000;
	}
	
#subNav h2 a:hover{
	text-decoration:underline;
	}


#subNav h2#middle{
	padding:25px 0 25px 8px;
	}
	
#subNav #bottom h2{
	border-bottom:none;
	padding:5px 0 10px 8px;
	}

h2 a#email2{
	color:#127ac1;
	}

#mentor{
 	float:right;
 	width:91px;
	 color:#000;
 	font-size:10px;
	margin:0 0 5px 10px;
	padding-top:5px;
 }
 
#mentor a{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:75px;
	height:36px;
	padding:6px 8px 0 8px;
	margin:4px 0 0 0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-image:url(../img/l2/prog2/mentor.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: center;
	}

#mentor a:hover{
	color:#fCD921;
	text-decoration:none;
	}
/*  -------------------------------------------------------prog3   e.g.  SULI/Received_An_Offer/index.html  */
#prog3 h1 {
	margin:0 0 7px 0px;
	padding:0;
	}

ul#bttmNav {
	margin: 10px 0 0 0; 
	padding:0;
    list-style:none;
	}

#bttmNav li{
	float: left;
	margin: 0 5px 5px 0;
	padding:0;
	
	}

#bttmNav li a{
	display:block;
	width:163px;
	height:73px;
	padding:15px 10px 0 15px;
	color:#000;
	font-size: 16px;
	background-image:url(../img/l2/prog3/prog3_bckgrnd.png);
	background-position:left top;
	}


#bttmNav li	a:hover{
	background-image:url(../img/l2/prog3/prog3_bckgrnd_over.png);
	text-decoration:none;
	}
#bttmNav li a#bug{
	position: relative;
	background-image:url(../img/l2/prog3/bug.png);
	}
#bttmNav li a#bug span{
	display:block;
	position: absolute;
	right: 0px;
	top: 88px;
	width:71px;
	height:37px;
	background-image:url(../img/l2/prog3/bugB.png);
	}
#bttmNav li	a#bug:hover{
	background-image:url(../img/l2/prog3/bug_over.png);
	text-decoration:none;
	}

#prog3 #email{
	border-top:none;
	padding-top:3px;
	}

/*  -----------------------------------------------------------prog4   e.g. SULI/Received_An_Offer/faq.html  */
#prog4 #breadCrumb {
	margin:10px 10px 0 10px;
	}

#prog4 #content{
	margin-left:224px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%;
	font-size:13px;
	}
	
#prog4 h1 {
	margin:0 0 7px 0px;
	padding:0;
	line-height: 140%;
	}

ul#leftNav {
	float:left;
	width:187px;
	margin: 30px 0 30px 18px; 
	padding:0 0 40px 0;
    list-style:none;
	
	}

#leftNav li{
	margin: 0;
	padding:0;
	
	}

#leftNav li a{
	display:block;
	width:125px;
	height:38px;
	padding:17px 20px 0 15px;
	margin-bottom:1px;
	color:#000;
	font-size: 16px;
	background-color:#e8e9da;
	border:solid 2px #fff;
	}
#leftNav li a#home{
	background-color:#dbe6ea;
	font-weight:bold;
	}

#leftNav li.pad a{
	padding-top:9px;
	height:46px;
	}

#leftNav li	a:hover{
	border:solid 2px #719cac;
	text-decoration:none;
	}
#leftNav li	a.selected{
	border:solid 2px #719cac;
	}

#prog4 #email h2 {
	border-top:none;
	padding-top:3px;
	text-align: center;	
	}
	
/*--------------------------------------------   ------------------------------------------- mentor*/
#c1 {
	background: #dbe6ea url(../img/l2/prog2/volunteer/mentor/a_top.gif) left top no-repeat;
}
#c2 {
	background: #daeae0 url(../img/l2/prog2/volunteer/mentor/b_top.gif) left top no-repeat;
}
#c3 {
	background: #e8e9db url(../img/l2/prog2/volunteer/mentor/c_top.gif) left top no-repeat;
}
#c4 {
	background: #e9e0db url(../img/l2/prog2/volunteer/mentor/d_top.gif) left top no-repeat;
}
#c5 {
	background: #dbe6ea url(../img/l2/prog2/volunteer/mentor/a_bottom.gif) left bottom no-repeat;
}
#c6 {
	background: #daeae0 url(../img/l2/prog2/volunteer/mentor/b_bottom.gif) left bottom no-repeat;
}
#c7 {
	background: #e8e9db url(../img/l2/prog2/volunteer/mentor/c_bottom.gif) left bottom no-repeat;
}
#c8 {
	background: #e9e0db url(../img/l2/prog2/volunteer/mentor/d_bottom.gif) left bottom no-repeat;
	
}

/*--------------------------------------------   ------------------------------------------- */

div#caveat{
	float:right;
	width:200px;
	border:solid 1px #000;
	padding:7px;
	font-weight:bold;
	}
	
/*--------------------------------------------   ------------------------------------------- bliss*/
.clear{clear:both;}

#blissleft{
	float:left;
	width:390px;
	text-align:center;
	margin:0 0 20px 0;
	border:solid 1px black;
	padding:20px 0;
}

h1.bliss{
	font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;
	margin:0;
	padding:0;
	line-height:35px;
}

h1.bliss span{
	color:#008080;
	font-size:26px;
}

h1.bliss span.big{
	font-size:26px;
	font-style: normal;
	font-weight:bold;
	
}
h1.bliss span.big.black{color:#000;}

h1.bliss span.grey{
	color:#888;
	font-size:16px;
	font-style: normal;
	font-weight:bold;
	line-height:26px;
}

h1.bliss span.small{
	color:#000;
	font-size:12px;
	font-style: italic;
	font-weight:bold;
	line-height:24px;
}







#boiler{
	border-top:1px solid #6E9EAA;
	text-align:center;
	margin:30px 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;
	padding:20px 0 0 0;
	line-height:35px;
	clear:both;
}

#boiler span.small{
	color:#000;
	font-size:12px;
	font-style: italic;
	font-weight:bold;
	line-height:24px;
}

#boiler span.grey a{
	color:#000;
	
}

#content #boiler img{ vertical-align:middle; padding:0 10px; margin-bottom:0px;}

.blisskit#content h3{clear:right;}
.blisskit#content img{margin-bottom:15px;}
.blisskitclear{clear:both;height:30px;}

.nonforsome{display:none;}