html {
	background:#D3D3E5;
	position:relative;
	}
body {
	margin:0px;
	padding:0px;
	font-family:verdana, sans-serif;
	font-size:11px;
	line-height:1.5em;
	color:#000096;
	}
* html body {
	text-align:center;
	}
a:link {
	color:#CFA72F;
}
a:visited {
	color:#AF870F;
}
a:hover {
	text-decoration:none;
}
a:focus {
	border:none;
}
a:link img {
	border:none;
}
#headerbar {
	position:relative;
	width:100%;
	background:#FFF;
	height:48px;
	z-index:1;
	}
* html #headerbar {
	margin-bottom:-9px;
	}
#navbar, #footerbar {
	position:relative;
	width:100%;
	background:#FFF;
	border-top:16px solid #FFF;
	border-bottom:16px solid #FFF;
	}
#navtop {
	width:100%;
	height:34px;
	background:#000096;
	margin-bottom:2px;
	}
* html #navtop {
	}
#subnav, #subfooter {
	width:100%;
	height:20px;
	background:#7979AD;
	font-size:9px;
	font-weight:bolder;
	color:#FFF;
	line-height:20px;
	}
#subnavbox {
	float:right;
	width:532px;
	}
#subnavbox a:link, #subnavbox a:visited {
	color:#FFF;
	margin-right:2.5em;
	}
#subfooter a:link, #subfooter a:visited {
	color:#FFF;
	text-decoration:none;
	}
#subfooter a:hover, #subfooter a:active {
	color:#FAE980;
	text-decoration:underline;
	}
#contentbar {
	position:relative;
	min-height:350px;
	background:#FFF url('images/mane.jpg') top left no-repeat;
	padding:1px;
	overflow:hidden;
	}
* html #contentbar {
	height:350px;
	}
#footertop {
	width:100%;
	height:8px;
	background:#000096;
	border-bottom:2px solid #FFF;
	}
.centerbox {
	width:780px;
	margin:0px auto;
	}
* html .centerbox {
	text-align:left;
	}
.rightbox {
	text-align:right;
	float:right;
	width:40%;
	}
#headerbar img {
	position:relative;
	top:9px;
	}
#navtop img {
	margin-left:16px;
	margin-bottom:-2px;
	}
* html #navtop img {
	margin-left:8px;
	margin-bottom:-2px;
	position:absolute;
	}
#subnav img {
	margin-left:16px;
	}
* html #subnav img {
	position:absolute;
	}
#topblurb {
	position:static;
	float:right;
	padding-top:8px;
	height:24px;
	width:250px;
	font-size:9px;
	line-height:12px;
	text-align:right;
	}
#navtop a {
	display:block;
	float:right;
	width:100px;
	height:22px;
	line-height:22px;
	font-size:11px;
	text-align:center;
	margin-top:12px;
	margin-left:8px;
	background:#FFF url('images/bluecurve.gif') top right no-repeat;
	font-family:"Arial Rounded", "Arial", sans-serif;
	font-weight:bolder;
	}
#navtop a:link, #navtop a:visited {
	color:#000096;
	text-decoration:none;
	}
#navtop a:hover, #navtop a:active {
	color:#7979AD;
	text-decoration:none;
	}
#navtop a.sel:link, #navtop a.sel:visited {
	background:#7979AD url('images/selbluecurve.gif') top right no-repeat;
	color:#FAE980;
	height:24px;
	margin-bottom:-2px;
	}
#navtop a.sel:hover {
	background:#7979AD url('images/selbluecurve.gif') top right no-repeat;
	color:#D3D3E5;
	}
#navtop a.sel:active {
	background:#7979AD url('images/selbluecurve.gif') top right no-repeat;
	color:#FFF;
	}
#contentbar p {
	margin:0px;
	padding:8px 16px 0px 32px;
	}
