/* basic elements */
html, body { 
	font-family: 'Tahoma', sans-serif;
	font-size: small; 
	color: black;
	background: white;
	padding: 0px;
	margin: 0px;
	min-height: 100%; 
	margin-bottom: 1px;	
	background-color: #cecece;
}

/* specific divs */
#container {
	position: relative;
	width: 980px;
/*	height: 534px; */
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
	background: rgb(70,0,0) url("/images/bg.jpg") top left repeat-y;

}

#headerarea
{
	width: 980px;
	height: 160px;
	text-align: center;
	color: green;
	font-size: 8pt;
}

#headerarea h1
{
	font-size: 28pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: white;
	line-height: 1em;
}

.headerimgs
{
	height: 160px;
	width: 220Px;
/*	float: left;*/
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	position: absolute;
	top: 4px;
	left: 4px;
	background-color: white;
	border: 0px;
}

/* Calendar Elements */
#calendar
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	position: absolute;
	top: 108px;
	left: 232px;
}

.CalTable
{
	width: 746px;
	height: 55px;
	background-color: #cecece;
	border-style: solid;
	border-color: green;
	border-width: 1px;
	font-size: 8pt;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
}

.CalTable td
{
	border: 1px solid #460000;
}

.CalHeader
{
	background-color: #B36804;
	color: white;
	font-family: 'Bookman Old Style', 'Times New Roman', sans-serif;
}

.CurrentDay
{
	font-size: 7pt;
	height: 35px;
}

.MonthLabel
{
	position: relative;
	font-size: 8pt;
	font-weight: bold;
	color: black; 
	left: 0px;
	font-family: 'Bookman Old Style', 'Times New Roman', sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#navcontainer
{
/*
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	*/
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 4px;
	left: 234px;
}

#navcontainer ul
{
margin: 0px;
padding: 8px;
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
}

#navcontainer li
{
display: inline;
list-style-type: none;

}

#navcontainer li a 
{ 
	padding-top: 10px;
	padding-bottom: 10px;
	padding: 3px 10px; 
	font-size: 10pt;
}

#navcontainer li a:link, #navcontainer li a:visited
{
color: black;
background-color: #cecece;
text-decoration: none;
border: 1px solid green;
}

#navcontainer li a:hover
{
color: white;
background-color: green;
text-decoration: none;
}

#bannertitle
{
	position: absolute;
	top: 40px;
	left: 322px;
}

#bannertitle a:link, #bannertitle a:visited
{
	color: #cecece;
	text-decoration: none;	
	font-size: 1.2em;
}


#mainarea
{
	/*height: 374px;*/
	width: 980px;
	float: left;
	clear: both;
	padding: 4px;
}

#mainleft
{
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: white;
	width: 212px;
	/*height: 356px;*/
/*	border-right: 200px solid #460000;
	margin-right: -190px;*/
	margin-top: 4px;
	margin-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	padding: 4px;
/*	position: absolute;
	top: 168px;
	left: 4px;*/
	clear: both;
	min-height: 388px;
}

#mainleft h2, #mainleft h3
{
	color: green;
	font-size: 16pt;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
}

#mainleft ul
{
	margin: 0px;
	margin-left: 12px;
	padding-left: 0px;
	text-align: left;
	list-style-type: none;
}

#mainleft ul li
{
	margin-bottom: 2px;
}

#mainleft p
{
	margin: 2px;
	margin-bottom: 10px;
	padding: 0px;
}

#mainleft a:link, #mainleft a:visited
{
	color: blue;
	text-decoration: none;
}

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


#mainright
{
	background-color: white;
	width: 728px;
/*	height: 356px;*/
	float: right;
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
	margin-right: 8px;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	text-align: left;
	/*position: absolute;
	top: 164px;
	left: 232px;*/
	min-height: 380px;
	
	
}

#mainright h3
{
	font-size: 24pt;
	font-weight: bold;
	color: green;
	margin: 2px;
	padding: 0px;
}

#mainright a:link, #mainright a:visited
{
	color: blue;
}

.important
{
	font-size: 14pt;
	font-weight: bold;
	color: black;
}

.clear
{
	margin: 0px;
	padding: 0px;
	clear: both;
}

.frontpagerandomimage
{
	margin: 4px;
	padding: 0px;
	height: 200px;
	width: 300px;
	border: 1px solid black;
	float: right;
}

#charterstuff ol
{
	margin: 8px;
	padding: 4px;
}

.hscsEvent
{
	font-size: 1.2em;
	text-align: center;
}

.hscsEvent a:link, .hscsEvent a:visited
{
	text-decoration: none;
	color: blue;
}

.hscsEvent a:hover
{
	text-decoration: underline;
}

.teacherschedule td
{
	width: 80px;
	height: 50px;
}

.periods
{
	height: 30px;
}

.subtitle
{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: underline;
}

#homework
{
	font-family: 'Bookman Old Style', 'Tahoma', sans-serif;
}

#homework li a:link, #homework li a:visited
{
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: green;
}

#homework li a:hover
{
	text-decoration: underline;
}

#sidebarfooter
{
	bottom: 10px;
	font-size: .7em;
	font-style: italic;
	/*float: bottom;*/
	clear: both;
	margin-top: 10px;
	/*text-decoration: italic;*/
}

.imgfloatright
{
	float: right;
	margin: 4px;
	border: 1px solid black;
}

.imgfloatleft
{
	float: left;
	margin: 4px;
	border: 1px solid black;
}

.imgfloatrightnoborder
{
	float: right;
	margin: 4px;
}

.imgfloatleftnoborder
{
	float: left;
	margin: 4px;
}

.captionright
{
	float: right;
	clear: both;
	font-size: .8em;
	letter-spacing: 0.09em;
	margin-top: 4px;
}