* {margin: 0; padding: 0;}
body{
	background: #d7e2f6 url(http://eoe.flockless.com/ed_pyp_shared//backgrounds/2.jpg) no-repeat;
/*	background: #CCDAF5 url(http://eoe.flockless.com/ed_pyp_shared//backgrounds/2.jpg) no-repeat;*/
}
.clearleft{
    clear:left;
	height:1px;
    overflow:hidden;
}
.clear{
    clear:both;
	height:0px;
    overflow:hidden;
}
.prop {
	float:right;
	width:1px;
	background: #000;
}
.minHeight {
	height:500px;
}
table{
	border-collapse: collapse;
}
.first{
	margin-top: 0;
}
.last{
	margin-bottom: 0;
}body{
	font: 0.70em Verdana, sans-serif;
	font: 0.8125em Verdana, sans-serif;
	font: 12px Verdana, sans-serif;
	color: #fff;
	line-height: 1;
}
a{
	color:#63FBFE;
}
a:visited{
	color: #C4C4C4;
}
a:hover{
	color:#fff;
}
h1, h2, h3, h4, h5{
	font-family: Courier, Courier New, monospace;
	font-weight: normal;
	margin-bottom: .5em;
}
* html h1, * html h2, * html h3, * html h4, * html h5{
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
}
h1{
	font-size: 180%;
	letter-spacing: -.015em;
	margin-bottom: .75em;
}
h2{
	font-size: 150%;
	letter-spacing: -.025em;
}
h2 a, h2 a:visited{
	color: #fff;
	text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
	color:#63FBFE;
}
h3{
	font-size: 125%;
}
h4{
/*	font-weight: bold;
	color: #ffc600;
*/
}
#content p {
	text-align: left;
	line-height: 1.5em;
	margin: 0 0 1em;
}
#content blockquote{
	text-align: left;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
#content li{
	line-height: 1.5em;
}
#search{
	font-size: 11px;
	line-height: 1.8em;
}
.highlight{
	font-weight: bold;
	color: #ffc600;
}


.sidebar_element a{
	color: #4a6394;
}
.sidebar_element a:visited{
	color: #5e7094;
}
.sidebar_element a:hover{
	color:#3c5078;
}dl.strong_list dt{
	font-weight: bold;
	color: #fcc300;
	margin-bottom: .25em;
	line-height: 1.2em;
}
dl.strong_list dt a, dl.strong_list dt a:visited{
	color: #fcc300;
}
dl.strong_list dt.date{
	font-style: italic;
	margin-bottom: .25em;
	font-weight: normal;
	color: #fff;
}
dl.strong_list dd{
	margin-bottom: 1.5em;
	line-height: 1.3em;
}

/* Regular list*/
ul.regular_list{
	margin: 0; padding: 0;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 1.5em;
	font-weight: normal;
	color: #fff;
}
ul.regular_list li, ol.strong_list li ul.regular_list li{
	text-align: left;
/*	list-style-image: url(../im/arrowr.gif);*/
	list-style-type: disc;
	margin: 0; padding: 0;
	margin-bottom: .8em;
	font-weight: normal;
	color: #fff;
}
ol.regular_list{
	margin: 0; padding: 0;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 1.5em;
	font-weight: normal;
	color: #fff;
}
ol.regular_list li, ol.strong_list ol.regular_list li, ol.strong_list ul.regular_list li, ul.strong_clean_list ul.regular_list li{
	text-align: left;
/*	list-style-image: url(../im/arrowr.gif);*/
	margin: 0; padding: 0;
	margin-bottom: .8em;
	font-weight: normal;
	color: #fff;
}

/* Regular clean list*/
ul.regular_clean_list{
	margin: 0; padding: 0;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 1.5em;
	font-weight: normal;
	color: #fff;
}
ul.regular_clean_list li, ol.strong_list ul.regular_clean_list li, ul.strong_clean_list ul.regular_clean_list li{
	text-align: left;
/*	list-style-image: url(../im/arrowr.gif);*/
	list-style-type: none;
	margin: 0; padding: 0;
	margin-bottom: .8em;
	font-weight: normal;
	color: #fff;
}

