html {
height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: small;
	background: #fff;
}

/* layout structure */

#wrap {
	max-width: 1400px;
	min-width: 600px;
}

#header { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	vertical-align: baseline; 
	background-color: #fff; 
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	border-bottom-color: #000;
	overflow: hidden; display: inline-block; 
	width: 100%;
	min-width: 800px; 
	display: block; 
	}

	
#header #logo { 
	margin: 10px 0 5px 15px; 
	float: left; 
	}
	

#header #logo a { 
	display: block; 
	text-indent: -9999px; 
	width: 125px; 
	height: 125px; 
	overflow: hidden; 
	background-image: url("https://www.schoolbytes.com/images/Schoolbytes_Logo_08.jpg"); 
	background-repeat: no-repeat; 
	}
	
#header p { 
	float: right; 
	margin: 25px 40px 15px 10px; 
	}

#header ul { 
	list-style-type: none; 
	overflow: hidden; 
	display: inline-block; 
	float: right; 
	margin-top: 10px; 
	padding: 0 10px; 
	display: block; 
	}

#header ul li { 
	float: left; 
	margin-left: 10px; 
	}
	
#header ul li:first-child { 
	margin-left: 10px; 
	}
	
#header ul li {  
	font-size: 24px; 
	}

#header ul li:first-child, #header ul li#account_login { 
	border: none; 
	margin-left: 25px; 
	padding-left: 0; 
	}
	
#header ul li a.active { 
	color: #888; 
	}
	
#header ul li a.active:hover { 
	color: #888; 
	}

#nav {
	float: left;
	margin:0;
	width:100%;
	padding: 0 0 0 100px;
	list-style: none;
	background: #990033;
}

#nav li {
	float: left;
	margin: 0 2px 0 100px;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

#nav a {
	float: left;
	display: block;
	margin: 0 0 0 15px;
	padding: 6px 15px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #990033;
	border-bottom: none;
	background: #990033;
}

#nav a:hover {
	color: #333;
	padding-bottom: 6px;
	border-color: #990033;
	background: #fff;
}


#subhead {
	margin: 0 0 0 50px;
	padding: 10px;
	font-size: 90%;
	color: #069;
	text-align: left;
	/* border-bottom: solid 1px #ccc; */
}
	
#content {
	float: left;
	width: 70%;
	max-width: 1000px;
	font-size: 95%;
	/* line-height: 1.5em; */
	color: #333;
}

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #000;
	text-align: left;
}

#content h3 {
	margin: .5em 0 1.3em 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000;
	text-align: left;
}

#content p {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #000;
	text-align: left;
}

#content .gutter {
	padding: 50px;
	text-align: left;
}

#sidebar {
	float: right;
	width: 30%;
	background: #fff;
}

#sidebar .gutter {
	padding: 25px;
}

#sidebar h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #000;
}

#sidebar h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000;
	text-align: left;
}

#sidebar p {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	text-align: left;
}

#search { 
	margin: 0 40px 30px 0; 
	float: left; 
	}

#footer {
	clear: both;
	margin: 0 0 0 1em;
	background: #fff;
}