@font-face {
	font-family: goodlife;
    src: url("fonts/GoodlifeSans.woff") format('woff');
}
@font-face {
	font-family: aglet;
    src: url("fonts/AgletSans-Regular.woff") format('woff');
}
@font-face {
	font-family: agenda;
	src: url('fonts/Agenda-Light.ttf');
}
html {
    height: 100%;
    width: 100;
}

body {
    margin: 0px;
	font: 18px agenda, sans-serif;
	letter-spacing: .25px;
	color: #032128;
    text-align: center;
    background: #eff7ef url('images/background.jpg') bottom center fixed;
}

.clear { clear: both; }

a {
	cursor: hand;
}

#content {
    margin: 0 auto;
    width: 1000px;
}

.infoBox, .success, .error {
	text-align: left;
	width: 300px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 80px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

.success {
	color: #FFF;
	border: 1px solid #FFF;
	background-color: #289946;
}

.error {
	color: #FFF;
	border: 1px solid #FFF;
	background-color: #DE2526;
}

img {
	border: 0px;
}

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

#hpMenu{ 
    padding: 0 30px;
}

#hpMenuLogo {
    position: fixed;
	z-index: 9001;
	margin: 0;
	padding: 0;
	float: left;
	top: 3px;
    left: 46.5%;
	height: 81px;
	width: 100px;
    background: url('images/logoBalloons.png') no-repeat;
    background-position: center 0px;
}

#spMenuLogo {
    position: fixed;
	z-index: 9001;
	margin: 0;
	padding: 0;
	float: left;
	top: 3px;
    left: 47%;
	height: 81px;
	width: 100px;
    background: url('images/logoSmall.png') no-repeat;
    background-position: center 0px;
}

#hpMenuContainer {
    position: relative;
	z-index: 9000;
    margin: 0 auto;
    text-align: center;
	font: 15px agenda, sans-serif;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: url('images/header_bg.png') no-repeat;
    width: 1000px;
    height: 110px;
}

.hpMenuItem1 {
    padding: 0 20px;
	z-index: 9999;
	list-style-type:none; 
	float: left;
}
.hpMenuItem1 li {
    float: left;
	height: 65px;
	width: 70px;
}
.hpMenuItem1 li a {
	height: 65px;
	display: block; 
	color: #706f73;
	text-decoration: none; 
	font-weight: bold;
}

.hpMenuItem1 li:hover a {
    color: #694a9e;
}

.hpMenuItem1 ul {
	padding: 0px;
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	list-style-type: none;
}
.hpMenuItem1 li:hover {
	position: relative; 
}
.hpMenuItem1 li:hover ul {
	z-index: 9999;
	left: 0px; 
	top: 30px; 
	padding: 3px; 
}
.hpMenuItem1 li:hover ul li {
	height: 18px; 
	border: none;
}
.hpMenuItem1 li:hover ul li a {
	height: 18px; 
	padding: 0px; 
	display: block; 
	font-size: 15px; 
	line-height: 18px; 
	text-indent: 5px; 
	color: #032128;; 
	text-decoration: none; 
}
.hpMenuItem1 li:hover ul li a:hover {
	height: 18px; 
	color: #032128;; 
}

.hpMenuItem2 {
    padding: 0 20px;
	z-index: 9999;
	list-style-type:none; 
	float: left;
}
.hpMenuItem2 li {
	float: left; 
	height: 65px;
	width: 110px;
}

.hpMenuItem2 li a {
	height: 65px;
	color: #706f73;
	display: block; 
	text-decoration: none; 
	font-weight: bold;
}

.hpMenuItem2 li:hover a {
    color: #694a9e;
}

.hpMenuItem2 li ul li:hover a {
	background-color: #694a9e;
}

.hpMenuItem2 ul {
	padding: 0px;
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	list-style-type: none;
	min-height: 145px;
}
.hpMenuItem2 li:hover {
	position: relative; 
}
.hpMenuItem2 li:hover ul {
    z-index: 9999;
	left: 0;
	top: 25px;
}

.hpMenuItem2 li ul li{
    background-image: url('images/menu_bg.png');
    background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
}
.hpMenuItem2 .first{
    background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
	background-position: center 0px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}
