body, div, table, tr, th, td, ul, ol, li, h1, h2, h3, p {
	font: 9pt arial, verdana, helvetica, sans-serif;
	color: black;
}

body {
	background: white;
	text-align: center;
	margin: 0;
}

h1 {
	text-align: left;
	font-weight: bolder;
	font-size: 150%;
	color: #015838;
	text-decoration: none;
}

h2 {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #015838;
	text-decoration: none;
}

h3 {
	text-align: left;
	font-weight: normal;
	font-size: 110%;
	color: #015838;
	text-decoration: underline;
}

table { border: none; text-align: center; font-size: 100% }
.splash-fg { border: none; background-color: #f3f5de }
.splash-bg { border: none; background-color: #e2e7b1 }

td.foot { background: white url(/images/dancingpeoplepalerblur.gif) bottom repeat-x }

p { text-align: left; margin-left: 2px; }
p.left { text-align: left; }
p.right { text-align: right; }
p.justify { text-align: justify; }
p.address { padding: 0em 3em }
p.attrib { text-align: right; font-style: italic }
p.letter { font-family: times, serif; font-size: 110% }
p.frontpage { color: #015838; font-weight: normal; font-size: 140% }
p.caption { text-align: center; font-size: 75% }
p.info { text-align: left; font-style: italic; font-size: 75% }
p.cinfo { text-align: center; font-style: italic; font-size: 75% }
p.rinfo { text-align: right; font-style: italic; font-size: 75% }
p.lcopyright { text-align: left; font-size: 75% }
p.ccopyright { text-align: center; font-size: 75% }
p.rcopyright { text-align: right; font-size: 75% }

.center { text-align: center }
.teacher { color: #fec030 }
.school { color: #015838 }
.highlight { color: #015838 }
.quote { font-style: italic }
.clear { clear: both }
.blink { text-decoration: blink }
.warn { color: red; font-style: bold }
.warncenter { color: red; font-style: bold; text-align: center; }
.splash { background-color: #f3f5de; border: 5px solid #e2e7b1; }
.rsplash { background-color: #f3f5de; border: 5px solid #e2e7b1; float: right; }
.lsplash { background-color: #f3f5de; border: 5px solid #e2e7b1; float: left; }
.shade { background-color: #f4f4f4 }
.required { background-color: #90b090 }
.warnrequired { background-color: red }

a, a:link, a:visited {
	color: #015838;
	text-decoration: underline;
}

a:hover, a:active {
	color: #fec030;
}

a.action, a.action:link, a.action:visited, a.action:hover, a.action:active {
	color: #fec030;
	background-color: #015838;
	border: 1px outset black;
	padding: 2px 5px;
	text-decoration: none;
}

img { border: none; vertical-align: middle }
img.menu { border: none; vertical-align: middle; width: 200px }
img.left { float: left }
img.right { float: right }
img.logo { border: none }
img.llogo { border: none; float: left }
img.rlogo { border: none; float: right }
img.map { border: 1px solid black }
img.lmap { border: 1px solid black; float: left }
img.rmap { border: 1px solid black; float: right }
img.photo { border: 1px solid black }
img.lphoto { border: 1px solid black; float: left }
img.rphoto { border: 1px solid black; float: right }

/* ul  { list-style: url(/images/bulletgreenyellow.gif) disc outside; text-align: left } */
ul.arrow  { list-style: url(/images/bullet-green-arrow.gif) disc outside }
ul.ball  { list-style: url(/images/bulletsphere.jpg) circle outside }
ul.disc  { list-style: disc outside; list-style-image: none }
ul.square  { list-style: square outside; list-style-image: none }
ul.none { list-style: none outside; list-style-image: none }
ol  { list-style: decimal outside; text-align: left }
ol.faq  { list-style: url(/images/bulletgreenyellow.gif) disc outside }

hr { clear: both }

input.middle { vertical-align: middle }
input.link {
	color: #fec030;
	background-color: #015838;
	font-size: 100%;
	/* font-weight: bold; */
	text-decoration: none;
	background-image: none;
	text-align: center;
}

table.threed { border: 1px outset }
table.threed td { border: 1px inset }
table.threed td.noborder { border: none; }

table.twod td { border: 1px outset }
table.twod td.noborder { border: none; }

table.rtwod td { border: 1px outset; float: right; }
table.rtwod td.noborder { border: none; }

table.noborder { border: none }
table.noborder td { border: none }

table.simple { border: 1px solid black; border-collapse: collapse }
table.simple th td { font-weight: bold }
table.simple td { border: 1px solid black }

table.right { float: right }
table.left { float: left }

img.mugshot {
	background-color: #e2e7b1;
	border: 1px solid black;
	margin: 10px 20px 0px 20px;
}
td.mugshot {
	padding: 0 0 10px 20px;
}

#event_map {
	border: 1px solid black;
	width: 250px;
	height: 550px;
	text-align: center;
}

#shadow {
	background: url(/images/lcd_back_repeat.gif);
	width: 920px;
	overflow: hidden;
	background-color: #C8C8C8;
	border-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	margin-left: auto;
	margin-right: auto;
}

#page_container {
	background-image: url(/images/header_image_main.jpg);
	background-repeat: no-repeat;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header_box {
	width: 900px;
	height: 140px;
}

#header {
	width: 200px;
	height: 120px;
	float: left;
	/* border: 1px solid black; */
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#header a {
	width: 100%;
	height: 100%;
	display: block;
}

#top_menu_box {
	background: white;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
  	width: 660px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #005434;
	margin-top: 30px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}

#top_menu_box h1 {
	text-transform: uppercase;
	font-size: 14pt;
	background-color: #045634;
	color: #fcfefc;
	padding: 5px 10px;
	margin: 0;
}

#login_name {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	left: 100px;
	bottom: 2pt;
	font-size: 8pt;
}

#top_menu_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

#top_menu_box ul li {
	list-style: none;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	float: left;
}

#top_menu_box ul li a {
	background-color: #e4c29c;
	min-width: 110px;
	width: 110px;
	padding: 3px 10px;
	margin: 10px 5px;
	color: #045634;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	display: block;
}

#top_menu_box ul li a:hover, #top_menu_box ul li a.sel {	
	color: #fcfefc;
}

#body_box {
	width: 900px;
	background: url(/images/trans.png);
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
}

#body_box h1.body_head {
	background-color: #045634;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14pt;
	color: #fcfefc;
	margin: 0;
	padding: 5px 10px;
}

