body {	
	margin: 0;
	margin: 0 auto;
	background-color: #fff;
	font: 12/17px Arial, sans-serif;  
	color: #000;
	}
	
#container {
width: 800px;
margin: 0 auto;
height: auto;
padding: 0px;
}

#inner_container {
background-image: url(images/container_bg.jpg);
background-position: top left;
background-repeat: repeat-y;
float: left;
}

select, text, input { font: 12/17px Arial, sans-serif;  color: #333; }
tr {vertical-align:top; }

#backdrop {
	background: url(images/backdrop.jpg) top center no-repeat; 
	width: 800px;
	height: 224px;
	margin: auto;
	}

#backdrop_sharing {background: url(images/backdrop_sharing.gif) top center no-repeat; }
#backdrop_empower {background: url(images/backdrop_empower.gif) top center no-repeat; }

/*---this is the main div style and all its children styles---*/
p, td {font: 12/17px Arial, sans-serif;  color: #333; }
p {background-color: #e9f7fc;}

h1, h2 {
	font:bold 13/14px Arial, sans-serif;  
	color: #6889B2; 
	padding: 20 0 5 0px;
	margin:0px;
	}

h2  {font:12/15px Arial, sans-serif;  color: #6889B2; padding: 10 0 0 0px; margin: 0 0 10 0px; border-bottom:1px solid #ccc; }
h3  {font: 12/14px Arial, sans-serif;color:#6889B2;padding:0 1 2 10px;margin:10 5 2 0px;background: url(images/h3.gif) top left no-repeat;}

.head {font:12/13px Arial, sans-serif; color: #142c47; border-bottom:1px dashed #ccc; margin-right:4px;padding:1px; }
a.head {background-color:#efefef;text-decoration:none;}
a.head:hover {background-color:#fff;text-decoration:none;}

.title { font:24/30px Arial, sans-serif;color:#00aeef; }
.sub { font: 14/30px verdana, sans-serif;color:#666; }

p {padding: 3 5px 6 3px;margin:0px;}
p.photo, p.caption, .caption {font:12/17px Arial, sans-serif; color: #142c47 }
p.photo { margin: 0 0 0 20px; }
div.readmore { font: 12/17px Arial, sans-serif;  text-align:right; margin-right:15px; margin-bottom:10px; }


/*---link styles---*/

a {	color: #055678; font: 12/18px Arial, sans-serif; text-decoration: underline;  }
a:hover { color:#142c47;text-decoration: underline; }

a.gray {font: 11/17px Arial, sans-serif; color:#00aeef; }
a.gray:hover { color:#933; }

a.white {font: 12/17px Arial, sans-serif; color:#fff; }
a.white:hover { color:#efefef; }

/*---image styles---*/

img.right {float:right; margin: 0 0 30 20px; border:1px solid #ccc; }
img.left {float:left; margin: 0 20 30 0px; border:1px solid #ccc; }
img.stacked {float:right; margin: 0 0 6 0px; border:1px solid #ccc; }

/*---this is the left menu td id ="left" style---*/

#left { 
	font: 12/17px  Arial, sans-serif; 
	color: #142c47; 
	margin: 0px;
	background-color: #e9f7fc;
	width: 202px;
	float: left;
	margin-right: 40px;
	}
	
#overview_btn {
width: 200px;
height: 50px;
padding-left:  20px;
}

#content {
margin-top: 15px;
width: 550px;
float: right;
margin-bottom: 25px;
}

#content p {
background-color: #fff;

}

/*---this is the left menu links styles---*/
#topmenu { margin-bottom:10px; margin-top:5px;}
#topmenu a  { font: 12/16px  Arial, sans-serif; color: #666; margin: 1px 0 1px 0; padding: 4px 3px 4px 10px; display: block; text-decoration:none;}
#topmenu a:hover { color: #999; text-decoration: underline; }

#menu, #livehelp { margin-bottom:20px; margin-top:5px;}

	#menu a, #livehelp a  {
		text-decoration:none; 
		font: 12/16px  Arial, sans-serif; 
		color: #055678; 
		background: #6ccff6 url(/images/nav_left_arrow.gif) no-repeat 0;
		margin: 4 0 4 0; 
		padding: 4 3 4 18; 
		display: block; 
	}

	#menu a:hover, #livehelp a:hover { 
		background: #00aeef url(/images/nav_left_arrow.gif) no-repeat 0;
		color: #fff; 
		text-decoration: underline;
		}
		
	#menu hr {
	color: #00aeef;
	height: 1px;
	}

#livehelp {padding:3 0 3 5px;background-color:#e9f7fc;}

#mocollege {
	border:none;
	padding:5px;
	width: 160px;
	margin-left: 10px;
	}

#mocollege img {
	float:left;
	margin-right:3px;
	}

table #subnav {background-color:#fff;}
table #subnav td {background-color:#055678;text-align:center;padding:1px;color:#fff;}
table #subnav td:hover {background-color:#666666;}
table #subnav a {text-decoration:none;color:#fff;margin:0 5 0 5px;}
table #subnav a:hover { color:#efefef;text-decoration:none;}

table #ps {background-color:#fff;}
table #ps td {padding:5px 5 10 5px;;background-color:#efefef;}
table #ps a {text-decoration:underline;}

/*---the table id="content" creates top and bottom padding around each table content block ---*/
table #content {padding:0px 0 20 0px;}

/*---the table id="search" creates the background color and all styles for the search tables ---*/
table #search {background-color:#e9f7fc;border:1px solid #ccc; }
table #search td {background-color:#e9f7fc;}

table #search td.submit {background-color:#e9f7fc;text-align:right;}

#alphabet { background-color:#e9f7fc; text-align:center; }
#alphabet a { text-decoration:none;padding: 4px 4 4 4px; }
#alphabet a:hover {background-color: #6ccff6; color:#fff; text-decoration:none;}


/*---this makes the background behind a paragraph or block of text a light gray, good for captions or pullquotes---*/
#block { padding:5px; background-color: #e9f7fc; color: #00aeef; }
#block p { color: #00aeef; }

#block_fancy { font: italic 16/19px "Trebuchet MS", sans-serif; padding:5px; color: #000; }
#block_fancy p {color: #00aeef;}

#float_text {width:200px; float:right;margin:0 0 10 10px;padding:7px 10 10 7px;background-color:#efefef;border:1px solid #ccc;color:#933;}
#float_text p {color:#933;}


#float_img {width:206px;float:right;background-color:#00aeef;border:1px solid #ccc;color:#933;margin-bottom:15px;margin-left:30px;padding:3px;}
#float_img img {margin:1px;border:1px solid #ccc;margin-bottom:3px;}
#float_img p {color:#fff;padding-left:7px;padding-right:7px;padding-top:3px;}


/*---this makes the reddish color behind the headers on the three columned tables---*/
#featured {font:12/18px  Arial, sans-serif;color: #fff; background-color: #00aeef; padding:2px; text-align:center; }
#featured a {font:12/18px  Arial, sans-serif;color: #fff; text-decoration: none; text-align:center; margin:0px; }
#featured a:hover { color:#efefef; text-decoration: none; }

table #fact {padding: 5 50px 30 50px;}
table #fact th { color:#933; font:12/22px Arial, sans-serif; text-align:left;background-color:#efefef; padding:2 2 2 6px; }
table #fact td {padding: 10px; }
table #fact td.strong { background-color:#efefef; font-weight:bold; padding: 10 10 15 10px;text-align:right;width:70px; }


#foot {
	background: #e9f7fc;
	clear: both;
	height: ;
	margin: auto auto;
	text-align: center;
	width: 800px;
	
	}

	#foot p {
		padding: 15 0 15 0;
		}

		#foot p.bottomfoot {
			background: #fff;
			width: 100%;
			height: 85px;
			line-height: 42px;
		}

	#foot img {
		border: 0px;
		}
/*
#footer { 
	font: 12/14px  Arial, sans-serif; 
	text-align:center; 
	background-color:#efefef; 
	color: #666;
	text-align: center; 
	padding: 20 0 20 0px; 
	}

#footer2 {
	font: 12/14px  Arial, sans-serif; 
	text-align:center; 
	background-color:#fff; 
	color: #666;
	text-align: center; 
	padding: 20 0 20 0px; 
	}
*/

#form { background-color:#fff; border:1px solid #00aeef; padding:2px; }
#form td.submit {background-color:#00aeef;text-align:right;padding:3px;}
#application { background-color:#fff; border:1px solid #00aeef; }
#application th { background-color:#00aeef; font:12/18px  Arial, sans-serif;color: #fff; }
#application td {background-color:#e9f7fc;}
#application td.right {background-color:#fff; border-bottom:1px solid #e9f7fc; }

#sptbl thead{background-color:#000000;}

#midnav { 
	text-align: left;
	color: #fff;
	}
	
	#midnav a { 
	text-align: left;
	color: #fff;
	} 
	
	#midnav a:hover { 
	text-align: left;
	color: #fff;
	}

#midnav img {
	border: 0px;
	}

#midnav a {
	display: block;
	float: left;
	height: 152px;
	padding: 0px;
	text-decoration: none;
	width: 178px;
	
	}

	#midnav a.info:hover, #midnav a.peer:hover, #midnav a.involved:hover {
		background-position: 0 -152px;
	}

	#midnav a.info {
		background: url(/images/information_button.jpg) 0 0 no-repeat;
	}

	#midnav a.peer {
		background: url(/images/peersupport_button.jpg) 0 0 no-repeat;
	}

	#midnav a.involved {
		background: url(/images/get_involved_button.jpg) 0 0 no-repeat;
	}

#bottomcontent {
	width: 535px;
	}

#bottomcontent span {
	float: left;
	background: #e1e7f0;
	color: #8cafd0;
	text-align: center;
	width: 250px;
	margin: 0 3 0 3;
	padding: 2 2 2 2;
	}

#content ul.jiff{
margin:8px;
border: 1px solid #fff;
width: 12em;
background-color: #26a;
font: 12px verdana,sans-serif;
float:right;
	}
	
#content ul.jiff li{
list-style: none;
border: 1px solid #26a;
}

#content ul.jiff li a{
color: #eee;
text-decoration: none;
display: block;
border-left: 1em solid #159;
border-bottom: 1px solid #159;
padding: 4px 4px;
}
#content ul.jiff li:hover{
background-color: #00AEEf;
}