html, body
{
	margin: 0;
	padding: 0;
	background-color: #948aa3; /* blue/gray */
	color: #26163f; /* indigo */
}

#pagewidth
{
	max-width: 1166px;
	min-width: 750px;
	text-align: left;
	width: 100%;

	background-color: #FFFFCC; /* parchment */
	position: absolute;
	background-image: url("images/purple.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}

#maincol
{
	margin-left: 1em;
	margin-right: 1em;
	position: relative;
}

#nav
{
	float: left;
	position: relative;
	width: 30%;
}

#menu, #submenu
{
	border-collapse: collapse;
}

#menu
{
	margin: 2em;
}

#submenu
{
	margin: 3pt;
	margin-left: 2em;
	border-left: solid 1px #f1d5a9;
}

#nav td
{
	padding: 0;
	margin: 0;
	border-top: solid 1px #02228D;
	border-bottom: solid 1px #02228D;
	color: #02228D;
	font-weight: bold;
	font-style: italic;
}

#nav a, #nav p
{
	display: block;
	position: relative;
	text-decoration: none;
	color: #02228D;
	padding: 4pt;
	padding-right: 2em;
	margin: 0;

}

#nav a:hover
{
	background-image: url("images/light.jpg");
	background-attachment: fixed;
	color: #26163f;
}

#submenu td
{

	border: 0;
}

#submenu a
{
	font-weight: normal; 
	padding: 2pt;
	margin: 0;
}

#titleimage
{
	padding: 1em;
	padding-left: 3em;
	margin: 0;
}

body
{
	
}

/* basic font def. */
p, li, td, th, h1, h2, h3, h4
{
	font-family: "Times New Roman", Times, serif;
}

h1, h2, h3, h4
{
	font-weight: bold;
	color: #3a225f;
}

p
{
  font-size: 14pt;
  margin: 6pt 0 12pt 0;
  padding: 0;
}

li, th, td, dt, dd
{
	font-size: 14pt;
}

dt
{
	font-weight: bold;
}

.boxout li
{
	list-style-image: url("images/bar.png")
}

h1
{
	text-align: center;
  font-size: 50pt;
  font-style: italic;
  background-color: #f1ddee; /*	#9d8fdd blue */
  margin-top: 1em;
  margin-bottom: 1pt;
  padding: 6pt;
  background-image: url("images/light.jpg");
	background-position: middle right;
	background-repeat: repeat;

}

h2
{
	font-size: 24pt;
	font-style: italic;
	text-align: left;
	margin: 6pt 0 6pt 0;
	padding: 0;
	padding-left: 1em;
	padding-bottom: 4pt;
	border-bottom: solid 1px #02228D;
}

h3
{
	font-size: 20pt;
	text-align: left;
	margin: 6pt 0 6pt 0;
	padding: 0;
	padding-bottom: 4pt;
}

.minibox h3
{
	font-size: 20pt;
	text-align: center;
	margin: 6pt 0 6pt 0;
	padding: 0 2em 0 2em;
	background-image: url("images/normal.jpg");
	background-attachment: fixed;
	border-top: solid 1px #02228D;
	border-bottom: solid 1px #02228D;
	background-position: 50% 50%;
}

.subhead
{
	background-image: url("images/light.jpg");
	background-attachment: fixed;
	padding: 6pt;
	background-position: 50% 50%;
	display: block;
	position: relative;
}

h4
{
	font-size: 16pt;
	text-align: left;
	margin: 6pt 0 6pt 0;
	padding: 0;
}

#content
{
	float: left; 
	position: relative; 
	width: 68%; 
}

th
{
	text-align: right;
}

.minibox
{
	width:49%;
	position: relative;
}

.boxout
{
	padding: 1em;
	background-color: #f2eff6;
	margin: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.tagline
{
	text-align: center;
	font-style: italic;
	font-size: 16pt;
}

.trail
{
	float: right;
	margin: 3pt;
	font-style: italic;
	font-size: 16pt;
}

.trail a
{
	color: #26163f; /* indigo */
	text-decoration: none;
}

.centre
{
	text-align: center;
}

.signature
{
	text-align: right;
	font-style: italic;
}

.quote
{
	font-style: italic;
}

.wideinput
{
	width: 75%;
}

.paper
{
	display: block;
	border: 1px solid black;
	border-bottom-width: 3px;
	border-right-width: 3px;
	background-color: white;
	padding: 1em;
}

.paper p, .paper li
{
	font-family: "Comic Sans MS", cursive;
}


/* link styles */
a
{
	color: #02228D;
}

a:hover
{
	color: #9a5bdb;
}

.advert
{

	text-align: center;
	margin-top: 1em;
	padding: 2em;
	border: 0;
	border-top: 1px solid #26163f;
	clear: both;
}

.boximage
{
	float: left;
	position: relative;
	padding: 0;
	margin-right: 6pt;
	margin-bottom: 3pt;
}

.boximage img
{
	border: 1px solid #02228D;
}

.schedule
{
	border-collapse: collapse;
	border: 1px solid #f1d5a9;
	width: 100%;
}

.schedule td, .schedule th
{
	border: 1px solid #f1d5a9;
	padding: 3pt;
}