.hpMenuItem2 .last{
    background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.hpMenuItem2 li:hover ul li {
	height: 25px; 
}
.hpMenuItem2 li:hover ul li a {
	height: 25px; 
	padding: 0px; 
	display: block; 
	font-size: 11px; 
	line-height: 25px; 
	text-indent: 5px; 
	color: #032128;; 
	text-decoration: none; 
}
.hpMenuItem2 li:hover ul li a:hover {
	height: 25px; 
	color: #eff7ef;
}

.hpMenuItem3 {
    padding: 0;
	z-index: 9999;
	list-style-type:none; 
	float: left;
}
.hpMenuItem3 li {
	float: left; 
	height: 65px;
	width: 150px;
}

.hpMenuItem3 li a {
	height: 65px;
	display: block; 
	color: #706f73;
	text-decoration: none; 
	font-weight: bold;
}

.hpMenuItem3 li:hover a { 
    color: #694a9e;
}

.hpMenuItem3 li ul li:hover a {
    background-color: #694a9e;
}

.hpMenuItem3 ul {
	padding: 0px;
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	list-style-type: none;
	min-height: 145px;
}
.hpMenuItem3 li:hover {
	position: relative; 
}
.hpMenuItem3 li:hover ul {
	z-index: 9999;
	left: 0px; 
	top: 25px;
}

.hpMenuItem3 li ul li{
	background-image: url('images/menu_bg.png');
    background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
}
.hpMenuItem3 .first{
    background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
	background-position: center 0px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}
.hpMenuItem3 .last{
	background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.hpMenuItem3 li:hover ul li {
	height: 25px; 
}

.hpMenuItem3 li:hover ul li a {
	height: 25px; 
	padding: 0px; 
	display: block; 
	font-size: 11px; 
	line-height: 25px; 
	text-indent: 5px; 
	color: #032128;; 
	text-decoration: none; 
}
.hpMenuItem3 li:hover ul li a:hover {
	height: 25px; 
	color: #eff7ef;; 
}

.hpMenuItem4 {
    padding: 0 30px;
	z-index: 9999;
	list-style-type:none; 
	float: right;
}
.hpMenuItem4 li {
	float: right; 
	height: 65px;
	width: 120px;
}

.hpMenuItem4 li a {
	height: 65px;
	display: block; 
	color: #706f73;
	text-decoration: none; 
	font-weight: bold;
}

.hpMenuItem4 li:hover a {
    color: #694a9e;
}

.hpMenuItem4 li ul li:hover a {
	background-color: #694a9e;
}

.hpMenuItem4 ul {
	padding: 0px;
	position: absolute; 
	right: -9999px; 
	top: -9999px; 
	list-style-type: none;
	min-height: 145px;
}
.hpMenuItem4 li:hover {
	position: relative; 
}
.hpMenuItem4 li:hover ul {
	z-index: 9999;
	right: 0px; 
    top: 25px; 
}

.hpMenuItem4 li ul li{
	background-image: url('images/menu_bg.png');
    background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
}
.hpMenuItem4 .first{
	background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
	background-position: center 0px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}
.hpMenuItem4 .last{
	background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.hpMenuItem4 li:hover ul li {
	height: 25px; 
}
.hpMenuItem4 li:hover ul li a {
	height: 25px; 
	padding: 0px; 
	display: block; 
	font-size: 11px; 
	line-height: 25px; 
	text-indent: 5px; 
	color: #032128; 
	text-decoration: none; 
}
.hpMenuItem4 li:hover ul li a:hover {
	height: 25px; 
	color: #eff7ef; 
}

.hpMenuItem5 {
    padding: 0 30px;
	z-index: 9999;
	list-style-type:none; 
	float: right;
}
.hpMenuItem5 li {
	float: right; 
	height: 65px;
	width: 170px;
}

.hpMenuItem5 li a {
	height: 65px;
	display: block; 
	color: #706f73;
	text-decoration: none; 
	font-weight: bold;
}

.hpMenuItem5 li:hover a {
    color: #694a9e;
}

.hpMenuItem5 li ul li:hover a {
	background-color: #694a9e;
}

.hpMenuItem5 ul {
	padding: 0px;
	position: absolute; 
	right: -9999px; 
	top: -9999px; 
	list-style-type: none;
	min-height: 145px;
}
.hpMenuItem5 li:hover {
	position: relative; 
}
.hpMenuItem5 li:hover ul {
	z-index: 9999;
	right: 0px; 
	top: 25px; 
}

.hpMenuItem5 li ul li{
    background-image: url('images/menu_bg.png');
    background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
}
.hpMenuItem5 .first{
	background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
	background-position: center 0px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}
.hpMenuItem5 .last{
	background-image: url('images/menu_bg.png');
	background-repeat: repeat-x;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.hpMenuItem5 li:hover ul li {
	height: 25px; 
}
.hpMenuItem5 li:hover ul li a {
	height: 25px; 
	padding: 0px; 
	display: block; 
	font-size: 11px; 
	line-height: 25px; 
	text-indent: 5px; 
	color: #032128;; 
	text-decoration: none; 
}
.hpMenuItem5 li:hover ul li a:hover {
	height: 25px; 
	color: #eff7ef;; 
}

#hpContent {
    margin: 150px auto;
    text-align: center;
	width: 1050px;
    position: fixed;
}

#spContent {
    margin: 130px auto 35px auto;
    text-align: center;
	text-align: left;
	min-height: 500px;
	width: 1002px
}

#spContentTop {
    height: 110px;
	background: url('images/subpageContentTop.png') no-repeat center;
}

#spContentHeader {
    text-align: center;
}

