@charset "UTF-8";
/* CSS Document */

/* Global styles 
-------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 11px;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	/* background-color:#9fb795; */
	background-color:#b1c6a5; }

h1, h2, h3 {
	font-weight: bold;}

h1 {
	font-size: 18px;}

h2 {
	font-size: 14px;}

h3 {
	font-size: 11px;}
	
li  {
	font-size: 12px;}

a:link, a:visited {
	text-decoration: none;
	color:#00F;}

a:hover, a:active {
	text-decoration: none;
	color:#F00;}

.readmore {
	text-align: right;
	font-weight: bold;}

.gothere {
	text-align: right;
	font-weight: bold;}

.clear {
	clear: both;}

div.clear {
	padding:0;
	margin:0;
	border:0;}

.floatright {
	float: right; }

.floatleft {
	float: left; }

.strong {
	font-weight: bold; }

a img {
	border:0; }


/* Page Containers
-------------------------*/

#page_container {
	width: 972px;
	margin: 0 auto; /* this provides the center float */ 
	margin-top:30px;
	position:relative;}


/* NAV AREA 
-------------------------*/
#nav_container {
	width: 970px;
	height:80px;
	border: 0;
	padding: 0;
	position:static;
	z-index:9999 !important;}

#nav_top {
	width: 970px;
	height:50px;
	border: 0;
	padding: 0;
	position: relative;}

#menu {
	width: 970px;
	height:30px;
	border: 0;
	padding: 0;
	background-color: #003b5d;}

#nav_top #date {
	color:#003b5d;
	font-size:11px;
	position:absolute;
	right:10px;
	bottom:16px;}

#nav_top #logo {
	position:absolute;
	left: -35px;
	top: -22px;}


/* BREADCRUMBS AREA 
-------------------------*/

#breadcrumbs {
	width: 970px;
	margin-top:10px;
	background-color:#f8e9d6; }
	
#breadcrumbs p {	
	margin-left:28px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: bold; }

#breadcrumbs #home_icon {	
	margin-left:0;
	margin-right:4px;
	border:0; }
	
#breadcrumbs p#back {	
	margin-right:40px; }

#breadcrumbs p#back img {	
	margin-left:0;
	margin-right:2px;
	border:0;  }


/* CONTENT AREA 
-------------------------*/
#content_container {
	width: 954px;
	margin-top:12px;
	border: 0;
	padding: 8px;
	background-color: #FFF;
	border-bottom:solid 2px #999;
	position:static;
	z-index:1 !important;}

html>body #content_container {
	*padding-bottom: 0px; }  /* IE7-only adjustment */

#content,
#content-wide {
	width: 674px;
	padding-right:40px;
	float:left;
	margin-left: 20px;
	position:relative;
	background-color:#FFF;}

#content-wide {
	width: 912px;
	padding-right:10px;}

#content a,
#content-wide a {
	font-size: 12px;}

#content h1,
#content-wide h1 {
	 color:#000;
	 margin-top:10px;
	 margin-bottom:10px;
	 padding-top:2px;
	 padding-bottom:2px; }

#content h2,
#content-wide h2 {
	font-size:16px;
	/* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */
	color: #003b5d;
	margin-top:12px;
	margin-bottom:4px;}

#content h2.first,
#content-wide h2.first {
	   margin-top:10px;}

#content h3,
#content-wide h3 {
	color:#930;
	margin-top:10px;
	font-size: 12px;}

#content h3.first,
#content-wide h3.first {
	margin-top:0px; }
	
#content p,
#content-wide p {
	 font-size:12px;
	 margin-top:8px;
	 margin-bottom:4px; } 
	 
#content p,
#content-wide p,
#sidebar p {
	margin-left: 10px; }

#content hr,
#content-wide hr {
	margin-bottom:10px;}

#content p.newslisting,
#content-wide p.newslisting {
	font-size:12px;
	font-weight:bold;
	color:#930;}

#content ul,
#content-wide ul {
	margin-left: 40px;
	margin-top:8px; }

#content p.readmore,
#content-wide p.readmore {
	position: absolute;
	bottom: 6px;
	margin-left: 0px;}

