html {
	height: 100%;
	overflow: auto; 
}

body {
	height: 100%;
	background: #aaa;
	font-family: arial, helvetica, sans-serif;
}

a {
	color: #000;
}

ul.menu li.active {
	text-decoration: underline;
}

ul.menu li.parent {
	text-decoration: none;
}

#wrap { 
	width:804px; 
	margin:0 auto; 
    height: 100%;
    height: auto !important;
    min-height: 100%;
}

#content {
	height: 100%;
	background: #fff;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	overflow: hidden; 
}

#logo {
	float: left;
	height: 170px;
	width: 200px;
}

#banner {
	height: 170px;
	width: 600px;
	float: left;
}

div.glitter#banner {
	background: url(../img/banners/glitter.jpg) no-repeat top left;
}

div.fire#banner {
	background: url(../img/banners/fire.jpg) no-repeat top left;
}

div.baloons#banner {
	background: url(../img/banners/baloons.jpg) no-repeat top left;
}

div.lights#banner {
	background: url(../img/banners/lights.jpg) no-repeat top left;
}

div.pens#banner {
	background: url(../img/banners/pens.jpg) no-repeat top left;
}

div.abstract#banner {
	background: url(../img/banners/abstract.jpg) no-repeat top left;
}

div.blankets#banner {
	background: url(../img/banners/blankets.jpg) no-repeat top left;
}

div.bright#banner {
	background: url(../img/banners/bright.jpg) no-repeat top left;
}

div.clips#banner {
	background: url(../img/banners/clips.jpg) no-repeat top left;
}

div.eggs#banner {
	background: url(../img/banners/eggs.jpg) no-repeat top left;
}

div.spots#banner {
	background: url(../img/banners/spots.jpg) no-repeat top left;
}

div.stick#banner {
	background: url(../img/banners/stick.jpg) no-repeat top left;
}

div.straws#banner {
	background: url(../img/banners/straws.jpg) no-repeat top left;
}

div.string#banner {
	background: url(../img/banners/string.jpg) no-repeat top left;
}

div.umberella#banner {
	background: url(../img/banners/umberella.jpg) no-repeat top left;
}

div.vests#banner {
	background: url(../img/banners/vests.jpg) no-repeat top left;
}

div.wooly#banner {
	background: url(../img/banners/wooly.jpg) no-repeat top left;
}

#banner>div.section {
	background: url(../img/header_base.png) no-repeat top left;
	height: 170px;
	width: 200px;
	float: left;
}

#banner div.section  div.overlay {
	height: 110px;
	width: 200px;
}

#banner div.section  a {
	display: block;
	text-decoration: none;
	width: 200px;
	background: url(../img/header_link_back.png);
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #000;
	padding: 16px 0px 17px 0px;
	color: #fff;
}

#banner div.section  a:hover {
	color: #000;
}

#banner div.active#school  {
	background: url(../img/header_school.png) no-repeat top left;
}

#banner div.active#courses  {
	background: url(../img/header_courses.png) no-repeat top left;
}

#banner div.active#apply  {
	background: url(../img/header_apply.png) no-repeat top left;
}

#banner div.active#school  a {
	background: url(../img/header_school_back.png);
	color: #000;
}

#banner div.active#courses  a {
	background: url(../img/header_courses_back.png);
	color: #000;
}

#banner div.active#apply  a {
	background: url(../img/header_apply_back.png);
	color: #000;
}

#banner #school  a:hover {
	background: url(../img/header_school_back.png);
}

#banner #courses  a:hover {
	background: url(../img/header_courses_back.png);
}

#banner #apply a:hover {
	background: url(../img/header_apply_back.png);
}

#subnav>div {
	clear:both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 30px;
}

#subnav div.school {
	background: #5ca9eb;
}

#subnav div.courses{
	background: #e780d8;
}

#subnav div.apply{
	background: #9ae268;
}

#subnav div div.path {
	width: 180px;
	float: left;
	padding: 5px 0px 5px 20px;
}

#subnav div div.nav {
	float: left;
	padding: 5px 0px 5px 0px;
}

#subnav a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	line-height: 20px;
}

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

#maincontent {
    height: 100%;
}

#leftnav {
	width: 179px;
	border-right: 1px solid #000;
	background: #ddd;
	float: left;
	padding: 20px 10px 10px 20px;
}

#leftnav li ul {
	margin-top: 10px;
}

#leftnav li li{
	margin-left: -5px;
	padding-left: 5px;
	border-left: 1px solid #000;
}

#leftnav li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	font-size: 12px;
}

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

div.school#leftnav {
	background: #beeeee;
}

div.courses#leftnav {
	background: #ffdbff;
}

div.apply#leftnav {
	background: #eefdc6;
}

#body {
	background: url(../img/body_back.png) repeat-y top left #ddd;
	height: 100%;
}

div.courses#body {
	background-color: #ffdbff;
}

div.school#body {
	background-color: #beeeee;
}

div.apply#body {
	background-color: #eefdc6;
}

#footer {
	float: left;
	padding: 5px 5px 5px 0px;
	font-size: 0.8em;
}

#jbmwrap {
	display: inline;
}

div.nav div.moduletable {
	display: inline;
}

div.nav div.moduletable ul {
	display: inline;
}

div.nav div.moduletable li {
	display: block;
	float: left;
	margin-left: 20px;
}

#socials {
	margin-top: 30px;
}