@charset "UTF-8";
/* CSS Document */


html {margin:0 auto 0 auto;}
body {margin:0 auto 0 auto; background:#6896c1 url(images/bk_page.gif) repeat-x center top; font-family:trebuchet MS, "Times New Roman", Times, serif; font-size:12px; line-height:18px;}

h1 {color:#0a63bd;}
h2 {color:#0a63bd; font-size:17px; line-height:16px;}
h3 {color:#4f89bf; font-size:17px; line-height:10px; margin:3px 5px -6px 0; padding:3px 0 4px 0; border-bottom:solid 1px #4f89bf;}


a {color:#0a63bd; text-decoration:underline;}
.style1 {color: #FF0000;font-weight: bold;}


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


ul#nav {width:850px; margin:0px auto 0px auto; padding:0; list-style:none; /*line-height:0px;*/ }
ul#nav li {float:left; margin:0px; padding:0;}
ul#nav li a {display:block;}
ul#nav li span a {display:block; text-indent:-9999px; height:29px;}

#nav li#navBio span a {background: url(images/n_biography.gif) no-repeat top; width:93px; position:relative;}
#nav li#navLesson span a {background: url(images/n_lessonCurriculum.gif) no-repeat top; width:149px; position:relative;}
#nav li#navPolicies span a {background: url(images/n_policies.gif) no-repeat top; width:94px; position:relative;}
#nav li#navCalendar span a {background: url(images/n_calendar.gif) no-repeat top; width:94px; position:relative;}
#nav li#navDirections span a {background: url(images/n_directions.gif) no-repeat top; width:165px; position:relative;}
#nav li#navEvents span a {background: url(images/n_events.gif) no-repeat top; width:84px; position:relative;}
#nav li#navContact span a {background: url(images/n_contact.gif) no-repeat top; width:93px; position:relative;}

#nav li#navCurrentProjects a:hover {background-position:bottom;}
#nav li#navBio a:hover {background-position:bottom;}
#nav li#navLesson a:hover {background-position:bottom;}
#nav li#navPolicies a:hover {background-position:bottom;}
#nav li#navCalendar a:hover {background-position:bottom;}
#nav li#navDirections a:hover {background-position:bottom;}
#nav li#navEvents a:hover {background-position:bottom;}
#nav li#navContact span a:hover {background-position:bottom;}


/*----------------------------------------------------------------
----------------- HOME PAGE ----*/

#flash {width:930px; height:316px;  margin:0 auto 0 auto; padding:8px 0 0 28px; background:url(images/flash.png) no-repeat; position:relative;}
#flashInner {width:883px; height:301px; margin:0;}
#subHeader {width:940px; height:158px; margin:0 auto 0 auto; padding:0}

.footer {background:#6896c1; padding:5px; text-align:center; color:#c2defb; font-size:12px;}
.footer a {color:#c2defb; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

.welcome {font-style:italic; font-size:18px; text-align:center; line-height:22px;}
.teasers {background:url(images/bk_teasersHome.jpg) no-repeat top left;}

.input {border:1px solid #999; background:#fff; height:20px;}

.clear {clear:both;}

.content {padding:20px 0 0 0; background:#f7f6f3;}

.imgShadow {background:url(images/shadow.gif) no-repeat right bottom; padding:5px 11px 11px 5px; border:none; border-top:#eee 1px solid; border-left:#eee 1px solid;}



/*----------------------------------------------------------------
-----------------CALENDAR ----*/

.calendar {width: 141px; padding: 0;margin: 0;border-left: 1px solid #A2ADBC; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#616B76;text-align: center;background-color: #fff;}


caption {margin: 0;padding: 0;width: 141px;background: #A2ADBC;color: #fff;	 font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: center;}

.calendar th {font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;background: #D9E2E1;border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;border-top: 1px solid #A2ADBC;}

.today, td.today a, td.today a:link, td.today a:visited {color: #fff;font-weight: bold;background:#4e8eca;}

.calendar td {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;width: 20px;height: 20px;text-align: center;}
	
.imgRight {float:right; margin:0 0 10px 10px; text-align:center; font-size:10px; font-style:italic; color:#999; }