@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background: #00728f;
	text-align: center;
}
p,h1,h2,h3,h4,h5,h5,ol,ul,a {
	margin: 0px;
	padding: 0px;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
}
#wrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	background: #e7d8ac;
	text-align: center;
}
h1{
	font-size: 24px;
	color: #e7d8ac;
	font-weight: bold;
}
h2{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
h3{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 16px;
}
.screenReader{
	font-size: 32px;
	color: #000000;
	font-weight: bold;
	padding-top: 30px;
}
.underline{
	text-decoration: underline;
}
p{
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 16px;
}
#logo{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.clear{
	clear:both;
}
/*---------------------------------------------toolbar------------------------------------------------*/
ul#mainNav{
	background:url(assets/toolbar.gif) center 5px no-repeat;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0; 
	padding-top: 18px;
	text-align: center;
	height: 48px;
}
/*display inline makes the buttons horizontal, but not the same size.  above the text-align center makes the entire toolbar center.  width in ems allows the toolbar to change size without screwing up the text. float left above makes them.  refer to page 225 for the same size float left, display block method. */
ul#mainNav li{
	display: inline;
	padding-left: 10px;
	
}
ul#mainNav a{
	width: 6em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-right: 2px solid #fff;
	padding-right: 10px;
	margin-top: 15px;
}
ul#mainNav a#contact{
	border-right: none;
}
#homePage a#home,
#aboutPage a#about,
#servicesPage a#services,
#benefitsPage a#benefits,
#qualifyPage a#qualify,
#locationPage a#location,
#enrollmentPage a#enrollment,
#contactPage a#contact{
	text-decoration: underline;
}
a#home:hover,
a#about:hover,
a#services:hover,
a#contact:hover,
a#benefits:hover,
a#location:hover,
a#enrollment:hover,
a#qualify:hover{
	color: #e5831a;
}
/*---------------------------------------------waveSection------------------------------------------------*/
#waveSection{
	background:url(assets/wave.gif) center top no-repeat;
	width: 800px;
	height: 135px;
}
#waveSection h1{
	width: 375px;
	margin-left: 25px;
	padding-top: 30px;
	float: left;
}
.large{
	font-size: 32px;
}
.bottomAlign h1{
	margin-top: 30px;
}
/*---------------------------------------------leftSidebar------------------------------------------------*/
#leftSidebar{
	width: 450px;
	border: #e58e1a 2px solid;
	padding: 10px 10px 10px 10px;
	margin: 15px 0px 15px 15px;
	float: left;
	background: #e7d8ac;
}
#leftSidebar h1,
#leftSidebar p,
#leftSidebar h2{
	text-align: left;
}
#leftSidebar h2.center,
#leftSidebar h3.center,
#leftSidebar a.center{
	text-align: center;
}
#leftSidebar ul{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#leftSidebar li{	
	margin-left: 20px;
	line-height: 120%;
	list-style-position: inside;
	list-style-type: square;
}
.collage{
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}	
/*---------------------------------------------rightSidebar------------------------------------------------*/
#rightSidebar{
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	width: 292px;
}
#top{
	background: url(assets/top.gif) center bottom no-repeat;
	height: 88px;
}
#top h2{
	padding-top: 10px;
}
#rightSidebar h3,
#rightSidebar p{
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}
#bottom{
	background: url(assets/bottom.gif) center bottom no-repeat;
	height: 20px;
	padding-top: 20px;
}
#noellene{
	float: left;
}
.photoSetright{
	float: right;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 175px;
	margin-right: 20px;
}
#leftSidebar p.caption,
#rightSidebar p.caption{
	font-style: italic;
	text-align: center;
}
#video{
	margin-top: 20px;
	margin-bottom: 5px;
}
.photoSetcenter{
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
}
.photoSetcenter h3{
	text-align: center;
}
#noellene{
	display: block;
	margin-left: 40px;
}


/*---------------------------------------------Footer------------------------------------------------*/
ul#footer{
	background:url(assets/toolbar.gif) center 5px no-repeat;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0; 
	padding-top: 18px;
	text-align: center;
	height: 48px;
}
/*display inline makes the buttons horizontal, but not the same size.  above the text-align center makes the entire toolbar center.  width in ems allows the toolbar to change size without screwing up the text. float left above makes them.  refer to page 225 for the same size float left, display block method. */
ul#footer li{
	display: inline;
	padding-left: 10px;
	
}
ul#footer a{
	width: 6em;
	text-align: center;
	text-decoration: none;
	color: #e7d8ac;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-right: 2px solid #fff;
	padding-right: 10px;
	margin-top: 15px;
}
ul#footer a#employment{
	border-right: none;
}
#newsPage a#employment,
#newsPage a#links,
#newsPage a#news{
	text-decoration: underline;
}
a#employment:hover,
a#links:hover,
a#news:hover{
	color: #e5831a;
}
/*---------------------------------------------aboutPage------------------------------------------------*/
.floatLeft{
	width: 270px;
	float: left;
	margin-bottom: 16px;
}
#aboutPage #entrance{
	width: 158px;
	float: left;
}
#aboutPage #rightSidebar ul{
	text-decoration: none;
	color: #000000;
	list-style-type: none;
	text-align: left;
	margin-left: 15px;
	padding-top: 10px;
}
.imgCenter{
	 display: block;
 	 margin-left: auto;
 	 margin-right: auto;
	 clear: both;
	 padding-top: 20px;
	 padding-bottom: 20px;
}
/*---------------------------------------------servicesPage------------------------------------------------*/
#servicesPage #leftSidebar ul,
#servicesPage #rightSidebar ul{
	list-style-position: inside;
	color: #000000;
	list-style-type: square;
	text-align: left;
	margin-left: 20px;

}
#servicesPage #leftSidebar li,
#servicesPage #rightSidebar li{
	font-size: 16px;
	color: #000000;
	line-height: 120%;
}
.link{
	color: #00728f;
	font-weight: bold;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
	font-size: 16px;
	text-decoration: none;
	}
