body {
	margin:0;
	padding:0;
	font: 75% Ariel, Helvetica, sans-serif;
	color: #333;
	background: #aaa url("/export/system/modules/net.nnps.schools/resources/Aada/Images/gradient.png") repeat-x;
}
p {
	font-size: 100%;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#000;     /* ===================================  CHANGE SCHOOL COLOR  */
	font-weight:bold;
	text-decoration:none;
	margin-left:3px;
}
h1 { 
	font-size:14px;
	color:#000;     /* ===================================  CHANGE SCHOOL COLOR  */
	text-transform:uppercase;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background: #dcdcdc;
	line-height: 1em;
}
h2 { font-size:14px; }
h3 { font-size:13px; }
h4 { font-size:12px; }
h5 { font-size:11px; }

a {
	color:#006;
}
a:visited {
	color:#006;
}
a:hover {
	color:#800000;
	text-decoration:underline;
}
#headercontainer{
width: 1014px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
	margin-top: 20px;
	border: none;
}
#headersection{
	background-image: url("/export/system/modules/net.nnps.schools/resources/Aada/Images/header.png");
	background-repeat: repeat-x;
	height: 82px;
}
#headersection p{
	margin: 0;
	padding: 10px 0;
}
#addressbar {
	float: left;
	width: 812px;
	background-color: #000;
	height: 23px;
	margin: 0;
} 
#addressbar p {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 4px 0 4px 5px;
	color: #FFF;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

#datebar { 
	float: right;
	width: 202px;
	height: 23px;
	background: url("/export/system/modules/net.nnps.schools/resources/Aada/Images/dateback.png") repeat-x;
	margin: 0;
} 
#datebar p {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 4px;
	color:#333;
	font: 0.9em sans-serif;
	text-align: center;
}
#topnavcontainer {
	height:27px;
}
.topnavbar {
	color:#DEECFA;
	font-weight:bold;
	line-height:2.1em;
}
.topnavbar a {
	color:#DEECFA;
	font-weight:bold;
	text-decoration:none;
}
.topnavbar a:visited {
	color:#DEECFA;
	font-weight:bold;
	text-decoration:none;
}
.topnavbar a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

/* === 3-columm content section === */

#main1 {
		margin:0 auto;
		padding:0;
		width:1014px;
		}
	#main2 {
		margin:0; 
		padding:0;
		background: url("/export/system/modules/net.nnps.schools/resources/Aada/Images/bodyback.png") repeat;
		}
	#left {
		float:left;
		width:133px;
		margin:5px 0 0 0; 
		padding:0;
		}

	#right {
		float:right;
		width:203px;
		margin:0; 
		padding:0 2px 0 1px;
		}		
	#middle {
		width:670px;
		margin:0px 202px 0 133px;
		border: 1px #fff solid;
		padding:0;
		}
	#middle p {
		padding: 2px 5px;
	}
	#middle img {
		margin-top: 1px;
	}
	.column-in {
		margin:0; 
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	
#footercontainer{
	width: 1014px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	border-top: solid 1px #fff;
}
#footerwrapper{
	float: left;
	width: 100%;
	height: 23px;
	background-image: url("/export/system/modules/net.nnps.schools/resources/Aada/Images/footer2.png");
	background-repeat: repeat;
}
#footerwrapper p{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	padding: 4px 0;
	font: 0.85em sans-serif;
	font-weight: normal;
	color:#C1C1C1;
}
#footerwrapper a{
	color: #C1C1C1;
	text-decoration:none;
}
#footerwrapper a:visited{
	color: #C1C1C1;
	text-decoration:none;
}
#footerwrapper a:hover{
	color: #fff;
	text-decoration:underline;
}
.title {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#000;     /* ===================================  CHANGE SCHOOL COLOR  */
	font-weight:bold;
	text-decoration:none;
}
.titlemain {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#000;     /* ===================================  CHANGE SCHOOL COLOR  */
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	background: #E5E5E5;
	line-height: 1em;
}
.titleright {
	margin:7px 0 5px 0;
	padding-left: 2px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#09509F;     /* ========================  CHANGE: BLACK OR WHITE?  */
	font-size:11px;
	font-weight:bold;
	border-top: 1px #39C solid;
	border-bottom: 1px #39C solid;
	background-color:#fff;     /* ========================  CHANGE SCHOOL COLOR  */
}
.notvisible {
	line-height:0;
	visibility:hidden;
}

