* {margin:0; padding: 0;}

body {
	background: #498685 url(/images/interface/pattern.gif) repeat;
	text-align: center;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size:75.25%;
	color: #4f4e4e;
}

.hide {display: none;}
.clr {clear: both;}

a {outline: none;}
a:link {color: #498685;}
a:visited {color: #652E48;}
a:hover {text-decoration: none;}

hr {
	border: none;
	border-top: 1px solid #e1dfd7;
	background:#e1dfd7;
	width: 100%;
	clear:both;
	height: 1px;
	margin-bottom:15px;
}

/* --- Header --- */

#header-back {
	width: 100%;
	height: 186px;
	background: url(/images/interface/head-back.gif) repeat-x;
}

#header {
	width: 941px;
	height: 186px;
	background: url(/images/interface/header.gif) no-repeat;
	margin: 0 auto;
}

#header h1 a {
	display: block;
	text-decoration: none;
	text-indent:-1000em;
	width: 931px;
	height: 117px;
	float: right;
	clear: right;
	margin: 0;
}

#header h2 {display: none;}

/*--- AUX Nav ---*/

ul#auxnav {
	background: #fcfbef;
	list-style: none;
	display: inline;
	float: right;
}

ul#auxnav li {
	float: left;
	border-right: 1px solid #97beb6;
	padding: 0 8px;
	margin: 8px 0;
}

ul#auxnav li:last-child {border: none;}

#auxnav a {
	color: #498685;
	text-decoration: none;
}

#auxnav a:hover {
	text-decoration: underline;
}

/* Horizontal Navigation Systems */

/* MAIN NAVIGATION */
#navbar a:hover {border:none;}
#navbar {
	margin:0 0 0 218px;
	width:724px;
	height:38px;
	clear:both;
	}
#navbar ul {
	display:block;
	height:38px;
	width:724px;
	background: url(/images/interface/mainnav.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#navbar ul li a.firstlevel {
	display:block;
	height:38px;
	text-indent:-9999px;
	}
#navbar ul li {
	float:left;
	list-style-type:none;
	}

/* DROP DOWNS */
#navbar li ul {
	display:none;
	position:absolute;
	padding: 0;
	height:auto;
	background:#f2784b;
	width: 160px;
	z-index:2;
	}

#navbar li ul li {position:relative!important;}	
	
#navbar li ul li a {
	display:block;
	float: none!important;
	height: auto;
	width:140px;
	color:#fcfbef;
	padding:8px 10px;
	text-decoration:none;
	font-size:1em;
	line-height:1.1em;
	text-align:left;
	border-bottom: 1px solid #fc9772;
	}
#navbar li ul li a:hover {
	color:#fcfbef; 
	border-bottom: 1px solid #fc9772; 
	background: #f05a22;
	}

#navbar li:hover ul, #navbar li.over ul {display:block;}	

/* item widths */
li#home a.firstlevel 		 		{left:0px;width:62px;}
li#about a.firstlevel 		 	{left:62px;width:69px;}
li#staff a.firstlevel 	 		{left:131px;width:58px;}
li#curriculum a.firstlevel 	{left:189px;width:111px;}
li#daycamp a.firstlevel 		{left:300px;width:82px;}
li#enrollment a.firstlevel  {left:382px;width:108px;}
li#parents  a.firstlevel 	 	{left:490px;width:75px;}
li#photos  a.firstlevel 	 	{left:565px;width:72px;}
li#contact  a.firstlevel 		{left:637px;width:86px;}

/* mouseover */
li#home:hover a.firstlevel				{background: url(/images/interface/mainnav.gif) -0px -76px no-repeat;}
li#about:hover a.firstlevel				{background: url(/images/interface/mainnav.gif) -62px -76px no-repeat;}
li#staff:hover a.firstlevel 			{background: url(/images/interface/mainnav.gif) -131px -76px no-repeat;}
li#curriculum:hover a.firstlevel 	{background: url(/images/interface/mainnav.gif) -189px -76px no-repeat;}
li#daycamp:hover a.firstlevel 		{background: url(/images/interface/mainnav.gif) -300px -76px no-repeat;}
li#enrollment:hover a.firstlevel	{background: url(/images/interface/mainnav.gif) -382px -76px no-repeat;}
li#parents:hover a.firstlevel			{background: url(/images/interface/mainnav.gif) -490px -76px no-repeat;}
li#photos:hover a.firstlevel			{background: url(/images/interface/mainnav.gif) -565px -76px no-repeat;}
li#contact:hover a.firstlevel 		{background: url(/images/interface/mainnav.gif) -637px -76px no-repeat;}

