body { font-family: Tahoma, Arial, Verdana, sans-serif;}

p { margin-top: 15px; text-align: justify; }

ul { padding-left: 0; list-style-type: none; }

table { font-size: 10pt; }

img { border: 0; }

/* Structural elements in order they appear on the page */

div.headbar {
	width: 800px;
	height: 200px;
	top: 20px;
	margin: 0px auto;
}

div.hornav1 { /* Main horizontal navigation bar */
	width: 800px;
	height: 40px;
	top: 220px;
	background: #3ba3db;
	margin: 0px auto;
}

div.hornav1el { /* Main nav bar element */
	width: 128px;
	height: 38px;
	float: left;
	background: #3ba3db;
	border-width: 0;
	border-style: solid;
}

div.hornav2 { /* Sub horizontal navigation bar */ 
	width: 800px;
	height: 22px;
	top: 260px;
	background: #cb2030;
	margin: 0px auto;
}


div.hornav2el { /* Sub nav bar element width not specified as boxes vary. */
	height: 16px;
	float: left;
	background: #cb2030;
	padding: 3px 5px;
	margin: 0 2px; /* Text is 3px from the top (3px padding, 0px margin) */
	font-size: 10pt;
	color: white;
}

div.hornav2ela { /* Sub nav bar element active tab */
	height: 16px;
	float: left;
	background: white;
	padding: 1px 5px 3px 5px; /* The odd padding gets text in this class level with text in hornav2el */
	margin: 2px 2px 0 2px; /* Text is 2px + 1px = 3px from the top */
	font-size: 10pt;
	color: #cb2030;
}

div.borderleft { /* For any left border. Width specified, but not height. */
	width: 16px;
	background: url("resources/bdr_sm_l.png") repeat-y;
}
div.borderright { /* For any left border. Width specified, but not height. */
	width: 16px;
	background: url("resources/bdr_sm_r.png") repeat-y;
}

div.main { /* No height specified, but it may be better to have a standard height eventually */
	width: 800px;
	margin: 0 auto;
}

div.content {
	width: 738px;
	margin: 15px 0 15px 15px;
	float: left;
}

div.floatdates {
	width: 180px;
	background: #cb2030;
	color: #ffffff;
	float: right;
	padding: 10px;
	margin: 15px 0 0 15px;
}

div.activities {
	background: #1c6c97;
	color: #a9d7ef;
	padding: 10px;
	margin: 15px 15px 0 0;
}

div.schdiscl {
	width: 209px;
	height: 100px;
	text-align: justify;
	margin: 0;
	padding: 7px 8px;
	background: #891521;
	color: #f1acb3;
	font-size: 10pt;
	float: left;
}

div.footlinks {
	width: 800px;
	height: 22px;
	background: #cccccc;
	margin: 0 auto;
}

div.footcont {
	width: 762px;
	float: left;
	height: 14px;
	padding: 3px;
	font-size: 10pt;
	text-align: center;
}

div.footbar {
	width: 800px;
	height: 35px;
	margin: 0 auto;
}

/* Rows in Junior, Senior and Easter pages as necessary (for IE workarounds) */

div.rowj1 {
	width: 738px; height: 195px;
}

/* Specialised classes */

span.conttitle { /* For titles in content */
	color: #999999;
	font-size: 16pt;
	font-weight: bold;
	margin-left: 15px;
}

li.fldatl { text-align: left; font-weight: bold; }
li.fldatr { text-align: right; }

td.dark	{ padding: 5px; background: #999999; font-weight: bold; color: black; }
td.light { padding: 5px; background: #cccccc; font-weight: normal; color: black; }

/*For changing images on hover for the index page
a.snrswap { background-image: url(resources/idx-snr.png); }
a.snrswap:hover { background-image: url(resources/idx-snr-alt.png); }*/

/* Links */

a:link { color:#1c6c97; text-decoration: none; }
a:visited { color: #1c6c97; text-decoration: none; }
a:hover { color: #3ba3db; text-decoration: underline; }
a:active {color: #cb2030; text-decoration: underline; }

a.nav2:link { color: white; text-decoration: none; }
a.nav2:visited { color: white; text-decoration: none; }
a.nav2:hover { color: white; text-decoration: none; border-bottom: dotted 1px; }
a.nav2:active { color: white; text-decoration: underline; }