/*Ordered List with yellow bullets*/
ol.strong_list{
	margin: 0; padding: 0;
	margin-bottom: 1.5em;
	list-style-position: inside;
}

ol.strong_list li{
	text-align: left;
	margin: 0; padding: 0;
	margin-bottom: .8em;
	font-weight: bold;
	color: #ffc600;
}
ol.strong_list li h3{
	display: inline;
	font: inherit;
/*	font-size: 12px;*/
}
ol.strong_list li p{
	font-weight: normal;
	color: #fff;
	display: inline;
/*	clear: left;*/
}

/*Ordered List with yellow bullets*/
ul.strong_clean_list{
	margin: 0; padding: 0;
	margin-bottom: 1.5em;
	list-style-type: none;
}

ul.strong_clean_list li{
	text-align: left;
	margin: 0; padding: 0;
	margin-bottom: .8em;
	font-weight: bold;
	color: #ffc600;
}
ul.strong_clean_list li h3{
	display: inline;
	font: inherit;
/*	font-size: 12px;*/
}
ul.strong_clean_list li p{
	font-weight: normal;
	color: #fff;
	display: inline;
/*	clear: left;*/
}

ul.compact li{
	margin-bottom: .1em;
}

ol.break_para li p, ul.break_para li p {
	display: block;
}

/* Callout 1*/
div.callout_1{
	background:#8b9cbf;
	padding-bottom: .25em;
	margin-bottom: 1.5em;
}
div.callout_1 h4{
	font: inherit;
	background:#465F91;
	padding: 7px 10px;
	font-weight: bold;
	font-size: 105%;
}
div.callout_1 h5{
	font: inherit;
	padding: 5px 0;
	font-weight: bold;
}
div.callout_1 div.two_column{
	float: left;
	display: inline;
	padding: 0 10px;
	width: 45%;
}
div.callout_1 div.one_column{
	padding: 0 10px;
}
div.callout_1 a{
	color:#fff;
}

/* Callout 2*/
div.callout_2{
	background:#8b9cbf;
	padding: 15px;
	border: 3px solid #ffc600;
	margin-bottom: 1.5em;
}
ul div.callout_2{
	margin-top: 1em;
}
div.callout_2 h4{
	font: inherit;
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 1em;
}
div.callout_2 h5{
	font: inherit;
	padding: 5px;
	font-weight: bold;
}
div.callout_2 div.two_column{
	float: left;
	display: inline;
	padding: 0 10px 0;
	width: 45%;
}
div.callout_2 div.one_column{
	padding: 0 10px;
}
div.callout_2 li{
	margin-bottom: .5em;
}
div.callout_2 ul li{
	list-style-type: disc;
}
div.callout_2 a{
	color:#fff;
}input.search{
	background: #d2d9e6;
	width: 120px;
	padding: 2px;
	font-size: 11px;
}
body#home{
	width: 150px;
}
input.go_button{
	background: #d9b73b;
	color: #425988;
	padding: 2px 2px 4px 2px;
	font-size: 11px;
	border: 1px solid #a29661;
}
textarea, input{
	font: 12px Verdana, sans-serif;
	color: black;
	padding: 2px;
	background: #d2d9e6;
}body{
	margin: 0; padding: 0; border: 0;
/*	background: #d7e1f6 url(/images/backgrounds/01.jpg) no-repeat;*/
/*	padding-bottom: 50px;*/
	line-height: 1.8em;
}
img{ border:0;}
form{
	margin: 0; padding: 0; border: 0;
}
/* PAGE TITLE */
div#page_title{
	background-color: #9baed4;
	position: absolute;
	width:  263px;
	height: 39px;
	z-index: 100;
}
/* NAVIGATION */
#nav_container {
	width:  490px;
	height: 31px;
	background-color: #fcc300;
	position: absolute;
	z-index: 100;
}
/* SUB NAV */
div#sidebar{
	background-color: #8b9cbf;
	position: absolute;
	z-index: 90;
	height: 155px;
	padding-top: 38px;
}
div.sidebar_element{
	border-top: 1px solid #b0c0e3;
	margin: 0 10px 10px 22px;
	padding-top: 10px;
}
/* EOE LOGO */
div#logo_eoe{
	position: absolute;
	z-index: 90;
}