.spContentHeaderImage {
    margin-top: 30px;
}
    
#spContentBody{
	min-height: 445px;
	background: url('images/subpageContentFiller.png') repeat-y center;
}

#spContentFooter {
    height: 11px;
	background: url('images/subpageContentBottom.png') no-repeat center;
}

.floatPicLeft{
	float: left;
	margin: 20px 55px 25px 5px;
}
#spTextRight {
    padding: 40px 0 40px 0;
    text-align: justify;
}

.floatPicRight{
	float: right;
	margin: 20px 5px 25px 55px;
}
#spTextLeft{
    padding: 40px 0 40px 0;
    text-align: justify;
}

#hpCol1 {
    float: left;
    width: 500px;
    text-align: center;
}

#hpCol2 {
    float: left;
    padding-left: 50px;
    width: 500px;
	overflow: visible;
}

#spCol1 {
    float: left;
    width: 500px;
    text-align: center;
}

#spCol2 {
    float: left;
    padding-left: 90px;
    width: 500px;
    text-align: justify;
}

#spContent1Col {
    padding-left: 110px;
    text-align: center;
    width: 760px;
}

#hpMission {
    text-align: justify;
    padding-top: 40px;
    margin: 0;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #eff7ef;
	font: 12px goodlife, sans-serif;
    text-align: center;
    background: url('images/footerBg.png') repeat-x;
}

#footerText {
    line-height: 30px;
	min-width: 1050px;
}

#expand dt {
	cursor: pointer;
	margin: 10px 0;
	padding: 0px;
}

#expand dd {
	border: 1px solid #FFF;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}

#spContentNoCol {
    padding-left: 110px;
    text-align: center;
    width: 800px;
}

#spContentNoColContent {
    padding: 40px 0 40px 0;
    text-align: left;
}

.staffPhoto {
	padding: 20px;
}
.staffName{
	font-weight: bold;
	padding-bottom: 15px;
}

.bioPhoto {
	float: left;
	padding: 20px 20px 5px 20px;
}
#bioHeader{
	font-weight: bold;
	padding: 30px 20px 20px 20px;
}

.contactInfo {
    border: 1px solid #30625f;
    padding: 20px;
}

#contactRight{
    float: right;
    padding: 20px 80px 0 0;
}
#contactLeft{
    text-align: justify;
    padding: 50px 0 0 100px;
}

.bottomBorder {
    border-bottom: 1px solid #30625f;
}
.rightBorder {
    border-right: 1px solid #30625f;
}