@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #C1E2E5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#wrapper {
	margin: 0 auto;
	width:100%;
	padding: 0;
	border: 0;
	}

#top-container {
	margin:0 auto;
	width:100%;
	background-color:#FFFFFF;
	}

#top-wrapper {
	width:900px;
	margin:0 auto;
	padding:16px 0 4px 0;
	background-color: #FFFFFF;
	text-align:left;
	color: #42145f;
	}

.logo {
	float:left;
	margin-right:20px;
	}

#top-right {
	width:430px;
	text-align:right;
	float: right;
	margin-top: 30px;
	font-size: 14px;
	line-height: 1.3em;
	background-color: #FFF;
	color: #3B5998;
	}

#top-right a, #top-right a:visited {
	color:#3B5998;
	background-color:#FFF;
	text-decoration:none;
	}

#top-right a:hover {
	color:#800080;
	background-color:#FFF;
	text-decoration:underline;
	}

.top-facebook {
	float:right;
	clear:right;
	margin-left: 12px;
	margin-top: 1px;
	}

#menu-container {
	margin:0 auto;
	width:100%;
	background-color:#622567;
	border-bottom:0px solid #84C447;
	}


#menu-wrapper {
	width:899px;
	margin:0 auto;
	background-color: #FFFFFF;
	text-align:left;
	color: #42145f;
	border-right: solid 1px #DCC7DF;
	position: relative;
	z-index: 999999;
	}

#body-container {
	margin:0 auto;
	width:100%;
	border-bottom:0px solid #84C447;
	background-color: #fff;
	}

#body-wrapper {
	width:900px;
	margin:0 auto;
	padding:0 0 5px 0;
	background-color: #FFFFFF;
	text-align:left;
	color: #000;
	}
	
#footer-container {
	margin:0 auto;
	width:100%;
	background-color:#c1e2e5;
	border-top: solid 1px #006778;
	}

#footer-wrapper {
	width:900px;
	margin:0 auto;
	padding:7px 0 4px 0;
	background-color: #C1E2E5;
	text-align:left;
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}

#footer-wrapper h1, #footer-wrapper h1 a, #footer-wrapper h1 a:visited, #footer-wrapper h1 a:hover {
	color:#006778;
	background-color:#C1E2E5;
	font-size:11px;
	margin-bottom:0px;
	width:202px;
	text-align:left;
	font-weight: bold;
	text-decoration:none;
	}

.footer-block, .footer-block a, .footer-block a:visited {
	float:left;
	width:202px;
	margin-right:30px;
	line-height: 1.6em;
	color:#000;
	text-decoration:none;
	}

.footer-blockRight a:hover, .footer-block a:hover {
	color:#000;
	text-decoration:underline;
	}

.footer-blockRight, .footer-blockRight a, .footer-blockRight a:visited {
	float:left;
	width:200px;
	line-height: 1.5em;
	color:#000;
	text-decoration:none;
	}
	
#copyright-container {
	margin:0 auto;
	width:100%;
	background-color:#C1E2E5;
	}

#copyright-wrapper {
	width:900px;
	margin:0 auto;
	padding:16px 0 4px 0;
	background-color: #C1E2E5;
	text-align:left;
	color: #666;
	font-size:10px;
	}

#copyright-wrapper a, #copyright-wrapper a:visited {
	color:#666;
	background-color:#C1E2E5;
	text-decoration:none;
	font-size:10px;
	}
	
#copyright-wrapper a:hover {
	color:#800080;
	background-color:#C1E2E5;
	text-decoration:underline;
	} 

#sidenav {
	float:left;
	width:156px;
	padding-top: 16px;
	padding-bottom: 20px;
	position: relative;
	z-index: 9999;
	}

.whale {
	margin-left:18px;
	margin-top:10px;
	position: center bottom;
	}


#main-area {
	float:right;
	margin-top:19px;
	margin-bottom:5px;
	margin-left:12px;
	width:718px;
	background-color:#FFFFFF;
	}

h1 {
	float:left;
	clear:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:14px;
	color:#622567;
	width:700px;
	font-weight:normal;
	}

h2 {
	color:#42145f;
	font-size:14px;
	background-color:#FFF;
	font-weight: bold;
	}




#content-area {
	clear:left;
	line-height: 1.7em;
	}

#clear {
	clear:both;
	}

.clear {
	clear:both;
	}

.pagelink {
	color:#007A87;
	text-decoration:underline;
	}

.expanded-line-height {
	line-height:1.7em;
	}

.lead-text {
	font-weight:bold;
	color:#000;
	background-color:#FFFFFF;
	}

.note {
	color:#990000;
	background-color:#FFFFFF;
	font-weight:bold;
	}

#basic {
	color:#000;
	background-color:#FFF;
	line-height: 1.7em;
	}