h1 {
	text-align:right;
	margin:.25em 16px 1em 16px;
	font-size:22px;
	font-weight:700;
	font-family:"Arial Rounded", "Arial", sans-serif;
}
h2 {
	text-align:left;
	margin:1.5em 16px .25em 16px;
	font-size:14px;
	font-weight:600;
	clear:right;
}
.floatright {
	float:right;
	margin:0px 16px;
	}

/* index styles */
#indexmessage {
	position:relative;
	text-align:center;
	margin-top:100px;
	margin-left:115px;
	padding:8px;
	width:534px;
	background:#FFF;
	overflow:hidden;
	filter:alpha(opacity=75);
	opacity:.75;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}
#indexmessage p {
	padding:0px;
	margin:0px;
	font-weight:bolder;
}

/* calendar styles */
table {
	width:748px;
	margin:1em 16px;
	border-collapse:collapse;
}
th {
	background:#000096;
	color:#FFF;
	border:1px solid #000096;
	line-height:2em;
}
th a:link, th a:visited {
	color:#FFF;
	text-decoration:none;
	padding:.2em .5em;
}
th a:hover {
	text-decoration:underline;
}
td {
	width:11.5%;
	border:1px solid #000096;
	vertical-align:top;
	height:100px;
}
td.othermonth {
	background:#D3D3E5;
}
table div.date {
	padding:2px;
	margin:2px;
	height:1.4em;
	width:1.5em;
	line-height:1.4em;
}
td.today div.date {
	color:#CFA72F;
	border:1px solid #C0A844;
	text-align:center;
}
table div.ev {
	padding:4px;
	cursor:pointer;
	cursor:hand;
}
table div.ev:hover {
	background:#F4E97F;
}

#events table {
	width:748px;
	margin:1em 16px;
	border-collapse:collapse;
}
#events th {
	background:#000096;
	color:#FFF;
	border:1px solid #000096;
	line-height:2em;
}
#events th a:link, th a:visited {
	color:#FFF;
	text-decoration:none;
	padding:.2em .5em;
}
#events th a:hover {
	background:#FFF;
	color:#000096;
}
#events td {
	border:1px solid #000096;
	vertical-align:top;
	height: 20px;
	width: 10px;
}

div#evdetails {
	position:absolute;
	z-index:9;
	top:150px;
	left:-4000px;
	/* to be hidden initially, this element is moved 4000px off the page.
	 * I'm not using display:none; or visibility:hidden; because of a 
	 * bug in Safari.  Don't ask me, it's weird. */
	width:400px;
	overflow:hidden;
	height:275px;
	margin:0px 190px;
	background:#FFF;
	border:2px solid #000096;
	white-space: pre; /* Safari */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE */
}
div#evdetails h2 {
	text-align:center;
	font-size:18px;
	font-weight:700;
}
#contentbar #evdetails p.closebox {
	position:absolute;
	width:400px;
	bottom:8px;
	font-size:10px;
	text-align:center;
	padding:0px;
}
p.closebox a:link, p.closebox a:visited {
	text-decoration:none;
}
p.closebox a:hover {
	color:#AF870F;
}

/* photo styles */
#largeimage {
	text-align:center;
}
div.imglist {
	text-align:center;
	float:left;
	margin:0em 0px 1em 16px;
	width:238px;
	height:200px;
	overflow:hidden;

}
div.imglist a {
	font-size:120%;
	font-weight:bolder;
}
div.imglist a:link {
	text-decoration:none;
}
div.imglist a div.imgBound {
	height:178px;
	width:238px;
	overflow:hidden;
}

div.imggallery {
	margin:1em 16px 1em 16px;
	height:140px;
	line-height:120px;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	overflow-y:hidden;
	overflow-x:scroll;
}
div.imggallery img {
	vertical-align:middle;
	margin-left:4px;
	border:1px solid #FFF;
}
div.imggallery a:hover img {
	cursor:pointer;
	border:1px solid #F00;
}

/* contact form styles */
form p {
	line-height:1.8em;
}
label {
	width:100px;
	float:left;
}
input {
	width:300px;
}
textarea {
	width:400px;
}
select {
	width:300px;
}