.quicklinkscontainer {
	float:left;
	width:195px;
	height:25px;
	color:#333;
}
.quicklinks {
	font-size:0.9em;
	color:#333;
	font-weight:normal;
	margin-left:2px;
}
.dropdownmenu {
	font-size:0.9em;
	color:#006;
	font-weight:100;
}
.search {
	font-size:0.9em;
	color:#688AC4;
	font-weight:100;
	margin-top:1px;
	background: #E8EEF9;
	border: 1px solid #688AC4;
	height: 16px;
	line-height:1.3em;
}
.search2 {
	font-size:0.75em;
	color: #666;
	font-weight:100;
	margin-top:1px;
	background: #F7F7F7;
	border: 1px solid #666;
	border-right:#CCC;
	border-bottom:#CCC;
	height: 16px;
	line-height:1.5em;
}
.smallp {
	font-size:0.9em;
}
#minical {
	font-size: 0.9em;
	padding: 0 0 5px 0;
}
.sidecontainer {
	line-height: 1.4em;
	padding: 2px 0 2px 4px;
}
#marqueecontainer {
	position:relative;
	float:right;
	width:197px;
	max-height:150px;
	overflow-y:auto; 
	overflow-x:hidden;
	border:none;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-right:5px;
	z-index:100;
  	color:#333;
	font-size:1.1em;
}
#eventlist {
	font-family:helvetica, arial, verdana, sans-serif;
	font-size:0.95em;
	padding:0 0 5px 0;
	margin-left:0;
	border-bottom:1px solid #bdcde6;
	width:95%;
}
#eventlist li {
	list-style:none;
	margin:0;
	padding:2px;
	border-top:1px solid #bdcde6;
	line-height:1.3em;
}
#eventlist li a {
	text-decoration:none;
}
#eventlist li a:hover {
	text-decoration:underline;
}
#schoolquicklinks ul{
	position:relative;
	float:right;
	width:200px;
	max-height:265px;
	border:0;
	padding:0;
	margin: 5px 0 5px 0px;
	overflow:auto;
	color:#333;
	font-size:0.9em;
	line-height:1.4em;
}
#schoolquicklinks li {
	list-style:none;
	margin:0;
	padding:1px;
}
#contentSidebar {
	font-size: 0.9em;
	line-height: 1.3em;
}
#content {
	min-height:400px;
	line-height: 1.3em;
	font-size:1em;
	margin:0 5px 1px 2px;	
}
#homeWelcome {
	font-size:0.95em;
	max-height: 225px;
	overflow:hidden;
}
#homeLinks {
	font-size:0.95em;
	line-height: 1.3em;	
	max-height: 230px;
	overflow:hidden;
}
#homeVideo {
	font-size:0.95em;
	line-height: 1.3em;	
	max-height: 230px;
	overflow:hidden;
}
#homeNews {
	font-size:0.95em;
	line-height: 1.3em;
	max-height:225px;
	overflow:auto;
}
#homeNewsExtended {
	font-size:0.95em;
	line-height: 1.3em;
	max-height:485px;
	overflow:auto;
}
/* ================================================================ 
MAIN NAVIGATION MENU
Menu Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
http://www.cssplay.co.uk/menus/anywidth-flyout.html
=================================================================== */
#menu {
	width:133px;
	max-height:400px;
	margin:0 auto;
	position:relative;
	z-index: 1000;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	background:url(/export/system/modules/net.nnps.schools/resources/Aada/Images/navback.png);
	padding:1px 1px 0 1px;
}
#menu ul.level2{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	color:#333;
	background:#E0ECFE;     /* ========================  CHANGE SCHOOL COLOR  */
	padding:1px 1px 0 1px;
	border:1px #666 solid;
	border-right:2px #666 solid;
	border-bottom:2px #666 solid;
}
#menu ul.level3{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	color:#333;
	background:#F3F3F3;     /* ========================  CHANGE SCHOOL COLOR  */
	padding:1px 1px 0 1px;
	border:1px #666 solid;
	border-right:2px #666 solid;
	border-bottom:2px #666 solid;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	display:inline-block;
	display:inline;
}
#menu li.level0 {
	width:150px;
}
#menu ul {
	position:absolute;
	left:-9999px;
}
#menu ul.level1 {
	position:absolute;
	left:0;
	top:10px;
	width:130px;
}
#menu a {
	display:block;
	font:normal 11px verdana, arial, sans-serif;
	color:#fff;
	line-height:22px;
	text-decoration:none;
	padding:0 20px 0 10px;
	border-bottom:1px solid #36C;     /* ========================  CHANGE SCHOOL COLOR  */
}
#menu ul.level2 a {
	display:block;
	font:normal 11px verdana, arial, sans-serif;
	color:#333;
	line-height:22px;
	text-decoration:none;
	padding:0 20px 0 10px;
	border-bottom:1px solid #009;     /* ========================  CHANGE SCHOOL COLOR  */
}
#menu ul li:hover > ul {
	visibility:visible;
	left:100%;
	margin-top:-24px;
	margin-left:-1px;
}
#menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {
	left:100%;
	visibility:visible;
}
#menu a:hover ul ul, #menu a:hover a:hover ul ul {
	left:-9999px;
}
#menu li a:hover {
	background:#fff;
	color:#000000;
}
#menu li:hover > a {
	background:#fff;
	color:#000000;
}
#menu li a.fly {
	background: url(/export/system/modules/net.nnps.schools/resources/Aada/Images/arrow.gif) no-repeat right top;
}
#menu li a.fly:hover {
	background:#fff url(/export/system/modules/net.nnps.schools/resources/Aada/Images/arrow.gif) no-repeat right top;
	color:#000000;
}
#menu li:hover > a.fly {
	background:#fff url(/export/system/modules/net.nnps.schools/resources/Aada/Images/arrow.gif) no-repeat right top;
	color:#000000;
}
#menu table {
	position:absolute;
	left:99%;
	height:0;
	width:0;
	border-collapse:collapse;
	margin-top:-7px;
	margin-left:-1px;
}
/* === End Menu CSS === */

