/* Haven Academy Style Sheet */
/* Last revision:  */
/*------------------------------------------*/


/* NOTES */
/* -------------------------------------- */


/* GLOBAL ESSENTIALS */
/* -------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	outline: none;
	border: none;
	}

body {
	font-family: "Arial", "Verdana", sans-serif;
	background-color: #0173AF;
	font-size: 62.5%;
	color: #000;
	text-align: center;
	}

p {
	margin-bottom: 1.0em;
}


/* GLOBAL ESSENTIALS */
/* -------------------------------------- */

#wrapper {
	height: 100%;
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

#inner {
	height: 100%;
	width: 800px;
	padding: 50px 65px 20px 65px;
	background-color: #FFF;
	float: left;
	display: inline;
}

#callout {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 205px;
	margin: 0 35px 0 25px;
	float: left;
	display: inline;
	padding-bottom: 30px;
}

#content {
	color: #666;
	font-size: 1.3em;
	line-height: 1.5em;
	width: 535px;
	float: left;
	display: inline;
	padding-bottom: 30px;
}

#footer {
	font-size: 1.1em;
	line-height: 3.0em;
	text-align: center;
	color: #FFF;
	width: 800px;
	float: left;
	clear: both;
	display: inline;
	background-color: #7BC143;
}

/* HEADERS */
/* -------------------------------------- */

h1 {
	font-size: 1.7em;
	color: #0073AE;
	padding-left: 265px;
	margin-bottom: 10px;
	width: 535px;
	clear: both;
}

h2 {
	font-size: 1.1em;
}

h2.article {
	font-style: italic;
}

.applications h2 {
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: .8em;
}



/* NAVIGATION */
/* -------------------------------------- */

#nav1 {
	width: 800px;
	list-style: none;
	float: left;
	display: inline;
	clear: both;
}

.solo {
	margin-bottom: 40px;
}

#nav1 li {
	float: left;
	display: inline;
}

#nav1 li a {
	font-size: 1.3em;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #0173AF;
	margin-right: 1px;
}

#nav1 li a#about {
	width: 193px;
}

#nav1 li a#about:hover, #nav1 li a#about.on {
	background-color: #F8981D;
}

#nav1 li a#why {
	width: 88px;
}

#nav1 li a#why:hover, #nav1 li a#why.on {
	background-color: #7BC143;
}

#nav1 li a#staff {
	width: 148px;
}

#nav1 li a#staff:hover, #nav1 li a#staff.on {
	background-color: #74ABCB;
}

#nav1 li a#events {
	width: 106px;
}

#nav1 li a#events:hover, #nav1 li a#events.on {
	background-color: #FBC61D;
}

#nav1 li a#apply {
	width: 138px;
}

#nav1 li a#apply:hover, #nav1 li a#apply.on {
	background-color: #bd88b1;
}

#nav1 li a#contact {
	width: 122px;
	margin: 0px;
}

#nav1 li a#contact:hover, #nav1 li a#contact.on {
	background-color: #A99D87;
}

#nav2 {
	width: 788px;
	padding-left: 12px;
	list-style: none;
	float: left;
	clear: both;
	margin-bottom: 30px;
}

#nav2 li {
	float: left;
	display: inline;
}

#nav2 li a {
	font-size: 1.2em;
	line-height: 30px;
	padding: 0 25px 0 13px;
	display: block;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
}

#nav2 li a.on {
	font-weight: bold;
}


/* BODY STYLES */
/* -------------------------------------- */

.banner {
	padding: 25px 0 3px 0;
}

#content span {
	color: #0073AE;
}

#footer span {
	padding: 0 10px;
}

.left {
	float:left;
}

.right {
	float:right;
}

#content ul {
	margin-bottom: 0.5em;
}

#content li {
	margin: 0 0 0.5em 1.5em;
}

#content a {
	color: #0173AF;
	text-decoration: none;
}

#content a:hover {
	color: #222;
	text-decoration: underline;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #222;
	text-decoration: underline;
}

#content h2 span {
	font-weight: normal;
	color: #74ABCB;
}

.applications {
	background-color: #f2e7ef;
	padding: 10px;
}

#callout p {
	font-size: 0.8em;
	line-height: 2.2em;
}

a.download {
	color: #555;
	text-decoration: none;
	padding: 4px 0 4px 22px;
	background-repeat: no-repeat;
}

a.pdf { background-image: url(../images/pdf.gif); }
a.doc { background-image: url(../images/doc.gif); }

a.download:hover {
	color: #222;
	text-decoration: underline;
}


/* BIO PAGE */
/* -------------------------------------- */

.bio {
	margin-bottom: 30px;
	width: 535px;
	float: left;
	clear: both;
}

.bio img {
	float: left;
	padding: 0 15px 10px 0;
}

.bio p {
	width: 430px;
	float: left;
	margin-bottom: 5px;
}

.bio p.top {
	padding-left: 105px;
}

#content .bio a.mail {
	padding-left: 20px;
	background-image: url(../images/envelope.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

#content .bio a.mail:hover {
	text-decoration: none;
}


/* ULs (New, Bio) */
/* -------------------------------------- */

#callout ul {
	list-style: none;
	font-size: 0.8em;
	line-height: 1.4em;
}

#callout ul#newHaven {
	color: #F8981D;
}

#callout ul#newHaven li {
	margin-bottom: 1.0em;
	text-indent: -12px;
	margin-left: 12px;
}

#callout ul#newHaven li a {
	color: #F8981D;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	padding-left: 12px;
}

#callout ul#newHaven li a:hover {
	color: #222;
	text-decoration: underline;
}

#callout ul#staffList li {
	margin-bottom: 5px;
}

#callout ul#staffList li a {
	color: #74ABCB;
	text-decoration: none;
}

#callout ul#staffList li a:hover {
	color: #222;
	text-decoration: underline;
}