body {
	text-align: center;
}

li {
	text-indent: 0;
}

#wrapper {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

#title {
	height: 170px;
	background-image: url(../images/title.png);
}

#footer {
	height: 30px;
	background-image: url(../images/footer.png);
}

#body {
	margin: 20px 40px 20px 40px;
	font-family: Arial;
}
#remark {
	color: red;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
}
.statement {
	color: #672900;
	font-size: 11pt;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
}

/* MENU */
#menubar {
	width: 528px;
	height: 34px;
	background: url(../images/menubutton.png);
	margin: 0;
	padding: 0;
	position: relative;
	left: 40px;
	top: -10px;
}

#menubar li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#menubar li, #menubar a {
	height: 34px;
	display: block;
}
#menubar a {
	font-family: Arial;
	font-size: 14;
	font-weight: bold;
	text-decoration: none;
	color: white;	
	text-align: center;
	padding-top: 7px;	
}

#menubar1 {left: 0; width: 132px;}
#menubar2 {left: 132px; width: 132px;}
#menubar3 {left: 264px; width: 132px;}
#menubar4 {left: 396px; width: 132px;}

#menubar1 a:hover, #menubar2 a:hover, #menubar3 a:hover, #menubar4 a:hover {
	background: transparent url(../images/menubutton.png) 0 -34px no-repeat;
}

#menubar1 a:active, #menubar2 a:active, #menubar3 a:active, #menubar4 a:active {
	background: transparent url(../images/menubutton.png) 0 -68px no-repeat;
}


/* CYCLOCROSS */

div.ctitle {
	font-size: 16pt;
	font-weight: bold;
	color: #672900;
	margin-top: 10px;
}
div.cdate {
	font-size: 8pt;
	margin-left: 10px;
}
div.cbody {
	font-size: 11pt;
	text-indent: 30px;
	margin-left: 10px;
}

div.cssnippet {
	background-image: url(../images/cyclosnippet.png);
	background-repeat: no-repeat;
	padding: 5px 20px 10px 20px;
}
div.cstitle {
	margin-top: 10px;
}
a.cstitle {
	font-size: 10pt;
	color: #672900;
	text-decoration: none;
	font-weight: bold;
}
a.cstitle:hover {
	text-decoration: underline;
}
div.csdate {
	margin-left: 5px;
	font-size: 8pt;
}
.csdes {
	display: inline-block;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 9pt;
	font-weight: bold;
	color: #672900;
}
.csval {
	display: inline-block;
	font-size: 9pt;
}
div.csabstract {
	font-size: 10pt;
	margin-left: 10px;
}

/* Comments */

div.commentadd {
	margin-bottom: 50px;
}
div.commenttitle {
	color: #672900;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
}
div.commentdes {
	color: #672900;
	font-size: 9pt;
	font-weight: bold;
	display: inline-block;
	margin: 0 10px 0 20px;
}
div.commentquestion {
	font-size: 10pt;
	display: inline-block;
}
input.commentname {
	width: 580px;
}
div.commentfield {
	margin-left: 20px;
}
div.commentsubmit {
	text-align: right;
	width: 600px;
}
a.commenttl {
	font-size: 8pt;
	text-decoration: none;
	color: blue;
}
a.commenttl:hover {
	text-decoration: underline;
}
div.commentbox {
	margin-left: 15px;
}
div.commentcname {
	color: #672900;
	margin-top: 12px;
}
div.commentcdate {
	font-size: 8pt;
	margin-left: 10px;
}
div.commentccomment {
	margin-left: 10px;
}

/* Embedded Images */
div.cphoto {
	padding: 5px 10px 5px 10px;
	margin: 0px;
		text-indent: 0px;
}
div.cphotocaption {
	font-size: 9pt;
	width: 280px;
}
img.cphotoimg {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Map */

div.map {
	text-align: center;
}

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}