#home {font-size:12px; position:absolute; top:60px; left:50px;}

#home li {margin-bottom:5px; float:left; margin-right:20px; }

#schl-logo, #ico-logo {display:block; text-indent:-9999px; background:url(/images/logo.gif) no-repeat; height:43px}

#schl-logo {width:229px;}

#ico-logo {width:91px; background-position:-248px 0;}



body {background:url(../images/bg.jpg) repeat-y #7fbce0 center; font-family:Arial, Helvetica, sans-serif}

a {color:#007ac2; text-decoration:none;}

a:hover {color:#cb2b2b;}

#wrap {width:977px; margin:0 auto;}

#header {height:170px; position:relative; background:transparent url(../images/pellets.jpg) no-repeat scroll 0px 0;}

#logo {position: absolute; top:58px; left:50px;}

#nav {height:34px; position:absolute; right:0; bottom:0;}

#nav li {float:left; padding:9px 29px; border-right:#666666 1px solid; position:relative;  border-bottom:1px solid #666666; }

#nav li a { background:url(../images/nav.gif) no-repeat; display:block; text-indent:-9999px; height:17px;}

#nav #link-1 { background-position:0 -62px; width:163px;}

#nav #link-1:hover { background-position:0 -19px; width:163px;}

#nav #link-2 { background-position:-222px -62px; width:45px;}

#nav #link-2:hover { background-position:-222px -19px; width:45px;}

#nav #link-3 { background-position:-332px -62px; width:85px;}

#nav #link-3:hover { background-position:-332px -19px; width:85px;}

#nav #link-4 { background-position:-437px -62px; width:175px;}

#nav #link-4:hover { background-position:-437px -19px; width:175px;}

#nav #link-5 { background-position:-629px -62px; width:90px;}

#nav #link-5:hover { background-position:-629px -19px; width:90px;}

#nav #link-6 { background-position:-728px -62px; width:47px;}

#nav #link-6:hover { background-position:-728px -19px; width:47px;}

.drop-down {
	border: 1px solid #666;
	border-right:none;
	border-top:1px transparent;
	left: -1px;
	position: absolute;
	width: 234px; 
	top:35px; 
	display:none;
	z-index:100;
	padding-top:1px;
}

#nav .drop-down li {
	background: #fff;
	border-bottom: 1px dotted #ccc;
	float: none;
	padding: 0px;
}

#nav .drop-down li a {
	background:none;
	font-size: 13px;
	padding: 17px 17px 13px 29px;
	text-decoration: none;
	text-indent: 0px;
}

#nav .drop-down li a.pdf {
	background:url(/images/icon_pdf.gif) no-repeat 11px 14px;
}

#nav li.last {border-bottom:1px solid #666 !important; padding-right:48px;}

#nav .drop-down li.last {border-right:1px solid #666 !important; border-bottom:none!important;}

.on {border-bottom:none !important;}



.last { border:none!important;}

#content, #footer {padding: 0px 50px; width:880px; margin:0 auto;}

#content {padding-top:35px;}

#content .sub-head {color:#007ac2; font-size:24px; font-weight: normal; line-height:2; margin:0;}

#content p, #content li {font-size:12px; line-height:2;}

address {margin-bottom:15px; line-height:1.25; font-size:12px; font-style:normal;}

#content ul {margin: 15px 0;}


#content #legal {font-size:9px!important; border-top:1px solid #ccc; padding-top:30px; margin-top:30px; color: #666666; clear:both;}

#legal h1 {font-size:9px !important; margin-bottom:5px; font-weight:bold;}

#legal h2.sub-head, #legal p {margin-bottom: 5px; font-size:9px; color:#666666; line-height:1;}

#legal ul li{list-style-type:circle; font-size:9px; color:#666666; line-height:1; margin-left:13px;}

#legal h2.sub-head { font-weight:bold;}

#legal p {margin-bottom:5px; }


#footer {font-size:12px; text-align: right; padding-top:50px;  background: url(images/pellets-2.jpg) no-repeat bottom right;}

#footer a {color:#000; text-decoration:none; padding-left:15px}

#footer a:hover {color:#007ac2;}





/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */