@charset "UTF-8";
/* CSS Document */
/*
============================================================================
GENERAL
============================================================================
*/
html {
	height: 100%;
	width: 100%;
}

body {
	background: url("images/background_body.jpg") repeat-x top center #FFCC33;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 100% Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

img {
	background: none;
	border: none;
}

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

#page {
	background: url("images/background_page.jpg") no-repeat top center;
	width: 900px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	top: 0px;
}

#home {
	background: url("images/background_home.jpg") no-repeat top center;
	width: 900px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	top: 0px;
}

.hide {
	display: none;
}


/*
============================================================================
HEADER
============================================================================
*/
#header {
	background: url("images/header.png") no-repeat bottom center;
	width: 900px;
	height: 199px;
}


/*
============================================================================
MENU
============================================================================
*/
#menu {
	position: absolute;
	width: 900px;
	height: 35px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#menu h2 {
	margin: 0px;
	padding: 0px;
}

#menu_home {
	background: url("images/menu_home.png") no-repeat top left;
	position: absolute;
	width: 72px;
	height: 35px;
	display: block;
	left: 0px;
	top: 0px;
}

#menu_home_current {
	background: url("images/menu_home.png") no-repeat bottom left;
	position: absolute;
	width: 72px;
	height: 35px;
	display: block;
	left: 0px;
	top: 0px;
}

#menu_about {
	background: url("images/menu_about.png") no-repeat top left;
	position: absolute;
	width: 104px;
	height: 35px;
	display: block;
	left: 72px;
	top: 0px;
}

#menu_about_current {
	background: url("images/menu_about.png") no-repeat bottom left;
	position: absolute;
	width: 104px;
	height: 35px;
	display: block;
	left: 72px;
	top: 0px;
}

#menu_history {
	background: url("images/menu_history.png") no-repeat top left;
	position: absolute;
	width: 96px;
	height: 35px;
	display: block;
	left: 176px;
	top: 0px;
}

#menu_history_current {
	background: url("images/menu_history.png") no-repeat bottom left;
	position: absolute;
	width: 96px;
	height: 35px;
	display: block;
	left: 176px;
	top: 0px;
}

#menu_officers {
	background: url("images/menu_officers.png") no-repeat top left;
	position: absolute;
	width: 108px;
	height: 35px;
	display: block;
	left: 272px;
	top: 0px;
}

#menu_officers_current {
	background: url("images/menu_officers.png") no-repeat bottom left;
	position: absolute;
	width: 108px;
	height: 35px;
	display: block;
	left: 272px;
	top: 0px;
}

#menu_recruitment {
	background: url("images/menu_recruitment.png") no-repeat top left;
	position: absolute;
	width: 156px;
	height: 35px;
	display: block;
	left: 380px;
	top: 0px;
}

#menu_recruitment_current {
	background: url("images/menu_recruitment.png") no-repeat bottom left;
	position: absolute;
	width: 156px;
	height: 35px;
	display: block;
	left: 380px;
	top: 0px;
}

#menu_parents {
	background: url("images/menu_parents.png") no-repeat top left;
	position: absolute;
	width: 100px;
	height: 35px;
	display: block;
	left: 536px;
	top: 0px;
}

#menu_parents_current {
	background: url("images/menu_parents.png") no-repeat bottom left;
	position: absolute;
	width: 100px;
	height: 35px;
	display: block;
	left: 536px;
	top: 0px;
}

#menu_alumni {
	background: url("images/menu_alumni.png") no-repeat top left;
	position: absolute;
	width: 84px;
	height: 35px;
	display: block;
	left: 636px;
	top: 0px;
}

#menu_alumni_current {
	background: url("images/menu_alumni.png") no-repeat bottom left;
	position: absolute;
	width: 84px;
	height: 35px;
	display: block;
	left: 636px;
	top: 0px;
}

#menu_photos {
	background: url("images/menu_photos.png") no-repeat top left;
	position: absolute;
	width: 89px;
	height: 35px;
	display: block;
	left: 720px;
	top: 0px;
}