a.link:hover{
	text-decoration: underline;
}
#rightSidebar h3.center{
	margin-top: 5px;
	text-align: center;
}
/*---------------------------------------------locationPage------------------------------------------------*/
#verticalLeft{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
/*---------------------------------------------contactPage------------------------------------------------*/
#contactPage .center p{
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
}
#contactPage #rightSidebar img{
	border: none;
}
#contactPage #rightSidebar a:hover{
	text-decoration: underline;
}
#rightSidebar a{
	text-decoration: none;
	color:#000000;
}
/*---------------------------------------------Contact Form------------------------------------------------*/

.label{
	float: left;
	width: 130px;
	text-align: left;
	clear: left;
	margin-right: 30px;
	margin-left: 33px;
}
.messagearea{
	float: left;
	clear:left;
	margin-left: 10px;
}
textarea{
	border-color: #e58e1a;
	margin-bottom: 10px;
	margin-left: 10px;
}
input.blank{
	float: left;
	width: 180px;
	border-color:#e58e1a;
	margin-right: 20px;
	margin-bottom: 5px;
}
input.button{
	border-color:#000;
	width: 80px;
	background-color: #CCCCCC;
	margin-top: 15px;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
	margin-bottom: 15px;
	font-weight: bold;
}
input.button:hover{
	background-color: #FFFFFF;
}
.area_header{
	float: left;
	clear: left;
	margin-left: 45px;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
}
#form{
	width: 400px;
}
/*---------------------------------------------AdminPage/Testimonials---------------------------------*/
.administratorPic{
	float: left;
	display: block;
	margin: 15px 30px 0px 5px;
}
.bioBox{
	border: #e58e1a 2px solid;
	margin: 20px 20px 20px 20px;
	padding: 5px 20px 10px 20px;
}
.bio{
	text-align: left;
}
/*---------------------------------------------News & Links---------------------------------*/
#newsPage a.big{
	font-size: 30px;
}
#newsPage #rightSidebar ul{
	list-style-position: outside;
	color: #000000;
	list-style-type: square;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-left: 30px;

}
#newsPage #rightSidebar li{
	font-size: 16px;
	color: #000000;
	line-height: 120%;
	margin-bottom: 10px;
}
#newsPage #rightSidebar a{
	color: #000;
	text-decoration: none;
}
#benefitsPage #rightSidebar a.link li,
#benefitsPage #rightSidebar a.link,
#newsPage #rightSidebar a.link li,
#newsPage #rightSidebar a.link{
	color: #00728f;
	font-weight: bold;
	font-family: Calibri, "Century Gothic", "Arial Rounded MT Bold", sans-serif;
	font-size: 16px;
	text-decoration: none;
}
#benefitsPage #rightSidebar a.link:hover,
#benefitsPage #rightSidebar a.link li:hover,
#newsPage #rightSidebar a.link:hover,
#newsPage #rightSidebar a.link li:hover{
	text-decoration: underline;
}
#newsPage #rightSidebar p{
	font-size: 18px;
}
#newsPage #newsStory{
	text-decoration: underline blink;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 30px;
}
#newsPage .interview{
	margin-left: 40px;
}
/*---------------------------------------------Sidebars---------------------------------*/
ul.square{
	list-style-position: inside;
	color: #000000;
	list-style-type: square;
	text-align: left;
	margin-left: 20px;
}
ul.square li{
	font-size: 16px;
	color: #000000;
	margin-top: 7px;
}
/*---------------------------------------------Return---------------------------------*/

#button a{
	padding-left: 0;
	margin-left: 0; 
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background: url(assets/return.gif) center center no-repeat;
	width: 185px;
	height: 35px;
	padding-top: 10px;
}
#button{
	width: 185px;
	 display: block;
 	 margin-left: auto;
 	 margin-right: auto;
	 clear: both;
}
#button a:hover{
	text-decoration: underline;
	color: #e7d8ac;
}

#widget p{
	text-align: center;
}
#MicrosoftTranslatorWidget{
	 margin-top: 50px;
	 width: 200px;
	 display: block;
 	 margin-left: auto;
 	 margin-right: auto;

}