/*
Author: Greg Pullman 
Nov 2005 - Feb 2006

===========

Contents:

STRUCTURE - page-wide settings, e.g. wrapper, h1, body
TOPBAR - top header bar with logos
MAIN NAVIGATION - main navigation bar with Home, The School etc buttons and associated shading
SIDENAV - all the navigation down the left side
CONTENT - page content
IMAGE - thumbnail image
DATESTAMP - last updated text
BREADCRUMB TRAIL - the breadcrumb trail
FOOTER - page footer

=============

Known Issues:
* IE doesn't underline links in breadcrumb or footer
* IE's 'dotted' underline appears as 'dashed'
* Non-content elements overlay others when magnification too great (Firefox only, but only because IE doesn't allow magnification that strong)



*/


/*
---------
STRUCTURE
---------
*/

/* First two elements force page to be at least one screen long (100% of viewport) so footer sits at bottom of screen */


#wrapper { /* Settings affecting whole page  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	position: absolute;
	top: 0;
	left: 0;
}


h1 {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	background-color: #fff;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background-color: #fff;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	background-color: #fff;
}

/*
---------
TOPBAR
---------
*/

#topbar	{
display: none;
}

#topbar1 { /* First row in header with links */
	background-color: #000;
	height: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}


#topbar2 { /* Second row of header with logos */
	color: #000;
	background-color: #fff;
}

#topbar2 .align-left a:link img { /* Location of left logo */
display: none;
}

#topbar2 .align-right a:link img { /* Location of right logo */
display: none;
}

#topbar2 img {
	display: none;
}
/*
-------------------
MAIN NAVIGATION BAR
-------------------
*/


#mainnav {
	display: none;
}

#mainnavleftcorner { /* The left corner of the shading under the nav bar and the grey panel to its left */
	display: none;
}


#mainnavrightcorner { /* The right corner of the shading under the nav bar */
	display: none;
}


#mainnavshading { /* Drop shadow under the nav bar */
	display: none;
}


/*
---------------
SIDE NAVIGATION
---------------
*/



#sidenav ul  { /* Any items in the menu which aren't links */
	font-size: 1.0em;
	font-weight: bold;
	color: #399;
}

#sidenav ul ul { /* Second level menu items */
	font-size: 0.9em; /* 0.9em down from the size in #sidenav ul */
	font-weight: normal;
}

#sidenav ul ul ul { /* Third to fifth level menu items */
	font-size: 0.8em;  /* 0.8em down from the size in #sidenav ul ul */
}

#sidenav ul ul ul ul { /* Fourth and subsequent level menu items */
	font-size: 1.0em;  /* Same size as size specified in #sidenav ul ul ul*/
}


#sidenav a:link {
	color: #036;
}

#sidenav a:visited {
	color: #769;
}


#sidenav .selected { /* The menu item currently selected */
	color: #660	!important;
}



/*
-------
CONTENT
-------
*/


#content { /* Where the page content goes */
	width: 90%;
}

#content a:link {
	text-decoration: underline;
	color: #333;
	background-color: #fff;
}

#content a:visited {
	color: #999;
	background-color: #fff;
}



/*
-----
IMAGE
-----
*/

#image {
	position: absolute;
	top: 4pc;
	right: 1pc;
	border: 1px solid #000;
}

#image p {
	text-align: right;
	margin: 0.2pc 0.2pc 0 0.2pc;
}

#frontimage {
	display: none;
}


/*
---------
DATESTAMP
---------
*/


#datestamp {
	position: relative;
	bottom: 1.5pc;
	text-align: right;
	font-size: 8pt;
	color: #000;
	background-color: #fff;
	margin-left: 5pc;
	width: 75%;
}


/*
----------------
BREADCRUMB TRAIL
----------------
*/


#breadcrumb	{
	position: absolute;
	top: 5pc;
	left: 1pc;
	color: #000;
	background-color: #fff;
	font-size: 7pt;
}

#breadcrumb a:link {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}



/*
------
FOOTER
------
*/

#compliance {
	display: none;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1.6em;
	background-color: #FFF; 
	color: #000;
	text-align: center;
	padding-top: 0.1pc;
	font-size: 8pt;
}

#footer .align-right {
	display: none;
}