@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,table,tr,td,img,form,input,textarea,pre,blockquote
{
	margin: 0;
	padding: 0;
}

/*  ----------------------[  SWEET BLESSED CLEARFIX  ]----------------------  */

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	*display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

/* --------[ PAGE ]----- */

body
{
	padding: 0;
	margin: 0;

	font-family: "trebuchet ms", san-serif;
	font-size: 0.8em;
	color: #666666;
	background: #001C2A url(/static/background.png) top left repeat-x;
}

#page
{
	width: 960px;

	margin: 0 auto 0 auto;
}

/* --------[ HEADER ]----- */

#header
{
	position: relative;
	height: 107px;
	clear: both;
	
	background: #00324B url(/static/headerBackground.png) top left no-repeat;
}

#header .logo
{
	position: absolute;
	z-index: 10;
	left: 408px;
}

#header .schoolList
{
	position: absolute;
	z-index: 1;
	right: 25px;
	top: 15px;
}

/* --------[ BODY ]----- */

#body
{
	min-height: 300px;
	clear: both;

	background: #FFFFCE;
}

/* --------[ FOOTER ]----- */

#footer
{
	height: 130px;

	background: #00324B url(/static/footerBackground.png) top left no-repeat;
}