/*

Current School Colors:
#FF5A08 - darker color
#FF8A38 - lighter color

To change colors, search and replace above hex codes

*/

body {
background-image: url(background.png);
font-family: verdana, arial, 'times new roman';
font-size: 0.8em;
margin: 20px;
}

.background {
width: 802px;
margin-left: 50px;
background-repeat: repeat-y;
padding: 0px 5px 0px 5px;
background-image: url(content.png);
}

.header {
width: 772px;
height: 220px;
padding: 10px;
background-color: #FF5A08;
color: inherit;
background-repeat: no-repeat;
background-image: url(blackboard.png);
background-position: 10px 10px;
}

.header h1.title {
color: white;
background-color: transparent;
font-family: georgia, 'times new roman';
font-style: italic;
font-weight: bold;
width: 350px;
margin: 0px;
font-size: 3em;
padding: 5px;
}

.top-menu {
background-color: #FF8A38;
color: inherit;
width: 792px;
height: 30px;
}

.top-menu a {
color: white;
background-color: inherit;
text-transform: uppercase;
font-size: 1.5em;
display: block;
float: left;
text-decoration: none;
font-weight: bold;
padding: 3px 10px 4px 10px;
}

.top-menu a:hover {
color: #303030;
background-color: #d0d0d0;
}

.top-menu a.current {
color: #303030;
background-color: #d0d0d0;
}

.side-menu {
float: left;
width: 150px;
color: inherit;
background-color: #d0d0d0;
padding-top: 10px;
padding-bottom: 30px;
}

.side-menu a {
display: block;
text-decoration: none;
font-size: 1.4em;
background-color: inherit;
color: #303030;
font-weight: bold;
padding: 2px;
font-family: arial, verdana, 'times new roman';
}

.side-menu a:hover {
color: #404040;
background-color: #b0b0b0;
}

.side-menu a.current {
color: #404040;
background-color: #b0b0b0;
}


.content {
float: left;
width: 600px;
padding: 10px;
}

.footer {
clear: left;
padding: 5px;
text-align: center;
}

.fix {
clear: left;
}

h2 {
font-family: 'times new roman';
text-transform: uppercase;
font-size: 4em;
margin: 0px;
}