/* onstates */
body.home li#home a.firstlevel 					 		{background: url(/images/interface/mainnav.gif) -0px -38px no-repeat;}
body.about li#about a.firstlevel 				 		{background: url(/images/interface/mainnav.gif) -62px -38px no-repeat;}
body.staff li#staff a.firstlevel 		 				{background: url(/images/interface/mainnav.gif) -131px -38px no-repeat;}
body.curriculum li#curriculum a.firstlevel  {background: url(/images/interface/mainnav.gif) -189px -38px no-repeat;}
body.daycamp li#daycamp a.firstlevel 				{background: url(/images/interface/mainnav.gif) -300px -38px no-repeat;}
body.enrollment li#enrollment a.firstlevel 	{background: url(/images/interface/mainnav.gif) -382px -38px no-repeat;}
body.parents li#parents a.firstlevel 			 	{background: url(/images/interface/mainnav.gif) -490px -38px no-repeat;}
body.photos li#photos a.firstlevel 			 		{background: url(/images/interface/mainnav.gif) -565px -38px no-repeat;}
body.contact li#contact a.firstlevel 				{background: url(/images/interface/mainnav.gif) -637px -38px no-repeat;}

body.about #navbar ul li#about:hover ul, body.about #navbar ul li#about.over ul,
body.staff #navbar ul li#staff:hover ul, body.staff #navbar ul li#staff.over ul,
body.curriculum #navbar ul li#curriculum:hover ul, body.curriculum #navbar ul li#curriculum.over ul,
body.daycamp #navbar ul li#daycamp:hover ul, body.daycamp #navbar ul li#daycamp.over ul,
body.enrollment #navbar ul li#enrollment:hover ul, body.enrollment #navbar ul li#enrollment.over ul,
body.parents #navbar ul li#parents:hover ul, body.parents #navbar ul li#parents.over ul,
body.photos #navbar ul li#photos:hover ul, body.photos #navbar ul li#photos.over ul,
body.contact #navbar ul li#contact:hover ul, body.contact #navbar ul li#contact.over ul
{display:none!important;}

#navbar ul ul ul, #navbar ul ul ul li {display: none;padding:0;margin:0;}

/*--- Home Page ---*/

body.home #col1 {
	padding-top: 20px;
}

body.home #col1 h1 {
	border-bottom: 1px solid #f6ce90;
	padding: 3px 0;
	margin: 0 20px 10px 15px;
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	color: #f05a22;
}

body.home #col1 p {
	color: #4f4e4e;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 20px 20px 15px;
}

body.home #col1 a {color: #498685;}

/* Welcome Feature */

div#welcome {
	width: 718px;
	height: 243px;
	background: url(/images/interface/welcome.gif) no-repeat;
	margin-bottom: 15px;
}

div#welcome h1 {
	padding: 35px 0 0 24px;
	margin-bottom: 8px;
	color: #457d7c;
	font-style: italic;
	font-size: 1.9em;
	width: 275px;
}

div#welcome p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #4f4e4e;
	width: 344px;
	padding-left: 24px;
	margin-bottom: 8px;
}

div#welcome a {color: #498685;}

/* Homepage Image */

#col2 ul#homeimage {
	margin: 0 18px 0 0;
	float: right;
	width: 319px;
	z-index: 1;
}

div#welcome ul li {list-style: none;}

#col2 div#welcome img {
	background: none;
	border: none;
	margin: 0;
	float: none;
}

/* Home Features */

div.feature {
	float: left;
	width: 210px;
	margin-right: 20px;
}

#col2 div.feature h1 {
	margin-bottom: 10px;
}

div.feature p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#col2 div.feature h2, body.testimonials #col2 h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #498685;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}

div.feature a {
	color: #498685;
}

/*--- Sub Navigation ---*/

ul#subnav {
	list-style: none;
	margin: 20px 20px 30px 15px;
	min-height: 300px;
}

#subnav li {
	border-bottom: 1px solid #f6ce90;
	padding: 6px 4px;
}

#subnav a {
	color: #4f4e4e;
	text-decoration: none;
	font-size: 1.1em;
}

#subnav a:hover {
	color: #333;
}

#sidebar-bottom {
	background: url(/images/interface/nav-bottom.gif) no-repeat bottom;
	height: 10px;
	width: 215px;
}

/*--- Content ---*/

#content {
	width: 941px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/interface/content-back.png) repeat-y;
}

#col1 {
	float: left;
	width: 215px;
	background: url(/images/interface/nav-back.gif) repeat-y;
	margin: 0 16px 30px 0;
}

#col2 {
	float: left;
	width: 690px;
	margin: 25px 0 20px 0;
}

#col2 h1 {
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #498685;
	margin-bottom: 20px;
}

#col2 h2 {
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	margin: 5px 0 15px 0;
}

#col2 h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

body.news #col2 h2 {
	font-size: 1.2em;
	margin: -10px 0 15px 0;
}

#col2 h3.date {
	font-size: 1.2em;
	font-family: Palatino, Georgia, Times, serif;
	font-weight: normal;	
	margin: -5px 0 15px 0;
}

span.event-desc {
	font-style: italic;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 15px 0;
}

p.logout {
	color:#666666;
	font-size:0.9em;
	float: right;
}

blockquote {
	margin: 0 0 0 20px;
	font-style: italic;
}

blockquote p {line-height: 1.7em;}