/* CONTENT */
div#content{
	position: absolute;
	z-index: 80;
}
div#content_contents{
	background-color: #516ea8;
	padding: 20px 25px 20px 20px;
}

/* FOOTER */
div#footer{
	padding: 0;
	padding-bottom: 50px;
}
div#footer img{
}


/* Template Styles */
/* Template Styles: HOME */
body#home div#content{
	width: 653px;
	top: 134px;
	left: 53px;
}
body#home div#content_contents{
	padding: 20px 0;
}
body#home div#sidebar{
	width: 234px;
	top: 90px;
	left: 508px;
}
body#home div#page_title{
	top: 64px;
	left: 13px;
}
body#home div#page_title img{
	width:263px;
	height:39px;
}
body#home div#nav_container{
	top: 103px;
	left: 29px;
}
body#home div#logo_eoe{
	width: 98px;
	height: 98px;
	top: 5px;
	left: 532px;
}
body#home div#logo_eoe{
	width: 98px;
	height: 98px;
}
/* Template Styles: SUB */
body#sub div#sidebar{
	width: 195px;
	top: 70px;
	left: 508px;
}
body#sub div#page_title{
	top: 40px;
	left: 13px;
}
body#sub div#page_title img{
	width:263px;
	height:39px;
}
body#sub div#nav_container{
	top: 78px;
	left: 29px;
}
body#sub div#content{
	width: 505px;
	top: 109px;
	left: 53px;
}
body#sub div#content_contents{
	padding: 20px 55px 20px 30px;
	min-height: 565px;
	height: auto;
	_height: 565px;
}
body#sub div#logo_eoe{
	width: 70px;
	height: 70px;
	top: 9px;
	left: 532px;
}
body#sub div#logo_eoe img{
	width: 70px;
	height: 70px;
}

/* Template Styles: SUB_WIDE */
body#sub_wide div#sidebar{
	width:  280px;
	top: 70px;
	left: 508px;
}
body#sub_wide div#page_title{
	top: 40px;
	left: 13px;
}
body#sub_wide div#page_title img{
	width:263px;
	height:39px;
}
body#sub_wide div#nav_container{
	top: 78px;
	left: 29px;
}
body#sub_wide div#content{
	width: 723px;
	top: 109px;
	left: 53px;
}
body#sub_wide div#content_contents{
	padding: 20px 20px 20px 30px;
}
body#sub_wide div#logo_eoe{
	width: 70px;
	height: 70px;
	top: 9px;
	left: 532px;
}
body#sub_wide div#logo_eoe img{
	width: 70px;
	height: 70px;
}
#nav {
	/*  position: absolute; */
	margin: 0;
	padding: 0;
	list-style: none;
	/*  display: inline; */
	overflow: hidden;
	width:  490px;
	height: 31px;
}

#nav li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* for IE5/Win only */
}

#nav a:hover {
  background-position: 0 -31px;
}

#nav a:active, #nav li.current a{
  background-position: 0 -62px;
}


#but_eoe_home a  {
  width: 49px;
  background: url(/images/nav/but_eoe_home.gif) top left no-repeat;
}

#but_grade_by_grade a  {
  width: 63px;
  background: url(/images/nav/but_grade_by_grade.gif) top left no-repeat;
}

#but_beyond_high_school a  {
  width: 78px;
  background: url(/images/nav/but_beyond_high_school.gif) top left no-repeat;
}

#but_making_decisions a  {
  width: 62px;
  background: url(/images/nav/but_making_decisions.gif) top left no-repeat;
}

#but_guidance_office a  {
  width: 61px;
  background: url(/images/nav/but_guidance_office.gif) top left no-repeat;
}

#but_career_center a  {
  width: 48px;
  background: url(/images/nav/but_career_center.gif) top left no-repeat;
}
#but_high_school_choice a  {
  width: 73px;
  background: url(/images/nav/but_high_school_choice.gif) top left no-repeat;
}