#menu_photos_current {
	background: url("images/menu_photos.png") no-repeat bottom left;
	position: absolute;
	width: 89px;
	height: 35px;
	display: block;
	left: 720px;
	top: 0px;
}

#menu_events {
	background: url("images/menu_events.png") no-repeat top left;
	position: absolute;
	width: 91px;
	height: 35px;
	display: block;
	left: 809px;
	top: 0px;
}

#menu_events_current {
	background: url("images/menu_events.png") no-repeat bottom left;
	position: absolute;
	width: 91px;
	height: 35px;
	display: block;
	left: 809px;
	top: 0px;
}

#menu a:hover {
	background-position: bottom left;
}


/*
============================================================================
CONTENT
============================================================================
*/
#content {
	position: relative;
	width: 810px;
	color: #564B2C;
	margin: 0px 0px 0px 0px;
	padding: 70px 45px 70px 45px;
	overflow: visible;
}

#content h3 {
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

.transparent {
	position: relative;
	background: url("images/transparent.png") repeat-y top center;
	width: 810px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
}

.copy {
	position: relative;
	width: 720px;
	margin: 0px 0px 0px 0px;
	padding: 40px 45px 25px 45px;
	z-index: 100;
}

.form_label {
	width: 400px;
	height: 20px;
}

input {
	background: #FEEBA9;
	position: relative;
	color: #564B2C;
	width: 400px;
	height: 20px;
	border: none;
	font: 80% Arial, Helvetica, sans-serif;
	margin: 5px 300px 5px 0px;
	padding: 5px 5px 0px 5px;
}

textarea {
	background: #FEEBA9;
	position: relative;
	color: #564B2C;
	width: 400px;
	height: 200px;
	border: none;
	font: 80% Arial, Helvetica, sans-serif;
	margin: 5px 300px 5px 0px;
	padding: 5px 5px 5px 5px;
}

#submit {
	background: #FEEBA9;
	position: relative;
	display: inline;
	color: #564B2C;
	width: 100px;
	height: 20px;
	font: bold 80% Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}

#submit:hover {
	color:#FFFFFF;
}

#reset {
	background: #FEEBA9;
	position: relative;
	display: inline;
	color: #564B2C;
	width: 100px;
	height: 20px;
	font: bold 80% Arial, Helvetica, sans-serif;
	text-align: left;
	left: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}

#reset:hover {
	color:#FFFFFF;
}


/*
============================================================================
HOME
============================================================================
*/
#home_fill {
	position: relative;
	width: 810px;
	height: 470px;
	color: #564B2C;
	margin: 0px 0px 0px 0px;
	padding: 70px 45px 70px 45px;
	overflow: visible;
}

#home_slideshow {
	background: url("images/home_slideshow.gif") no-repeat;
	position: absolute;
	width: 463px;
	height: 298px;
	left: 222px;
	top: 169px;
	display: block;
}

