body {
	background-color: #fff;
	font-family: arial, sans-serif;
	font-size: 62.5%;
}

img { border: none; }
.photobox { width: 100%; text-align: center; }

img.photo { padding: 4px; border: solid 1px #aaa; margin: 8px auto; }

img.map { padding: 4px; display: block; border: solid 1px #aaa; margin: 8px auto; width: 400px; height: 400px; }

.block { display: block; }
.inline { display: inline; }

.photocomments {
	display: block;
	text-align: center;
	margin: 4px auto;
	font-size: 0.8em;
	color: #343434;
}

.narrow {
	width: 45em;
	margin: 0em auto;
}

h1 {
	font-family: "tahoma", sans-serif;
	letter-spacing: -1px;
	font: normal 2em sans-serif;
	margin: 0px;
	text-align: left;
	color: #1483B1;
}

h2 {
	letter-spacing: -0.05em;
	margin: 0.5em 0em 0.5em;
	font: normal 1.3em sans-serif;
	color: #4bb76b;
	text-align: left;
}

h3 {
	letter-spacing: -0.05em;
	margin: 0.5em 0em;
	font: normal 1.4em sans-serif;
	color: #B67006;
	text-align: center;
}

p
{
	margin: 1em 1em;
}

.underline { text-decoration: underline; }

#box
{
	width: 838px;
	margin: 32px auto 0px;
}

#courtesy {
	width: 100%;
	background-color: transparent;
	text-align: right;
}

#courtesy ul {
	list-style-type: none;
}

#courtesy ul li {
	display: inline; margin: 0px 4px;
}

#courtesy a { 
	color: #1483B1;
}

#title {
	width: 100%;
	margin: 0px auto;
	height: 80px;
	background-color: transparent;
	color: #000;
	padding: 0px 0px 32px 0px;
}

#title .left
{
	width: 60%;
	text-align: left;
	float: left;
	padding: 32px 0px 0px;
}

img.logo { width: 380px; height: 63px; border: 0px; }

#title .right
{
	width: 38%;
	text-align: right;
	color: #999;
	float: right;
	padding: 1em 0.4em 0em;
	font: normal 1.4em arial, sans-serif;
}

#wrapper {
	width: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	padding: 6px;
	border: none;
}

#nav {
	width: 100%;
	/*background-color: #efefef; #096C96;*/
	border-bottom: solid 1px #aaa;
	padding: 0px 0px 4px 0px;
	height: 32px;
}

#nav .content {
	padding: 2px;
}

#nav .content ul {
	margin: 0px; padding: 0px;
}

#nav .content ul li {
	display: inline;
	font-size: 1.2em;
	margin-right: 2em;
}

#nav .content ul li a {
	color: white;
	text-decoration: none;
	display: block; float: left;
	width: 140px; height: 20px;
	margin: 0px 1px 0px;
	text-align: center;
	padding: 8px 0px 2px;
	/*border-right: solid 1px #1483B1;*/
	text-transform: uppercase;
}

.red { background-color: #B93939; }
.red:hover { background-color: #E16969; }

.orange { background-color: #E49C2A; }
.orange:hover { background-color: #EACE84; }

.blue { background-color: #1C72A3; }
.blue:hover { background-color: #9ACEEC; }

.green { background-color: #80C634;}
.green:hover { background-color: #9DE74D; }

#bannerimage {
	height: 350px;
	background-color: transparent;
	margin: 8px 0px 0px;
}

#main {
	background-color: #fff;
}

#main .content {
	padding: 16px;
	font-size: 1.2em;
	color: #666;
	line-height: 1.5em;
}

#main .content a { color: #096C96; }

img.brochure {
	width: 250px; height: 20px;
	display: block;
	border: solid 1px #aaa;
	margin: 4px auto 0px;
	padding: 8px;
}
img.regcert { 
	width: 48px; height: 80px; 
	border: solid 1px #aaa;
	margin: 16px auto;
}
.regtext {
	margin: 16px auto;
	width: 60%; height: 80px; 
}


p.hometext { font-size: 1.8em; color: #aaa; line-height: 1.5em; }

#pageleft {
	width: 35%;
	float: left;
	padding: 0px; margin: 0px;
}

#pageright {
	width: 65%;
	float: right;
	padding: 0px; margin: 0px;
}

#footer {
	width: 100%;
	background-color: #fff;
	margin: 32px 0px 0px;
}

#footer .content {
	padding: 16px;
	font-size: 1.2em;
	border-top: solid 1px #ccc;
	text-align: right;
	color: #aaa;
}

#footer .content a {
	color: #aaa;
}


.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.narrow { width: 35%; }
.wide { width: 64%; }
.normal { width: 48%; }

.centre { text-align: center; }

table { }
.month { font-size: 1.0em; font-weight: bold; background-color: #444; color: white; text-align: center; }
.day { font-size: 0.8em; font-weight: normal; background-color: #666666; color: white; text-align: center; }
.cell { font-size: 0.8em; font-weight: normal; background-color: #efefef; color: black; text-align: center; border: solid 1px #aaa; }
.reserved { font-size: 0.8em; font-weight: normal; background-color: #bf0000; color: black; text-align: center; border: solid 1px #aaa; }

#keytable { border: solid 1px #555; margin-top: 1em; }
#keytable td { border: solid 1px #aaa; }

.redtext { color: #bf0000; }
.greentext { color: #80C634; }
.bluetext { color: #1C72A3; }

#materials {
}

#materials td.material {
	width: 100px; height: 100px; padding: 8px;
}

#materials td.detail {
	vertical-align: top;
	padding: 0em 1em;
}

.image img { padding: 4px; border: solid 1px #aaa; }