#content p.note,
#content-wide p.note {
	font-size: 11px;}

#sidebar {
	width: 184px;
	margin-top:54px;
	padding:10px;
	float: right;
	position:relative;
	background-color:#FFF;
	border:4px solid #d5ecfa;}

#sidebar h3 {
	color:#930;
	margin-top:10px; }

#sidebar hr {
	margin-top:10px;
	margin-bottom:10px;}


/* SPECIALS/SCHEDULE TABLE 
-------------------------*/

table#specials {
	width:900px;
	border:1px solid black;
	border-collapse:collapse; }

#specials th {
	 width:150px;
	 text-align:center;
	 padding:4px; }

#specials td {
	 width:150px;
	 text-align:center;
	 vertical-align:top;
	 border:1px solid black;
	 padding:2px; }

#specials td hr {
	 margin-top:4px;
	 margin-bottom:4px;
	 color:#666;}


/* STAFF LISTING TABLE 
-------------------------*/

#staff_list,
#class_list {
	padding-bottom:10px;}
	
#staff_list table {
	width: 674px;
	border-collapse:collapse;}

#class_list table {
	/* width: 898px; */
	border-collapse:collapse;}

#staff_list table th,
#class_list table th {
	font-weight: bold; 
	background-color:#066;
	color:#FFF;}

#staff_list table th,
#staff_list table td,
#class_list table th,
#class_list table td {
	padding: 6px 0 6px 4px; 
	border-bottom: 1px solid #ccc;
	/* border-left: 1px solid #999;
	border-right: 1px solid #999; */} 

#staff_list table th.name {
	width: 154px;
	min-width: 154px;
	max-width: 154px; } /* We really want this size */
	
#staff_list table th.schools {
	width: 160px;
	min-width: 160px;
	max-width: 160px; }

/*  #staff_list table th.dept {
	width: 140px;
	min-width: 140px;
	max-width: 140px; }

#staff_list table th.phone {
	width: 80px;
	min-width: 80px;
	max-width: 80px; }
*/

#staff_list table th.dept {
	width: 220px;
	/* min-width: 220px;
	max-width: 220px; */ }
	
#staff_list table th.email {
	width: 40px;
	min-width: 40px;
	max-width: 40px; }

#staff_list table th.web {
	width: 60px;
	min-width: 60px;
	max-width: 60px; }


#class_list table th.name {
	width: 154px;
	min-width: 154px;
	max-width: 154px; } /* We really want this size */
	
#class_list table th.schools {
	width: 120px;
	min-width: 120px;
	max-width: 120px; }

#class_list table th.room {
	width: 100px;
	min-width: 100px;
	max-width: 100px; }

#class_list table th.teacher {
	width: 100px;
	min-width: 100px;
	max-width: 100px; }

#class_list table th.time {
	width: 90px;
	min-width: 90px;
	max-width: 90px; }

#class_list table th.day {
	width: 70px;
	min-width: 70px;
	max-width: 70px; }
	
.center {
	text-align: center; }

.floatleft {
	float: left; }

#content p.staffnote,
#content-wide p.classnote {
	font-size: 10px; 
	margin-left:0;}

#content .staffinfo p,
#content-wide .classinfo p { 
	float: left; }

#content #staff_list a,
#content-wide #class_list a {
	font-size: 11px;}

#content .staffinfo p,
#content .staffinfo a,
#content-wide .classinfo p,
#content-wide .classinfo a { 
	font-size: 12px; }

img#staffphoto {
	margin-right:10px;
	padding:3px;
	border:1px solid #ccc; }
	
#sidebar h3.classfile {
	margin-bottom:4px;}
	

/* FOOTER 
-------------------------*/
#footer_container {
	width: 954px;
	/* height: 24px; */
	text-align: center;
	border: 0;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color:#f8e9d6;
	border-bottom:solid 2px #999; }

#footer_container {
	*padding-bottom: 0px;} /* Get IE7 to pad correctly */

p.copyright {
	 margin:0;
	 padding:0;
	 float: left;}
	 
p.staff_login {
	 margin:0;
	 padding:0;
	 float: right;}