html{ font-size:16px; } /* Make sure the default is always 16px */
html { min-height: 100%; margin-bottom: 1px; }
body{
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	background-color: #000099;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	min-width: 650px;
	margin: 0;
	padding-top: 1em;
}
img {
	border: 0;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
}
td {vertical-align:top;}
table {width: 100%;}
h1 {color: #0000cc; text-align: center;}
h2 {color: #cc0000; text-align: center;}
h4 {
	margin:0px;
	font-size:16px;
	color:#000099;
	}
#events h2 {border-top: #0000CC 1px dashed; padding-top: .5em;}
#wrapper {
	min-height:600px;
	background-color: #ffffff;
	text-align: left;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	margin: 0;
}
#nav {
	background-color:#A6A6FF;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding: .5em 0;
	font-size: 1.2em;
	margin-top: -.35em;
	width: 100%;
	}
#nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav li {
	display: inline;
	padding: 0 .75em;
}
#nav a {
	color:#000099;
	text-decoration: none;	
}
#nav a:hover {
	color:#fff;
	text-decoration: underline;	
}
#content {
	font-size: 1.4em;
	padding: .5em;
}
#content p {
	padding: 0 1em;
}
#right {
	text-align:left;
	width: 15em;
	background-color: #CCCCCC;
	padding:.25em .75em;
	margin-top: 2em;
	color: #666666;
}
.floatleft {
	float: left;
	padding-right: .5em;
}
.floatright {
	float: right;
	padding-left: .5em;
}