#basic a, #basic a:visited {
	color:#D95e00;
	background-color:#FFF;
	text-decoration:underline;
	font-weight: bold;
	}

#basic a:hover {
	color:#42145f;
	background-color:#FFF;
	text-decoration:underline;
	}

/* blog styles */

.blog-area {
	padding-bottom:6px;
	border-bottom:dotted 1px #800080;
	margin-bottom:10px;
	width:500px;
	}

.blog-date {
	color:#FD923D;
	font-size:14px;
	margin-bottom:4px;
	}

.blog-text {
	text-align:justify;
	line-height:1.7em;
	}

/* recent pics styles */

.recent-pic-area {
	padding-bottom:6px;
	border-bottom:dotted 1px #800080;
	margin-bottom:10px;
	}

.recent-pic-image {
	width:400px;
	border:solid 1px #800080;
	margin-bottom:5px;
	}

.recent-pic-date {
	color:#FD923D;
	font-size:14px;
	margin-bottom:4px;
	}

.recent-pic-caption {
	width:400px;
	text-align:justify;
	}

/* program descriptions */

.intro-pic {
	float:right;
	clear:right;
	margin-left:16px;
	margin-bottom:10px;
	}

.interm-left {
	float:left;
	margin-right:5px;
	margin-bottom:8px;
	clear:left;
	}

.interm-center {
	float:left;
	margin-right:5px;
	margin-bottom:8px;
	}

.interm-right {
	float:left;
	margin-bottom:8px;
	}

.interm-solo {
	float:right;
	clear:right;
	margin-left:16px;
	margin-bottom:10px;
	margin-right:16px;
	}




/* online application */


#formWrap {
	background-color:#007A87;
	padding:12px;
	}

form#formApp {
	width:500px;
	margin:0 auto;
	}

fieldset {
	background-color:#FFFFCC;
	border:none;
	margin-top:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:15px; 
	}

legend {
	color:#002c5f;
	line-height:1.4;
	background-color:#FFFFCC;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-left:7px;
	}

#formWrap p {
	color:#000000;
	size:12px;
	line-height:1.2em;
	margin-top:8px;
	margin-bottom:6px;
	}

input.text {
	width:270px;
	margin-left:3px;
	}

input.short {
	width:40px;
	margin-left:3px;
	}

input.zip {
	width:70px;
	margin-left:3px;
	}

input.medium {
	width:125px;
	margin-left:3px;
	}

textarea {
	width:300px;
	margin-top:5px;
	}

label.top {
	display:block;
	margin-bottom:3px;
	}

label.check {
	font-size:11px;
	line-height:1em;
	color:#000000;
	padding-right:7px;
	}

span.aside {
	font-style:italic;
	}

p.required {
	position:relative;
	}

span.required {
	position:absolute;
	left:320px;
	padding-left:35px;
	color:C00;
	height:25px;
	line-height:25px;
	}

input.text:focus, textarea:focus {
	background-color:#C8D3CB;
	}

.app-note {
	color:#990000;
	background-color:#FFFFCC;
	font-weight:bold;
	}
	
.app-pagelink {
	color:#007A87;
	background-color:#FFFFCC;
	text-decoration:underline;
	}

.app-star {
	color:#800080;
	background-color:#FFFFCC;
	font-weight:bold;
	}
	
/* homme pages */

#home-image {
	width:506px;
	margin-bottom: 12px;
	margin-top: -5px;
	float:left;
	z-index: 1;
	}

#home-right {
	float:left;
	margin-left:11px;
	width:200px;
	margin-top: -5px;
	}
	
#home-app, #home-programs, #home-credit {
	width:200px;
	margin-bottom:10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1.6em;
	}

#home-app {
	background-image:url(aio-images/home/purple-app.gif);
	background-repeat:no-repeat;
	height:80px;
	color:#800080;
	}

#home-app a, #home-app a:visited {
	color:#800080;
	text-decoration:underline;
	}

#home-app a:hover {
	color:#42145f;
	text-decoration:underline;
	}

#home-programs {
	background-image:url(aio-images/home/home-programs.gif);
	background-repeat:no-repeat;
	height:110px;
	}

#home-credit {
	background-image:url(aio-images/home/home-credit.gif);
	background-repeat:no-repeat;
	height:35px;
	line-height:1.3em;
	font-size:14px;
	color: #E05206;
	}

#home-credit a, #home-credit a:visited {
	color:#E05206;
	text-decoration:underline;
	}

#home-credit a:hover {
	color:#339999;
	text-decoration:underline;
	}

#home-programs p {
	background-image:url(aio-images/home/checkmark.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
	color:#339999;
	padding-left:20px;
	margin-left: 10px;
	}

#home-programs a, #home-programs a:visited {
	color:#339999;
	background-color:#FFF;
	text-decoration:none;
	}