#side_menu_box {
	width: 180px;
	height: 400px;
	background-color: #d4d4d4;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

#side_menu_box h1 {
	text-transform: uppercase;
	font-size: 12pt;
	background-color: #045634;
	color: #fcfefc;
	padding: 5px 10px;
	margin: 0;
}

#side_menu_box ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

#side_menu_box ul li {
	list-style: none;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#side_menu_box ul li a {
	min-width: 140px;
	width: 140px;
	padding: 2px 10px;
	margin: 5px 0px;
	color: #fcfefc;
	background-color: #045634;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;
	display: block;
}

#side_menu_box ul li a:hover, #side_menu_box ul li a.sel {	
	color: #045634;
	background-color: #fcbe34;
}

#main_box {
	width: 710px;
	min-height: 400px;
	background: url(/images/trans-white.png);
	/* overflow:hidden; */
	margin: 0;
	padding: 15px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	text-align: center;
	position: relative;
}

#frontpage_box {
	width:  900px;
	min-height: 400px;
	background: url(/images/trans-white.png);
	overflow: hidden;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

div.content_box {
	overflow: hidden;
	border: 1px solid #005434;
	background-color: white;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.content_box h1 {
	text-transform: uppercase;
	font-size: 12pt;
	background-color: #fcbe34;
	color: #000000;
	padding: 5px 10px;
	margin: 0;
}

#footer {
	width: 899px;
	margin: 0;
	float: right;
}