﻿/*-------- Start Reset --------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------- End Reset --------*/

html {
	font-size: 100.01%;
}

*html {
	font-size: 90%;
}


body {
  background: #912A19;
  color: #333;
	font-family: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}

.center {
  margin: 0 auto;
}

.clear {
  background-image: none !important;
  clear: both;
  height: 0px;
}

h1 {
  color: #912A19;
  font-size: 175%;
  margin-bottom: 12px;
}

h2 {
  color: #912A19;
  font-size: 115%;
  font-weight: bold;
}

h3 {
  color: #912A19;
  font-size: 100%;
  font-weight: bold;
}

h4 {
  color: #912A19;
  font-size: 90%;
  font-weight: bold;
}

hr {
  color: #912A19;
  margin: 37px;
}

p {
  margin-bottom: 12px;
}

ol,
ul {
  margin: 0px 0px 12px 24px;
}

li {
  list-style-image: url('../images/bullet.png');
  line-height: 180%;
}

.right {
  float: right;
}

table {
  width: 507px;
}

th {
  background-color: #842B22;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: left;
}

td {
  padding: 5px;
}

.white {
  background-color: #fff;
}

.body_bg {
  background: #912A19 url('../images/body_bg.gif') repeat-y center top;
  min-width: 780px;
}

.chrome {
  background: url('../images/chrome.jpg') no-repeat center top;
  margin: 0 auto;
  min-width: 780px;
}

.chrome_home {
  display: block;
  height: 175px;
  position: relative;
  text-indent: -9999px;
  width: 780px;
}

.page {
  margin: 0 auto;
  width: 780px;
}
/* Start navbar */
.navbar {
  background: url('../images/navbar.jpg') no-repeat 0px 0px;
  float: left;
  height: 415px;
  width: 197px;
}

.navbar ul {
  margin: 0px;
}

.navbar li {
	list-style: none;
}

.navbar li a {
  display: block;
  text-indent: -9999px;
}

.about,
.about_active {
  height: 34px;
  width: 197px;
}

.about:hover,
.about_active {
  background: url('../images/navbar.jpg') no-repeat -197px 0px;
}

.events,
.events_active {
  height: 34px;
  margin-top: 10px;
  width: 197px;
}

.events:hover,
.events_active {
  background: url('../images/navbar.jpg') no-repeat -197px -44px;
}

.approach,
.approach_active {
  height: 35px;
  width: 197px;
}

.approach:hover,
.approach_active {
  background: url('../images/navbar.jpg') no-repeat -197px -78px;
}

.staff,
.staff_active {
  height: 35px;
  width: 197px;
}

.staff:hover,
.staff_active {
  background: url('../images/navbar.jpg') no-repeat -197px -113px;
}

.curriculum,
.curriculum_active {
  height: 35px;
  width: 197px;
}

.curriculum:hover,
.curriculum_active {
  background: url('../images/navbar.jpg') no-repeat -197px -148px;
}

.goals,
.goals_active {
  height: 35px;
  width: 197px;
}

.goals:hover,
.goals_active {
  background: url('../images/navbar.jpg') no-repeat -197px -183px;
}

.communication,
.communication_active {
  height: 35px;
  margin-top: 35px;
  width: 197px;
}

.communication:hover,
.communication_active {
  background: url('../images/navbar.jpg') no-repeat -197px -253px;
}

.fund,
.fund_active {
  height: 35px;
  width: 197px;
}

.fund:hover,
.fund_active {
  background: url('../images/navbar.jpg') no-repeat -197px -288px;
}

.auction,
.auction_active {
  height: 35px;
  width: 197px;
}

.auction:hover,
.auction_active {
  background: url('../images/navbar.jpg') no-repeat -197px -323px;
}

.class,
.class_active {
  height: 35px;
  width: 197px;
}

.class:hover,
.class_active {
  background: url('../images/navbar.jpg') no-repeat -197px -358px;
}

.amazon { 
  background: #fff url('../images/amazon.gif') no-repeat 2px 2px;
  height: 33px;
  margin-top: 35px;
  padding: 2px;
  width: 169px;
}
/* End navbar */

.content {
  float: left;
  margin: 25px 0px 0px 0px;
  padding: 11px 39px 33px 37px;
  width: 507px
}

.content_home {
  background: url('../images/content_home.jpg') no-repeat right top;
  height: 500px;
  position: relative;
  float: left;
  top: -59px;
  width: 583px;
}

.feature {
  float: left;
  margin: 59px 0px 0px -22px;
  width: 160px;
}

*html .feature {
  margin: 59px 0px 0px -11px;
}

.introduction {
  float: left;
  padding: 210px 0px 0px 47px;
  width: 310px;
}

.home {
  background: url('../images/home.jpg') no-repeat center top;
  clear: both;
  display: block;
  height: 186px;
  margin: 0px 0px 0px 227px;
  text-indent: -9999px;
  width: 89px;
}

.footer {
  background: url('../images/footer.jpg') no-repeat center top;
  clear: both;
  height: 33px;
  position: relative;
  width: 780px;
}

.emailus {
  display: block;
  height: 33px;
  left: 570px;
  position: relative;
  text-indent: -9999px;
  width: 100px;
}

/* Start Expand/Collapse */
.header {
  background-color: #842B22;
  color: #fff;
  float: left;
  font-weight: bold;
  width: 507px;
}

.column_date {
  background-image: none !important;
  float: left;
  padding: 3px 3px 3px 19px;
  vertical-align: middle;
  width: 139px;
}

.column_event {
  background-image: none !important;
  float: left;
  padding: 3px;
  vertical-align: middle;
	width: 175px;
}

.column_time {
  background-image: none !important;
  float: left;
  padding: 3px 0px 3px 3px;
  vertical-align: middle;
	width: 146px;
}

.expand {
  background: #fff url(../images/show.gif) no-repeat center;
	cursor: pointer;
	float: left;
  height: 30px;
  left: -491px;
  position: relative;
	text-indent: -9999px;
	width: 16px;
}

.data {
  background-color: #fff;
  background-image: none !important;
  float: left;  
  font-size: 85%;
  width: 507px;
}

.show {
  background-image: none !important;
  clear: both;
	display: none;
}

.detail {  
  background-color: #fff;
  border: solid 1px #842B22;
  clear: both;
  padding: 6px;
}
/* End Expand/Collapse */

/*
purple: 5D0085
green: 37B188
white: FFFFFF
brown: 912A19
menu: 613C99
*/
