html {margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	background: #003366;
	font: 80% "Bookman Old Style", "Times New Roman", serif;
	color: #FFFFFF;
}
h1 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
}
.eventheading {
	font-size: 1.1em;
	font-weight: bold;
}

h2 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
h3 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}
h4 {
	font: bold 1.2em "Bookman Old Style", "Times New Roman", serif;
}
a:link {
	color: #FFFF99;
}
a:visited {
	color: #FFFF99;
}
a:hover {
	color: #66CCFF;
}
#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: absolute;
	left: 10px;
	width: 200px;
	padding-top: 10px;
	font: 1.4em Arial, Helvetica, sans-serif;
}
#middlebox {
	margin: 0 170px 0 215px;
	border-left: 1px solid #66CCFF;
	border-right: 1px solid #66CCFF;
	padding: 10px;
	font-size: 1.2em;
}

#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: absolute;
	right: 25px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/index.shtml ***/
	width: 140px;
	padding-top: 10px;
	text-align: center;
}
#footer {
	font: 1em Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 20px;
}
#header {
	border-bottom: 2px solid #66CCFF;
	width: 100%;
}
#header #headname {
	margin-top: 0px;
	margin-left: 0px;
	width: 450px;
	float: left;
}
#header #headphoto {
	text-align: right;
}


#leftbox a {
	margin: 0px;
	text-decoration: none;
}
#leftbox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#leftbox li {
	margin: 0px;
	padding: 0.5em 0px 0.25em 30px;
}
#indexpage #leftbox #index a {
	font-weight: bold;
	color: #FFFFFF;
}
#indexpage #leftbox #index {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#poetrypage #leftbox #poetry a {
	font-weight: bold;
	color: #FFFFFF;
}
#poetrypage #leftbox #poetry {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#newspage #leftbox #news a {
	font-weight: bold;
	color: #FFFFFF;
}
#newspage #leftbox #news {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;

}
#shoppage #leftbox #shop a {
	font-weight: bold;
	color: #FFFFFF;
}
#shoppage #leftbox #shop {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#biographypage #leftbox #biography a {
	font-weight: bold;
	color: #FFFFFF;
}
#biographypage #leftbox #biography {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#bibliographypage #leftbox #bibliography a {
	font-weight: bold;
	color: #FFFFFF;
}
#bibliographypage #leftbox #bibliography {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#societypage #leftbox #society a {
	font-weight: bold;
	color: #FFFFFF;
}
#societypage #leftbox #society {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#linkspage #leftbox #links a {
	font-weight: bold;
	color: #FFFFFF;
}
#linkspage #leftbox #links {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#faqpage #leftbox #faq a {
	font-weight: bold;
	color: #FFFFFF;
}
#faqpage #leftbox #faq {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#contactpage #leftbox #contact a {
	font-weight: bold;
	color: #FFFFFF;
}
#contactpage #leftbox #contact {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}
#comppage #leftbox #comp a {
	font-weight: bold;
	color: #FFFFFF;
}
#comppage #leftbox #comp {
	background: url(images/currentarrow.gif) no-repeat left 0.6em;
}

.leftfloat {
	float: left;
	margin-right: 10px;
}
#item1 {
	clear: left;
	width: 40%;
	border: thin solid #6699FF;
	left: 5%;
	top: 20px;
	float: none;
}
#indexpage #middlebox table {
	clear: left;
	border: thin solid #6699FF;
	margin-top: 20px;
}

#item2 {
	margin: 20px;
	width: 40%;
	top: 20px;
	left: 50%;
}


.rightfloat {
	float: right;
	margin-left: 10px;
}
.clearboth {
	clear: both;
}