* { margin: 0; padding: 0; }

/* font */
html { font-size: 100%; }
body { font-size: 0.75em; }
table { font-size: 100%; }
input, select, textarea { font-size: 110%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a { cursor: hand; cursor/**/: /**/pointer; }

.text, textarea { font-size: 110%; }
input.text, textarea { padding: 1px 2px; }
.submit { font-size: 110%; padding: 1px 4px; cursor: hand; cursor/**/: /**/pointer; }
* html .submit { padding: 0; }

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

.floatR { float: right; }
.floatL { float: left; }
.alignR { text-align: right; }

.hide { display: none; }

fieldset {
	border: none;
	margin: 0;
}

a:link, a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
a:link:hover, a:visited:hover {
	text-decoration: underline;
}

/* layout - specific */

body {
	font-family: Arial, Sans-Serif;
	position: relative;
	color: #000000;
}
body.hp {
	text-align: center;
	color: #E5E5E5;
	background: #292826 url(img/page-l.gif) no-repeat 0 225px;
	padding: 0 0 30px 0;
}
body.hp #body2 {
	background: url(img/page-t.gif) repeat-x 0 0;
	min-height: 200px;
}
* html body.hp #body2 {
	height: 200px;
}
body.hp #page {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 755px;
	position: relative;
}

#logo {
	height: 150px;
}
#logo a {
	display: block;
	height: 150px;
	width: 755px;
	position: relative;
}
#logo a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/logo-top1.gif) no-repeat 0 0;
}

#colMain {
	background: url(img/logo-top2.jpg) no-repeat 0 0;
	padding: 36px 24px;
}
#colMain p.intro {
	margin-right: 150px;
	margin-bottom: 50px;
}

.cols {
	zoom: 1;
	overflow: hidden;
	margin: 30px 0;
}
.cols .box {
	float: left;
	width: 201px;
	margin: 0 50px 0 0;
}
.box h2 {
	color: #FFFCFC;
	font-size: 110%;
	padding: 0 0 .35em 0;
}
.box h2 span {
	display: block;
	color: #AEABAB;
	font-size: 90%;
}
.box img {
	display: block;
	margin: 0;
}
.box .when {
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	padding: .2em .3em;
	margin: 0 0 .35em 0;
}

#footer {
	margin: 0 30px 0 0;
	text-align: right;
}
#footer .map {
	padding: 10px 0;
}
#footer .map img {
	margin-left: 20px;
}


#page1 { background: #B593B2; }
#page2 { background: #BEB719; }
#page3 { background: #E6443D; }
#page4 { background: #FBB739; }
#page5 { background: #FF7F2C; }
#page6 { background: #0080E2; }


#event {
	width: 94%;
	overflow: hidden;
	margin: 1em 2.9%;
}
#event .box {
	float: left;
	width: 201px;
	margin: 0 5px 0 0;
}
#event .box h2 {
	margin: 1em 0;
	color: #FFFFFF;
	font-size: 120%;
}
#event .box h2 span {
	color: #FFFFFF;
}
#event .content {
	float: right;
	width: 190px;
}


#event .content2 {
	float: right;
	width: 180px;
}
#event .content p {
	margin: 0 0 .7em 0;
}

.close {
	text-align: right;
}
.close a:link, .close a:visited {
	color: #FFFFFF;
}


#page .last {
	margin-right: 0;
}