pre, code {
	font-size: 1em;
	font-family: "Lucida Sans", Arial, sans-serif;
	line-height: 1.6em;
	margin: 0 0 15px 15px;
}

#col2 ul, #col2 ol {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 20px 30px;
}

#col2 ul li {list-style-type: square;}

#col2 li {
	margin: 0 0 6px 0;
}

#col2 img {
	background: #fff;
	padding: 10px;
	border-left: 1px solid #f1eee1;
	border-bottom: 2px solid #e2dfd3;
	border-right: 2px solid #e2dfd3;	
	border-top: 1px solid #f1eee1;
	margin: 0 0 15px 15px;
	float: right;
}

img.alignright {
	margin: 0 0 15px 15px;
	float: right;
}

#col2 img.pdf {
	padding: 0 0 0 4px;
	border: none;
	vertical-align: bottom;
	background: none;
}

body.staff #col2 img {
	float: left;
	margin: 0 20px 20px 0;
}

div.staff p {
	margin-left: 215px;
}

body.staff #col2 h2 {
	margin-bottom: 5px;
	margin-top: 0;
}

p.staff-email {
	font-size: 1em;
}

/*--- Google Map ---*/

div#map iframe {
	border: 1px #ccc solid;
	margin-bottom: 20px;
}

#driving #saddr {
	border: 1px solid #888;
	padding: 4px;
	width: 400px;
}

#driving #go-button {
	position: relative;
	top: 8px;
	margin-left: 8px;
}

#driving form {
	margin: -10px 0 20px 0;
}

/*--- Tables ---*/

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

td, th {
	padding: 7px;
	vertical-align: top;
	text-align: center;
}

body.backpack td, th {
	text-align: left;
}

table.photos td {padding: 10px;border-bottom: 1px solid #e1dfd7;background: none;}
td.event-date {width: 180px;font-weight: bold;}
td.event-time {width: 50px;}

table th {
	background: #f8f2d8;
	color: #625c3d;
}

table td {
	border-bottom: 1px solid #e1dfd7;
	background: #fefdf9;
}

/*--- Sitemap ---*/

body.sitemap #col2 h2 {
	border-bottom: 1px solid #e1dfd7;
}

body.sitemap #col2 h2 a {
	text-decoration: none;
	color: #333;
}

/*--- GALLERY ---*/

div.navigation {
	text-align: center;
	margin: 0 0 10px 0;
	border-top: 1px solid #e1dfd7;
	border-bottom: 1px solid #e1dfd7;	
	clear: both;
	padding: 10px;
	background: #FEFDF9;
}

div.navigation p {
	margin-bottom: 0;
	font-size: 1em;
}

div.navigation a {color: #69553F;}

div.breadcrumb {float: left; width: 440px;}

div.breadcrumb p {
	font-size: 1em;
}

div#thumb-gallery {
	clear: both;
	float: left;
	width: 96%;
	border-top: 1px solid #e1dfd7;
	padding: 15px 10px 10px;
}

body.photos #content div.thumbs img {
	float: left;
	margin: 0 10px 10px 0;
}

div.cat_thumbs {
	float: left;
	margin: 0 15px 10px 0;
	text-align:center;
}

body.photos #content div.cat_thumbs img {
	margin: 0 5px 5px 0;
}

div.cat_thumbs p {
	font-size:1em;
	line-height:1.4em;
	margin:0 5px 5px;
}

div.cat_thumbs a {
	text-decoration: none;
	color: #69553F;
}

div.cat_thumbs a:hover {text-decoration: underline;}

body.photos #content img {
	float: none;
	margin: 0;
}

body.photos form {float: right;}
body.photos h1 {clear: both;}

div.imageBG {
	margin-bottom: 15px;
}

/*--- Events Calendar ---*/

table.calendarBG th {
	background: #F8F2D8;
}

table.calendarBG td.calendarCell,
table.calendarBG td.calendarToday,
table.calendarBG td.calendarBlank {
	width: 80px;
	height: 80px;
	padding: 0;
}

table.calendarBG td.calendarToday div.cal-date {
background: #FFEE9F;	
}

.cal-date {
	font-weight: bold;
	background: #FBF9D7;
	color: #333;
	padding: 3px;
	height: 24px;
	margin-bottom: 3px;
	border-bottom: 1px solid #E1DFD7;
}

table.calendarBG td.calendarBlank .cal-date {
	color: #8F8F8F;
}

.cal-title {
	text-align: left;
	padding: 3px;
}

.cal-title a {
	color: #625C3D;
	text-decoration: none;
	border-bottom: 1px #ccc solid;
}

.cal-title a:hover {border-bottom: none;}

#col2 table.calendarBG ul {
	font-size: .9em;
	line-height: 1.3em;
	margin: 0;
}

#col2 table.calendarBG ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
}

/*--- Footer ---*/

#footer {
	text-align: right;
	width: 941px;
	margin: 10px auto;
	color: #fcfbe7;
	font-size: .8em;
}

#footer a {
	color: #fcfbe7;
}