.menudrop {width:720px; height:30px; font-size: 0.9em; position:relative; z-index:1000;border-right:0px solid #000; }
* html .menudrop {width:721px; w\idth:720px;}
.menudrop ul {padding:0;margin:0;list-style-type:none;}
.menudrop ul ul {width:210px;}
.menudrop li {float:left;margin:0 15px 0 15px; width:210px; position:relative;}
.menudrop a, .menudrop a:visited {display:block; text-decoration:none; color:#DEECFA; width:210px; height:30px; border:0px; padding-left:10px; line-height:25px; font-weight:bold;}
* html .menudrop a, * html .menudrop a:visited {width:210px; w\idth:208px;}
.menudrop ul ul a.drop, .menudrop ul ul a.drop:visited {background:#d4d8bd;}
.menudrop ul ul a.drop:hover{background:#c9ba65;}
.menudrop ul ul :hover > a.drop {background:#c9ba65;}
.menudrop ul ul ul a, .menudrop ul ul ul a:visited {background:#e2dfa8;}
.menudrop ul ul ul a:hover {background:#b2ab9b;}
.menudrop ul ul {visibility:hidden; position:absolute;height:0;top:29px;left:-15px; width:210px;border-top:0px;}
* html .menudrop ul ul {top:29px;t\op:30px;}
.menudrop ul ul ul{left:210px; top:0px; width:210px;}
.menudrop ul ul ul.left {left:-210px;}
.menudrop table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.menudrop ul ul a, .menudrop ul ul a:visited {background:#F3F5F8 url(/export/system/modules/net.nnps.schools/resources/Aada/Images/bluebar2.png) repeat-x; color:#006; height:auto; line-height:1em; padding:6px 10px; width:200px; border-width:0 1px 1px 1px;}
* html .menudrop ul ul a, * html .menudrop ul ul a:visited {width:210px;w\idth:200px;}
.menudrop a:hover, .menudrop ul ul a:hover{color:#fff; background:#8ca4d1 url(/export/system/modules/net.nnps.schools/resources/Aada/Images/bluebar.png) repeat-x;}
.menudrop :hover > a, .menudrop ul ul :hover > a {color:#fff; background:#8ca4d1 url(/export/system/modules/net.nnps.schools/resources/Aada/Images/bluebar.png) repeat-x;}
.menudrop ul li:hover ul,
.menudrop ul a:hover ul{visibility:visible;}
.menudrop ul :hover ul ul{visibility:hidden;}
.menudrop ul :hover ul :hover ul{ visibility:visible;}