/**********************************
		Global classes 
***********************************/

/* eliminates padding and adds pattern */
body {
	padding: 0;
	margin: 0;
	background: url('EOHS_bkgd.jpg') repeat;
}

/* contains entire layout */
div#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	zoom: 100%; /* IE7 peekaboo fix */
}

div.clear {
	clear: both;
}

div.space {
	height: 24px;
}

a {
	color: #291f5b;
}
a:hover {
	color: #217130;
}

a.link {
	font-size: 14pt;
}

p {
	font-size: 12pt;
	margin: 10px 0;
	padding: 0 16px;
	text-align: justify;
}

hr {
	border: none;
	background: url('EOHS_hr.png') no-repeat;
	width: 600px;
	height: 1px;
}

h2 {
	margin: 0;
	text-align: center;
	font-size: 24pt;
	font-variant: small-caps;
	color: #83b86a;
}

h3 {
	color: #291f5b;
	font-size: 16pt;
	padding-left: 8px;
	margin: 16px 0;
}

div#clip1 {
	margin: 0 24px;
	width: 600px;
	height: 240px;
	background-color: #333333;
}

div#clip2 {
	margin: 0 24px;
	width: 600px;
}

div#content {
	float: right;
	width: 650px;
}

div#content div.banner {
	width: 648px;
	margin: 0 auto;
	padding: 8px 0;
	background: url('EOHS_banner.png') repeat-y;
}

div#content div.banner_top {
	width: 648px;
	height: 8px;
	margin: -8px auto 0;
	background: url('EOHS_banner_top.png') no-repeat;
}

div#content div.banner_bottom {
	width: 648px;
	height: 8px;
	margin: 0 auto;
	background: url('EOHS_banner_bottom.png') no-repeat;
}

div#links {
	background: url('arial_high_five.jpg') bottom right no-repeat;
}

div.left_adjust {
	float: left;
	width: 320px;
}

div.right_adjust {
	float: right;
	width: 320px;
}

ul {
	margin: 0;
	padding: 0 40px;
}

ul.padded li {
	padding: 4px 0;
}

ul.no_list {
	list-style: none;
	margin: 8px 0;
	padding: 0 24px;
}

img.image {
	background-color: #ffffff;
	border: 1px #666666 solid;
	padding: 4px;
}

.courses {
	padding: 0 24px;
	min-height: 250px;
}

table.bordered {
	text-align: center;
	width: 80%;
	margin: 8px auto;
}

table.bordered td {
	background: url('EOHS_cal_number.png');
	border: 1px #666666 solid;
	padding: 4px;
}

table.agenda {
	width: 600px;
	margin: 10px auto;
	text-align: center;
	font-size: 12pt;
}
table.agenda thead td {
	background: transparent url(EOHS_cal_day.png) repeat 0 0;
	padding: 5px;
	border: 1px solid #217130;
	
}
table.agenda tbody td {
	background: transparent url(EOHS_cal_number.png) repeat 0 0;
	padding: 3px;
	border: 1px silver solid;
}


/**********************************
		END Global classes 
***********************************/

/**********************************
		Social Bar classes 
***********************************/

div#social {
	background: #2a244c url('EOHS_social.jpg') repeat-x bottom left;
	height: 40px;
}

div#social_content {
	width: 960px;
	margin: 0 auto;
}

div#social div#logotop {
	background: url('EOHS_logo_top.jpg') no-repeat bottom right;
	height: 40px;
	width: 312px;
	float: left;
}
div#social div#logotop a {
	display: block;
	width: 240px;
	height: 40px;
	outline: none;
	float: right;
}

div#social_content div#social_right {
	float: right;
	width: 632px;
	height: 40px;
	vertical-align: middle;
}

div#social_content div#social_right span {
	display: table-cell;
	vertical-align: middle;
	height: 36px;
	font-size: 12pt;
	padding-right: 32px;
}
div#social_content div#social_right span.facebook {
	background: url('EOHS_facebook.jpg') no-repeat 0px 7px;
}
div#social_content div#social_right span.twitter {
	background: url('EOHS_twitter.jpg') no-repeat 0px 7px;
}

div#social_content div#social_right span a {
	padding: 0 0 0 30px;
	display: inline-block;
	vertical-align: middle;
	color: #c0c2d9;
	text-decoration: none;
}

/**********************************
		END Social Bar classes 
***********************************/

/**********************************
		Header classes 
***********************************/

div#header {
	height: 272px;
}

div#header div#cracks {
	background: url('EOHS_cracks.jpg') no-repeat;
	float: left;
	width: 72px;
	height: 272px;
}

div#header div#logo {
	background: url('EOHS_logo.jpg') no-repeat;
	float: left;
	width: 240px;
	height: 272px;
}
div#header div#logo a {
	display: block;
	width: 240px;
	height: 272px;
	outline: none;
}

div#header div#school {
	background: url('EOHS_school.jpg') no-repeat;
	float: left;
	width: 648px;
	height: 272px;
	text-indent: -9999px;
}


/**********************************
		END Header classes 
***********************************/

/**********************************
		Navigation classes 
***********************************/

div#nav {
	background: url('EOHS_cracks_nav.jpg') no-repeat;
	width: 280px;
	float: left;
	padding-top: 56px;
}

.nav_menu {
	width: 280px;
	text-align: center;
}

.nav_section {
	padding: 8px 0;
	margin: 0;
	cursor: pointer;
	font-size: 18pt;
	background: url('EOHS_nav.png') no-repeat top center;
	position: relative;
	text-align: center;
}
.nav_section:hover {
	color: #291f5b;
}