#home-programs a:hover {
	color:#E05205;
	background-color:#FFF;
	text-decoration:underline;
	}
	
#home-text {
	text-align:left;
	font-size:16px;
	line-height:1.6em;
	}

#home-text h1 {
	font-size:16px;
	color:#622567;
	background-color:#FFF;
	font-weight:bold;
	width:700px;
	text-align:left;
	line-height: 1.4em;
	margin-bottom: 2px;
	}

.home-orange {
	color:#FD923D;
	background-color:#FFFFFF;
	line-height:1.7em;
	font-size:13px;
	}

.home-teacher {
	width:200px;
	text-align:left;
	font-size:12px;
	color:#e05206;
	background-color:#FFF;
	background-image:url(aio-images/home/orange-triangle.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	padding-top:5px;
	
	}

.home-teacher a, .home-teacher a:visited {
	color:#E05206;
	background-color:#FFF;
	text-decoration:none;
	}

.home-teacher a:hover {
	color:#E05206;
	background-color:#FFF;
	text-decoration:underline;
	}

.home-scoop {
	background-image:url(aio-images/home/home-purple-tri.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	margin-top:10px;
	background-position:left center;
	}

#home-text a, #home-text a:visited {
	color:#622567;
	background-color:#FFF;
	text-decoration:none;
	}

#home-text a:hover {
	color:#622567;
	background-color:#FFF;
	text-decoration:underline;
	}

/* contact and alum pages */
	
.image-verification {
	margin-top:6px;
	margin-bottom:4px;
	}


.tectite {
	font-size:10px;
	width:532px;
	text-align:center;
	margin-top:12px;
	}


/* featured alumni */

.alumni-photo {
	width:250px;
	float:right;
	clear:right;
	margin-left:14px;
	margin-bottom:3px;
	border:solid 1px #339999;
	}

.alumni-caption {
	width:252px;
	color:#666666;
	background-color:#FFFFFF;
	text-align:right;
	float:right;
	clear:right;
	margin-bottom:10px;
	margin-left:14px;
	font-size:10px;
	}

.alumni-area {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #999999;
	}

.alumni-list-photo {
	float:left;
	clear:left;
	width:100px;
	margin-right:20px;
	}

.alumni-list-details {
	float:left;
	width:400px;
	}

.alumni-list-name {
	font-size:16px;
	color:#800080;
	margin-bottom:20px;
	}

/* photo gallery */

.gallery-slideshow {
	width:560px;
	}


/* belize */

.belize-img {
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	}

.belize-right-img {
	float:right;
	clear:right;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:4px;
	margin-right:8px;
	}

/* about */

.about-right-image {
	float:right;
	clear:right;
	margin-left:16px;
	margin-bottom:5px;
	border:solid 1px #339999;
	
	}

.about-left-image {
	float:left;
	clear:left;
	margin-right:16px;
	margin-bottom:5pxx;
	border:solid 1px #339999;
	}

.about-lead {
	float:left;
	margin-right:4px;
	padding-bottom:12px;
	}


/* video */

.video {
	float:right;
	clear:right;
	}

/* recreation */

.recreation {
	float:right;
	400px;
	margin-bottom: 20px;
	}

.recreation-text {
	float:left;
	clear:left;
	width:300px;
	font-size: 12px;
	margin-bottom: 20px;
	}

.rec-left {
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	}

.rec-right {
	float:left;
	margin-bottom:5px;
	}

.accom-img, .accom-imgCenter {
	float:left;
	margin-bottom:5px;
	padding: 2px;
	border: solid 1px #d1d4d3;
	}

.accom-imgCenter {
	margin-left:5px;
	margin-right:5px;
	}
/* copyright */

.copyright {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
	background-color:#FFFFFF;
	font-size:10px;
	}

.copyright a, .copyright a:visited {
	color:#666666;
	background-color:#FFFFFF;
	text-decoration:none;
	}

.copyright a:hover {
	color:#339999;
	background-color:#FFFFFF;
	text-decoration:underline;
	}


a img { border:0 }
img { border:0 }


.facebook {
	width:580px;
	text-align:center;
	}

.book {
	float:left;
	margin-right:16px;
	margin-top: 10px;
	}

/* costs */

.cost-block, .cost-blockCenter {
	width:220px;
	float: left;
	margin-bottom: 5px;
	line-height: 1.8em;
	}

.cost-blockCenter {
	margin-left:10px;
	margin-right:10px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: solid 1px #d1d4d3;
	border-right: solid 1px #d1d4d3;
	padding-bottom: 15px;
	}

.cost-total {
	font-weight:bold;
	color:#006778;
	background-color:#FFF;
	}
.image-right {
	float:right;
	margin-left:14px;
	margin-bottom:5px;
	}