body {
	background-color: #D6D5D1;
	color: #666;
	padding: 13px 0;
	margin: 0;
	text-align: center; /* centers children for IE because it doesn't understand "margin: 0 auto;" */
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a, a:link, a:visited, a:active {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

h1, h2 {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 0; 
	margin-left: 0;
}

h1 {
	color: #FF8600;
}


/* Layout wrappers */

#shrinkwrap1 {
	margin: 0 auto;
	border: 2px solid #CBC3C0;
	text-align: left; /* reset text-alignment from IE fix */
	background-color: #FFF;
	min-height: 600px;
	width: 800px;
	width/**/:/**/ 798px;
}


#shrinkwrap2 {
	border: 1px solid #6A5D54;
	padding: 5px 0 5px 5px;
	min-height: 600px;
}

/* Only display vertical line if we are displaying sponsors */
#both #shrinkwrap2 { background: transparent url(/images/bg_sponsors.gif) 100% 191px no-repeat; }
#right #shrinkwrap2 { background: transparent url(/images/bg_sponsors.gif) 100% 191px no-repeat; }


/* Header elements */

/* This element is used to fix the IE6 peek-a-boo bug, 
   see http://www.positioniseverything.net/explorer/peekaboo.html */
#headwrap {
	width: 100%;
	height: 100px;
	margin-bottom: 5px;
}

/*#content { position: relative; }*/

#schoollogo {
	width: 119px;
	margin-right: 5px;
	background-color: #C8C2AC; 
	float: left;
	height: 100px;
}

#schoolphoto {
	width: 312px;
	margin-right: 5px;
	background-color: #C8C2AC; 
	float: left;
	height: 100px;
}

#schoolquote {
	width: 344px;
	background-color: #C8C2AC; 
	float: left;
	height: 100px;
}


/* Main navigation bar */

#schoolnav {
	background-color: #82765C; 
	color: #FFF;
	clear: left;
	font: 10px verdana;
	padding: 3px 0;
	margin-bottom: 5px;
	line-height: 2em;
	margin-right: 5px;
}

#schoolnav a {
	color: #FFF;
  text-decoration: none;
}

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

#schoolnav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#schoolnav ul li {
	margin-left: 0;
	padding: 3px 7px;
	border-right: 1px solid #FFF;
	list-style: none;
	display: inline;
}

#schoolnav ul li#schoolname {
	border-right: 3px double #FFF;
	font-weight: bold;
}

#schoolnav ul .last {
	border-right: none;
}


/* Grey title bar */

#titlebar {
	background-color: #D6D5D1;
	padding: 10px;
	color: #000;
	margin-bottom: 5px;
	margin-right: 5px;
}

#titlebar a { color: #000 }

#titlebar h1 {
	margin: 0;
	font: italic 18px helvetica;
	color: #000;
}

#breadcrumb {
	float: right;
	padding: 5px;
}

.separator {
	padding: 0 0.5em;
}


/* Main content */

#right #content {
	margin-left: 10px;
	margin-right: 146px;
}

#left #content {
	margin-left: 135px;
	margin-right: 10px;
}

#both #content {
	margin-left: 135px;
	margin-right: 146px;
}

#content li {
	padding: 0.5em;
}

#footer {
	clear: both;
	font: italic 9px verdana;
	color: #999;
	margin-top: 1em;
}


/* Side navigation */

#right #sidenav {
	display: none;
}

#sidenav {
	float: left;
	font: 10px verdana;
}

#sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px; /* Width of Menu Items */
	border-bottom: 1px solid #D1D2D4;
}
	
#sidenav ul li {
	margin: 0;
	padding: 0;
}
	
#sidenav li ul {
	display: none;
	border: 0;	
}

/* Styles for Menu Items */
#sidenav ul li a {
	display: block;
	text-decoration: none;
	background: #FFF; /* IE6 Bug fix */
	padding: 5px;
	border-top: 1px solid #D1D2D4; /* IE6 Bug fix */
	border-bottom: 0;
	color: #666;
}

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

#sidenav ul ul li a {
	border-top: 0;
}
	
/* Holly Hack. IE Requirement \*/
* html #sidenav ul li { float: left; height: 1%; }
* html #sidenav ul li a { height: 1%; }
/* End */

body #sidenav ul li.over ul { display: block; } /* The magic */
body #sidenav ul li.over a { background-color: #F3F3F4; }

.active {
	background-color: #F3F3F4;
}

body #sidenav ul ul li.active a {
	background-color: #D6D5D1;
}

/* Sponsors */

#left #sponsors {
	display: none;
}

#sponsors {
	float: right;
	width: 136px;
	padding-right: 5px;
}

#keysponsors {
	margin-top: 5px;
	text-align: center;
}

#keytitle {
	margin-top: 0;
	background-color: #82765C; 
	color: #FFF;
	font-size: 10px;
	padding: 5px;
}


/* Beginning of Alchemy's css */

h3 {
	font-family: Verdana;
	font-size: 14pt;
	color: #E87D14;
	font-weight: normal;
}

h4 {
	font-family: Verdana;
	font-size: 12pt;
	color: #82765C;
	font-weight: bold;
}

td {
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;	
}

select {
	font-size: 10px;
}

.formTable {
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: #9C9877;
}

.tableHeader {
	font: 14px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: White;
/*	background-color: #968D70; */
	background-color: #82765C;
	line-height: 150%;
	padding-left: 2mm;
}

.tableSubHeader {
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
/* 	background-color: #C7C4AE; */
	background-color: #FFFFFF;
	line-height: 150%;
	padding-left: 2mm;
}

/* Same background colour as tableHeader - white 12 px text */
.tableDarkWhite {
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: White;
	background-color: #82765C;
	line-height: 150%;
	padding-left: 2mm;
}

.tableBody {
/*  background-color: #E8E8CA; */
	background-color: #F0ECE1;
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	line-height: 150%;
	padding-left: 2mm;
}

.tableBody a {
	text-decoration: underline;
	color: #666;
}

.tableBody a:visited {
	text-decoration: underline;
	color: #666;
}


div#copyright {
  font-family: sans-serif;
  font-size: 8pt;
  color: #666;
}

table.header {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: none;
  border-spacing: 0px;
}
  
tr.header {
  margin: 0px;
  padding: 0px;
  border: none;
  border-spacing: 0px; 
}

img.header {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  border-spacing: 0px;
}

td.header {
  margin: 0px;
  padding: 0px; 
}

/* Image on intro pages */
img.bodyGraphic {
	padding-right: 1cm;
  float: right;
}


.editlet {
	text-align: left;
}

/* Styles for style selection from editlet */
.bodyText {
	color: #666;
	padding: 13px 0;
	margin: 0;
	font: 12px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* equivalent of h3 */
.heading {
  font-family: Verdana;
	font-size: 14pt;
	color: #E87D14;
	font-weight: normal;
}

/* equivalent of h4 */
.subHeading {
  font-family: Verdana;
	font-size: 12pt;
	color: #82765C;
	font-weight: bold;
}