#but_about_us a  {
  width: 56px;
  background: url(/images/nav/but_about_us.gif) top left no-repeat;
}


	
/*Sub Nav in content body*/
div#sub_nav{
	margin-bottom: 30px;
}
div#sub_nav ul{
	padding: 0;
	line-height: 1.6em;
	margin-left: 20px;
}
div#sub_nav ul li{
	list-style-type: none;
	margin: 0; padding: 0;
}
div#sub_nav ul.two_column li{
	width: 400px;
}
div#sub_nav ul.two_column li{
	float: left;
	display: inline;
	width: 150px;
}
div#sub_nav ul li a{
	padding-left: 10px;
}
div#sub_nav ul li.current a{
	background: url(/images/arrow_white.gif) center left no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/*Grade by Grade nav box*/
div#grade_by_grade_nav{
}
ul#grade_by_grade_nav {
	/*  position: absolute; */
	margin: 0;
	padding: 0;
	list-style: none;
	/*  display: inline; */
	overflow: hidden;
	width:  400px;
}

#grade_by_grade_nav li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	display: inline;
}
#grade_by_grade_nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
}

#grade_by_grade_nav a:hover, #grade_by_grade_nav a:active, #grade_by_grade_nav li.current a{
  background-position: 0 -30px;
}


#grade_by_grade_7 a  {
  width: 123px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_7.gif) top left no-repeat;
}
#grade_by_grade_8 a  {
  width: 123px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_8.gif) top left no-repeat;
}
#grade_by_grade_9 a  {
  width: 139px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_9.gif) top left no-repeat;
}
#grade_by_grade_10 a  {
  width: 139px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_10.gif) top left no-repeat;
}
#grade_by_grade_11 a  {
  width: 126px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_11.gif) top left no-repeat;
}
#grade_by_grade_12 a  {
  width: 126px;
  background: url(/images/nav/grade_by_grade/grade_by_grade_12.gif) top left no-repeat;
}
div.sub_nav{
	margin-bottom: 1.5em;
}
div.sub_nav ul{
	padding: 0;
	line-height: 1.6em;
	margin-left: 20px;
}
div.sub_nav ul li{
	list-style-type: none;
	margin: 0; padding: 0;
}
div.sub_nav ul.two_column li{
	width: 400px;
}
div.sub_nav ul.two_column li{
	float: left;
	display: inline;
	width: 150px;
}
div.sub_nav ul li a{
	padding-left: 10px;
}
div.sub_nav ul li.current a{
	background: url(/images/arrow_white.gif) center left no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}p.intro{
	color: #b3c2e1;
	padding-left: 20px;
	margin-top: 0;
	padding-bottom: 20px;
	width: 420px;
	line-height: 1.5em;
}

div.feature{
	background: url(/images/feature_back.gif) no-repeat top left;
	padding: 10px 40px;
}
div.feature h2, div.feature h2 a{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: .5em;
	line-height: 1em;
	text-decoration: none;
	color: #fff;
}
div.feature h2 a:hover{
	color:#63FBFE;
	text-decoration: underline;
}



div#beyond_high_school_nav{
/*	width: 470px;*/
}
div#beyond_high_school_nav h2{
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
}
div#beyond_high_school_nav div.column{
	float: left;
	width: 140px;
	height: 170px;
}
div#beyond_high_school_nav div.sub_nav{
	margin-top: 0;
	font-size: 11px;
}

table#recommended_courses{
	border: 0;padding: 0; margin: 0;
	width: 100%;
	border: 1px solid #9cadd6;
}
table#recommended_courses th, table#recommended_courses td{
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #9cadd6;
}
table#recommended_courses th{
	background: #8b9cbf;
}


table#calendar{
	border: 0;padding: 0; margin: 0;
	width: 100%;
	border: 1px solid #9cadd6;
}
table#calendar th, table#calendar td{
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #9cadd6;
	width: 20%;
	border-right: 1px solid #9cadd6;
}
table#calendar th{
	background: #8b9cbf;
}