/*
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)
* #wrapper if position: absolute, will be limited to 1 page long in Firefox.



*/


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

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

html, body, #wrapper { 
	min-height: 60pc;
	height: 60pc;
}

html>body, html>body #wrapper {
	height: 60pc;
}

#wrapper { /* Settings affecting whole page  */
	width: 40pc;
	margin-top: 2pc;
	padding-top: 1pc;
	margin-bottom: 2pc;
	padding-bottom: 2pc;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 85%;
	position: relative;
	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	{
	position: relative;
	top: 0;
	left: 0;
}


#topbar1 { /* First row in header with links */
	display: none;
}


#topbar2 { /* Second row of header with logos */
	color: #000;
	background-color: #FFF;
	font-size: 16pt;
	margin-left: 1pc;
}

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

#topbar2 .align-right { /* 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 {
	display: none;
}
	



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


#content { /* Where the page content goes */
	margin-top: 9pc;
	margin-left: 1pc;
	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: 0;
	text-align: right;
	font-size: 8pt;
	color: #000;
	background-color: transparent;
	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;
	border-top: 1px dotted #000;
}

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