.nav_items {
	display: none;
}
.nav_items a {
	display: block;
	padding: 8px 0;
	margin: 0;
	cursor: pointer;
	font-size: 12pt;
	background: url('EOHS_nav_item.png') no-repeat top center;
	text-decoration: none;
	color: #555555;
}

.nav_items a:hover {
	color: #000000;
}

div#enroll {
	width: 168px;
	height: 60px;
	margin: 8px auto 0;
}
div#enroll a {
	display: block;
	text-indent: -9999px;
	background: url('EOHS_enroll.png') no-repeat top left;
	height: 60px;
}
div#enroll a:hover {
	background: url('EOHS_enroll_over.png');
}

/**********************************
		END Navigation classes 
***********************************/

/**********************************
		Calendar classes 
***********************************/

div#purple-date {
	width: 180px;
	height: 24px;
	float: right;
	background: url('EOHS_cal_purp.png') repeat;
	margin: 16px 24px -30px 0;
}

table.calendar-table {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	font-size: 10pt;
}

table.calendar-table tr {
	border-spacing: 5px;
}

table.calendar-table td {
	margin: 10px;
}

table.calendar-table td a {
	text-decoration: none;
}

table.calendar-table td.calendar-day {
	background: url('EOHS_cal_number.png') repeat;
	border: 1px silver solid;
}

table.calendar-table td.calendar-today {
	background: url('EOHS_cal_purp.png') repeat;
	border: 1px solid #291f5b;
	font-weight: bold;
	color: #291f5b;
}

table.calendar-table td.calendar-header-day {
	width: 14%;
	background: url('EOHS_cal_day.png') repeat;
	border: 1px #217130 solid;
}

table.calendar-table td.calendar-white {
	color: #FFFFFF;
	font-style: italic;
	vertical-align: bottom;
}

table.calendar-table td.calendar-black {
	font-size: 12pt;
	vertical-align: top;
}

table.calendar-table td.calendar-date {
	font-size: 36pt;
	color: #291f5b;
}

div#feed h2 {
	font-size: 14pt;
	color: #334433;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

div#feed ul {
	list-style: none;
	text-align: center;
	margin: 0 0 50px;
	padding: 0;
}

div#feed ul li {
	margin-bottom: 8px;
}

div#feed span.when {
	font-size: 10pt;
}

div#feed a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: #291f5b;
	font-variant:small-caps;
}
div#feed a:hover {
	color: #217130;
}

/**********************************
		END Calendar classes 
***********************************/

/**********************************
		Footer classes 
***********************************/

div#footer {
	background: url('EOHS_footer.png') top center no-repeat;
	text-align: center;
	font-size: 8pt;
	font-variant: small-caps;
	color: #222222;
}

div#footer table {
	margin: 10px auto;
	text-align: left;
	width: 33%;
}

div#footer table td {
	width: 50%;
}

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

/**********************************
		END Footer classes 
***********************************/

/**********************************
		Google Map classes 
***********************************/
#map_canvas {
	width: 420px;
	height: 360px;
	margin: 15px auto;
}

#directions {
	margin: 0;
	padding: 0;
	text-align: left;
}
#directions div {
	margin: 0;
	padding: 0;
}
#directions div div div {
	font-size: 6pt;
	font-variant: small-caps;
}
#directions div div div div {
	font-size: 10pt;
	font-variant: normal;
}
#directions div div div td {
	background: url('EOHS_cal_purp.png') repeat;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}
#directions div div div div td {
	background: none;
}
#directions div div div div {
	margin: -10px 0;
	padding: 0;
	background: url('EOHS_cal_number.png') repeat;
}
#directions div div div div div {
	margin: 0;
	background: none;
}
#directions div div div div td {
	border-bottom: 1px solid silver;
	font-size: 11pt;
	color: #000000;
	font-weight: normal;
}

.form {
	margin: 0px;
	padding: 0px; 
	margin-top: 20px;
	text-align: center;
}
.form-field {
	vertical-align: middle; 
	border: 1px solid #999999;
	background-color: #EEEEEE;
	width: 300px;
}
.form-submit {
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-size: 8pt;
	font-variant: small-caps;
	cursor: pointer;
}

/**********************************
		END Google Map classes 
***********************************/

/**********************************
		Faculty tabs classes 
***********************************/

div#tabs ul#tab_nav {
	list-style: none;
	width: 180px;
	text-align: right;
	margin: 40px 0;
	padding: 0 0 0 24px;
}

div#tabs ul#tab_nav li {
	margin: 2px 0;
	padding: 2px;
	background: url('EOHS_cal_purp.png') repeat;
	font-variant: small-caps;
	border: 1px #291f5b solid;
}

div#tabs ul#tab_nav li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 4px;
}
div#tabs ul#tab_nav li a:hover {
	font-weight: bold;
}

div#tabs div {
	width: 420px;
	float: right;
	border: 2px #291f5b solid;
	margin: -24px 24px 0 0;
	background: url('EOHS_cal_number.png') repeat;
}

div#tabs div h2 {
	background: url('EOHS_green-bar.jpg') repeat-x;
	margin: 0;
	padding: 10px;
	color: #ffffff;
	font-size: 20pt;
}

div#tabs div h3 {
	margin: 0;
	font-size: 13pt;
}
div#tabs div h3 a {
	text-decoration: none;
}

div#tabs ul#tab_nav li.selected {
	background: url('EOHS_cal_number.png') repeat;
}

div#tabs ul#tab_nav a.selected {
	color: #291f5b;
	font-weight: bold;
}

/**********************************
		END Faculty tabs classes 
***********************************/