html, body{margin:0px; color:#FFFFFF; height:100%;}


#adminScreens * {
	color:black;
}
html{overflow:auto;}
a img{border:0;}
h1, h2, h3, h4, h5, h6{margin-top:2px; margin-bottom:6px;}
h1{font-size:150%;}
h2{font-size:145%;}
h3{font-size:140%;}
h4{font-size:135%;}
h5{font-size:125%;}
h6{font-size:115%;}

a:link, a:visited{
	color:#8AC97C;
	text-decoration:none;
}

a:hover{
	color:#DEDEDE;
	text-decoration:underline;
}

#skiptocontent{display:none;}

#topoptions{
	width:960px;
	margin:auto;
}

#pagediv{
	width:970px;
	margin:auto;
	background:url('/template/images/back.gif') top left repeat-y #160f42;
}

#topborder{
	width:100%;
	height:4px;
	background:url('/template/images/border.gif') top left repeat-x #160f42;
	overflow:hidden;
}


#topleftborder{
	width:3px;
	height:4px;
	float:left;
	background:url('/template/images/topleft.gif') top left no-repeat #160f42;
	overflow:hidden;
}

#toprightborder{
	width:3px;
	height:4px;
	float:right;
	background:url('/template/images/topright.gif') top left no-repeat #160f42;
	overflow:hidden;
}

#bottomborder{
	width:100%;
	height:4px;
	background:url('/template/images/border.gif') bottom left repeat-x #160f42;
	overflow:hidden;
}


#bottomleftborder{
	width:3px;
	height:4px;
	float:left;
	background:url('/template/images/bottomleft.gif') top left no-repeat #160f42;
	overflow:hidden;
}

#bottomrightborder{
	width:3px;
	height:4px;
	float:right;
	background:url('/template/images/bottomright.gif') top left no-repeat #160f42;
	overflow:hidden;
}

#top{
	width:100%;
	height:150px;
	position:relative;
	z-index:98;
	margin-bottom: 10px;
}

#bird{
	width:112px;
	height:150px;
	float:left;
	background:url('/template/images/bird.gif') bottom left no-repeat #160f42;
	margin-left:45px;
	margin-top: 2px;
}

* html #bird{
	margin-left:23px;
}

#mullion{
	width:404px;
	height:42px;
	float:left;
	margin-left:20px;
	margin-top:30px;
}

#mullion h1{
	margin:0;
}

#dancers{
	width:216px;
	height:112px;
	float:left;
	background:url('/Resources/user/DSC_0435sm.JPG') top left no-repeat #160f42;
	margin-top:-3px;
	margin-left:18px;
}

* html #dancers{
	position:relative;
}



#contentContainer{
	position:relative;
	padding:0 10px;
	clear:both;
}

#pageContent{
	min-height:400px;
}

* html #pageContent{
	height:400px;
}

#admintemp{
	color:#666666;
}

#admintemp a:link, #admintemp a:visited{
	color:#454545;
}

#admintemp a:hover{
	color:#000000;
}

#adminSubOptions a:link, #adminSubOptions a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#adminSubOptions a:hover{
	color:#CDCDCD;
	text-decoration:none;
}

#homepageleft{
	width:125px;
	float:left;
}

#homepageright{
	float:left;
	width:805px;
	margin-left:5px;
	padding-left:10px;
	background:url('/template/images/vertical_line.gif') top left repeat-y;
	z-index: 1;
}

* html #homepageright {
	width:800px;
}

#homepageright_top{
	width:100%;
	background:url('/template/images/horizontal_line.gif') bottom left repeat-x;
	padding-bottom:10px;
	margin-bottom:8px;
}

#homepageright_botleft{
	width:250px;
	float:left;
	padding-right:10px;
	background:url('/template/images/vertical_line.gif') top right repeat-y;
}

#homepageright_botright{
	width:530px;
	float:left;
	margin-left:10px;
}

#pageclear{
	height:20px;
	width:100%;
	clear:both;
	overflow:hidden;
}

#homepagelogos{
	clear:both;
	width:274px;
	margin:auto;
	text-align:center;
	height:32px;
	position:relative;
	top:13px;
}

#toprightnavdiv {
	float:right;
}



/****************** 2011 DESIGN ********************/


#mullion-site-wrapper {width: 970px; margin: auto;}
#mullion-site {background: #171547; padding-right: 10px; padding-bottom: 10px; border-radius: 3px;}

#mullion-site-left-column {width: 160px; padding-top: 200px; background: url(/template/images/mullion-bird-logo.png) left 10px no-repeat; float: left; position: relative; z-index: 1;}
#mullion-site-left-column .webmail,
#mullion-site-left-column .moodle, 
#mullion-site-left-column .students {display: block; padding: 4px 0 4px 10px; font-weight: bold; margin: 5px 5px 0; color: #fff; text-decoration: none;}

#mullion-site-left-column .webmail {background: #47c2ca;}
#mullion-site-left-column .students {background: #8ac87b;}
#mullion-site-left-column .moodle {background: #fff url(/template/images/moodle-logo.png) left center no-repeat; text-indent: -10000px;}

#mullion-site-right-column {margin-left: 160px;}
#mullion-site-header {padding-top: 10px;}
#mullion-site-header h1 {text-indent: -10000px; background: url(/template/images/mullionschool.gif) left center no-repeat; height: 120px;}
#mullion-site-banner {float: right;}

#mullion-site-navigation-main {border-top: 2px solid #8ac87b;}

#mullion-site-content {background: #fff; border: solid #47c2ca; border-width: 2px 0 0 2px;}

#sideNav16a a {display: inline-block; border: 2px solid #fff; border-radius: 3px; width: 118px; text-align: center; color: #fff; margin: 5px 10px 5px 0;}
#sideNav16a a:hover {text-decoration: none; background: #fff; color: #47c2ca;}

#sideNav16b ul,
#sideNav16b li {margin: 0; padding: 0; list-style: none;}

#sideNav16b ul {padding: 5px;}
#sideNav16b ul ul {display: none; position: absolute; left: 95%; top: 0; background: #8f9394; width: 150px;}
#sideNav16b li {position: relative;}
#sideNav16b li:hover ul {display: block; z-index: 1;}
#sideNav16b a {display: block; padding: 5px; border-bottom: 2px solid #fff; color: #fff;}
#sideNav16b a:hover {background: #47c2ca; text-decoration: none;}
#sideNav16b ul ul a:hover {background: #8ac87b;}

#mullion-site-logos {text-align: center; padding: 10px;}
#mullion-site-logos img {margin: 0 10px;}