#home_slide_01 {
	background: url("images/home_slide_01.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_02 {
	background: url("images/home_slide_02.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_03 {
	background: url("images/home_slide_03.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_04 {
	background: url("images/home_slide_04.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_05 {
	background: url("images/home_slide_05.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_06 {
	background: url("images/home_slide_06.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_07 {
	background: url("images/home_slide_07.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}

#home_slide_08 {
	background: url("images/home_slide_08.gif") no-repeat;
    position: absolute;
	width: 463px;
	height: 298px;
    top: 0px;
    left: 0px;
}


/*
============================================================================
ABOUT
============================================================================
*/
#about_title {
	position: relative;
	background: url("images/about_title.png") no-repeat top left;
	width: 196px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#about {
	position: relative;
	width: 810px;
	color: #564b2c;
	margin: 0px 0px 0px 0px;
	padding: 70px 45px 70px 45px;
	overflow: visible;
}

#about h4 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#about_brotherhood {
	background: url("images/about_brotherhood.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about_campus {
	background: url("images/about_campus.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about_philanthropy {
	background: url("images/about_philanthropy.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about_sports {
	background: url("images/about_sports.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about_social {
	background: url("images/about_social.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about_academics {
	background: url("images/about_academics.jpg") no-repeat top left;
	position: relative;
	display: block;
	width: 800px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

#about a:hover {
	background-position: bottom left;
}

.accordion {
	background: url("images/transparent.png") repeat-y top center;
	width: 810px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
}


/*
============================================================================
HISTORY
============================================================================
*/
#history_title {
	position: relative;
	background: url("images/history_title.png") no-repeat top left;
	width: 261px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

.history_photo {
	position: relative;
	float: right;
	margin: 5px 15px 15px 15px;
}


/*
============================================================================
OFFICERS
============================================================================
*/
#officers_title {
	position: relative;
	background: url("images/officers_title.png") no-repeat top left;
	width: 292px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#officer {
	position: relative;
	width: 810px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.officer {
	position: relative;
	background: url("images/officer_background.png") repeat-y top left;
	width: 240px;
	height: 420px;
	float: left;
	margin: 0px 5px 10px 5px;
	padding: 10px 10px 10px 10px;
}

.officer_name {
	position: relative;
	font: bold 150%/96% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.officer_title {
	position: relative;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color: #564B2C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.officer_info {
	position: relative;
	font: 80%/110% Arial, Helvetica, sans-serif;
	color: #564B2C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.officer a:hover {
	color: #FFFFFF;
}	


/*
============================================================================
RECRUITMENT
============================================================================
*/
#recruitment_title {
	position: relative;
	background: url("images/recruitment_title.png") no-repeat top left;
	width: 430px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#recruitment_photo {
	position: relative;
	background: url("images/recruitment_photo.png") no-repeat bottom right;
	width: 810px;
	height: 148px;
	margin: -75px 5px 0px 5px;
}


/*
============================================================================
PARENTS
============================================================================
*/
#parents_title {
	position: relative;
	background: url("images/parents_title.png") no-repeat top left;
	width: 272px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#parents_photo {
	position: relative;
	background: url("images/parents_photo.png") no-repeat bottom right;
	width: 810px;
	height: 180px;
	margin: -75px 5px 0px 5px;
}



/*
============================================================================
ALUMNI
============================================================================
*/
#alumni_title {
	position: relative;
	background: url("images/alumni_title.png") no-repeat top left;
	width: 430px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#alumni_photo {
	position: relative;
	background: url("images/alumni_photo.png") no-repeat bottom right;
	width: 810px;
	height: 154px;
	margin: -75px 5px 0px 5px;
}


/*
============================================================================
PHOTOS
============================================================================
*/
#photos_title {
	position: relative;
	background: url("images/photos_title.png") no-repeat top left;
	width: 237px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

#photos {
	position: relative;
	width: 735px;
	margin: 0px 0px 0px 0px;
	padding: 5px 30px 25px 45px;
}

#photos h4 {
	position: relative;
	font: bold 300% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.photo {
	position: relative;
	width: 136px;
	height: 136px;
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.clear {
	clear: both;
}


/*
============================================================================
PHOTOS
============================================================================
*/
#events_title {
	position: relative;
	background: url("images/events_title.png") no-repeat top left;
	width: 224px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}

.event {
	position: relative;
	font: bold 200% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#events_photo {
	position: relative;
	background: url("images/events_photo.png") no-repeat bottom right;
	width: 810px;
	height: 180px;
	margin: -25px 5px 0px 5px;
}


/*
============================================================================
PHOTOS
============================================================================
*/
#error_title {
	position: relative;
	background: url("images/error_title.png") no-repeat top left;
	width: 356px;
	height: 62px;
	margin: 0px 0px 0px 5px;
}


/*
============================================================================
FOOTER
============================================================================
*/
#footer {
	position: relative;
	width: 900px;
	height: 40px;
	color: #FFFFFF;
	font: 60% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: -40px auto 0px auto;
}

#footer ul {
	list-style: none;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #564B2C;
}

#v3 {
	position: relative;
	background: url("images/v3.png") no-repeat top left;
	display: block;
	width: 50px;
	height: 20px;
	margin: 3px auto 0px auto;
}