* { padding: 0; margin: 0;}
BODY
{
	background: #426279;
	font-family: Arial, Helvetica, sans-serif;
	color: #193542;
	text-align: left;
	font-size: 10pt;
}
td
{
	font-family: Arial, Helvetica, sans-serif;
	color: #193542;
	text-align: left;
	font-size: 10pt;
}
a
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	color: #700A0A;
}
#header
{
	float: left;
	position: fixed;
	top: 0;
	width: 100%;
	background: url(../images/header.gif) repeat-x 0 0 fixed;
}
#header p
{
	background: url(../images/head.gif) no-repeat;
	margin-left: 75px;
	text-align: center;
	height: 151px;
}
#header h1 span
{
	display:none
}

#header h1
{
	padding: 0;
	margin: 0;
}
#navcontainer { width: 150px; margin: 25px 30px 30px 20px; float: left; position: fixed;  }
html>body #navcontainer { top: 180px; margin-top: 0; }


#navcontainer ul
{
background: url(../images/navbg.gif) repeat-y;
margin: 30px 0;
padding: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
background: url(../images/but-up.gif) no-repeat 3px 4px;
padding: 2px 0 2px 20px;
width: 130px;
color: #6C9FB7;
text-decoration: none;
}

#navcontainer a:hover
{
background: url(../images/but-down.gif) no-repeat 3px 4px;
color: #fff;
}
#navcontainer li a:hover:after, #navcontainer li a:focus:after
{
	content: " [" attr(accesskey) "] ";
	color: #fff;
}
#title
{
	margin: 30px 30px 30px 230px;
	border-top: 1px dotted #0F5576;
	border-bottom: 1px dotted #0F5576;
	color: #6C9FB7;
	padding: 4px 20px;
	font-size: 14pt;
	background: url(../images/title.gif) repeat-x #1B3542;
}
html>body #title { margin-top: 180px; }
#footer
{
	clear: both;
	border-top: 1px solid #6C9FB7;
	border-bottom: 1px solid #6C9FB7;
	position: relative;
	bottom: 0;
	background: #521313;
	width: 100%;
	text-align: right;
}
html>body #footer
{
	position: fixed;
	border-top: 1px dotted #fff;
	border-bottom: 0;
}
#footer span
{
	font-size: 8pt;
	border-left: 1px solid #6C9FB7;
	padding: 2px 3px;
	background: #1B4458;
	color: #5E8DA2;
	float: right;
}
html>body #footer span { border-left: 1px dotted #fff; }
#footer a
{
	color: #fff;
	text-decoration: none;
}
.content
{
	width: 500px;
	background: url(../images/content.gif) repeat-x bottom #A1B4C2;
	padding: 10px;
	min-height: 250px;
	margin: 0 30px 60px 250px;
	border-top: 1px solid #081C25;
	height: 300px;
}
html>body .content
{
	height: auto;
}
.bodytext
{
	width: 500px;
	background: #A1B4C2;
	padding: 10px;
	margin: 0 30px 5px 250px;
	border-top: 1px solid #081C25;
	border-bottom: 1px solid #081C25;
}
.next
{
	width: 500px;
	background: #A1B4C2;
	padding: 10px;
	margin: 0 30px 5px 250px;
	text-align: center;
	border-top: 1px solid #081C25;
	border-bottom: 1px solid #081C25;
}
.bodytext ul
{
	padding-left: 20px;
}
.bodytext h1, h3
{
	color: #1B3542;
	border-bottom: 1px solid #071E29;
	background: url(../images/title2.gif) repeat-x #89A5B9;
	padding: 1px 10px;
}
.headertext
{
	color: #1B3542;
	border-top: 1px solid #071E29;
	border-bottom: 1px solid #071E29;
	background: url(../images/title2.gif) repeat-x #89A5B9;
	padding: 1px 10px;
	width: 500px;
	margin: 0 30px 5px 250px;
}
.content h1, h3
{
	color: #1B3542;
	border-bottom: 1px solid #071E29;
	background: url(../images/title2.gif) repeat-x #89A5B9;
	padding: 1px 5px;
}

.grade
{
	float: right;
	margin-right: 250px;
}
#photo { width: 150px; height: 113px; background: url(refresh.php) no-repeat; margin-bottom: 50px; }
.title { font-weight: bold; text-decoration: underline; font-size: 11pt; color: #1B3542; margin-left: 25px; }
.webaddress
{
	display: block;
	text-align: right;
	margin-top: 20px;
	color: #225588;
	padding: 2px;
}

.websiteimg
{
    width: 450px;
    display: block;
    margin: 0 auto 15px auto;
    text-align: center;
}

.contactfrm input, .contactfrm label, .contactfrm textarea, .contactfrm select
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	color: #193542;
}
.contactfrm textarea
{
	height: 100px;
	width: 300px;
}
.contactfrm input[type=submit]
{
	width: 100px;
	padding: 2px;
	margin: 0 200px;
	background: url(../images/title2.gif) repeat-x #89A5B9;
}
.contactfrm input[type=submit]:hover
{
	color: #fff;
	border-color: #fff;
}
.contactfrm input, .contactfrm textarea, .contactfrm select
{
	background: #809AAD;
	border: 1px solid #193542;

}
.contactfrm input[type=hidden]
{
	padding: 0;
	margin: 0;
	border: 0;
}
.contactfrm label
{
	text-align: right;
	width: 150px;
	padding-right: 20px;
}
.contactfrm br
{
	clear: both;
}

#userbox
{
	float: right;
	height: 75px;
	color: #A22B2D;
	width: 150px;
	margin-top: 3px;
	margin-right: 3px;
}
#userbox a
{
	color: #7E201E;
	font-size: 8pt;
	text-align: center;
	clear: both;
	display: block;
}
#userbox a:hover
{
	color: #953634;
}
#userbox label
{
	clear: left;
	display: block;
	float: left;
	margin-bottom: 2px;
}
#userbox input
{
	clear: right;
	display: block;
	width: 80px;
	float: right;
	margin-bottom: 2px;
	background: #6A2323;
	color: #250504;
	border: 1px solid #250504;
}
.bloggdate
{
	background: url(../images/cal1.gif) top no-repeat #fff;
	width: 47px;
	text-align: center;
	padding-top: 5px;
	display: block;
	text-transform: uppercase;
	float: right;
}
.bloggdate span
{
	font-size: 14pt;
}
.bloggdate span span
{
	background: url(../images/cal2.gif) bottom no-repeat;
	padding-bottom: 10px;
	display: block;
	font-size: 8pt;
}
.blogtitle
{
	float: left;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11pt;
	color: #1B3542;
}
.blogtitle a
{
	text-decoration: underline;
	color: #1B3542;
}
.blogtitle a:hover { color: #355260; }