html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html,body{margin:0;padding:0}
body{font: 100% Georgia, "Times New Roman", Times, serif;text-align:center; background:#cbc599 url(images/bg-body.jpg) repeat-x; color:#464229;}
p{margin:0 0 10px 0}
a { font-weight:bold; color:#464229; text-decoration:none;}
a:hover {text-decoration:underline;}
div#extra a{display:block;color: inherit; text-decoration:none;}
div#container{text-align:left}
	div#extra h1 { clear:left; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:bold; color:#676348; text-align:center; border-top:1px solid #676348; padding:10px 0 20px 0; margin:40px 15px 10px 15px; background:url(images/bg-extra-header.gif) center bottom no-repeat;}
	div#extra a { color:#003399;}
	div#extra h2{ font-size:14px; font-weight:bold; color:#003399; margin:0 0 0 15px;}
	div#extra h3{ font-size:12px; font-weight:bold; color:#003399; margin:0 0 0 15px;}
	div#extra p { font-size:12px;}
	#content .calendar, #extra .calendar, #extra .postit {
		clear:left;
		float:left;
		height:55px;
		width:50px;
		margin:0px 10px 30px 15px;
	}
	
	*html #extra .calendar, *html #extra .postit { display:inline;}
	#content .calendar {margin:20px 10px 30px 0;}
	#content .calendar a { text-decoration:none;} 
	#content .calendar a, #extra .calendar a { color:#676348;}
	#content .calendar, #extra .calendar {background:transparent url(images/calendar.jpg) no-repeat scroll left top;}
	#extra .postit {background:transparent url(images/postit.jpg) no-repeat scroll left top;}
	#content .calendar .month, #extra .calendar .month {
		clear:both;
		color:white;
		display:block;
		font-size:14px;
		font-weight:bold;
		margin-bottom:0pt;
		text-align:center;
	}
	#content .calendar .date, #extra .calendar .date {
		clear:left;
		color:#676348;
		display:block;
		font-size:30px;
		font-weight:bold;
		line-height:1px;
		margin-bottom:0pt;
		margin-top:15px;
		text-align:center;
	}
	#content .calendar .date { margin-top:10px;}
	#extra form {margin: 10px 0 0 15px;}
	#extra .contact_persons li { padding:5px 5px 10px 15px;}
	
div#footer{color: #fff;}
div#footer p{margin:0;padding:5px 0; text-align:left; font-size:12px;}

div#container{width:800px;margin:0 auto;}
div#header{ background:url(images/banner-blue.jpg) 50% top no-repeat; width:800px; height:144px;}
div#wrapper, div#events_wrapper {float:left;width:100%; margin-top:30px;}
div#wrapper {background:url(images/bg-wrapper.gif) repeat-y;}
div#content, div#content_events {margin: 20px 280px 0 0; background-color:#edead1; border:1px solid #fff; padding:0 30px 30px;}
	div#content p, div#content_events p{line-height:1.4}
	div#content h1, div#content_events h1{ font-size:22px; font-weight:bold; padding:20px 0;}
	div#content_events h2 { text-align:center; padding-bottom:20px; font-weight:bold;}
	div#content_events h2 a { color:#464229; font-weight:normal; }
	div#content h2{ font-size:14px; font-weight:bold; padding:10px 0;}
	/* THIS CHANGES THE WIDTH ON THE EVENTS PAGE */
	div#content_events { margin-right: 200px;}
	.pad_left { margin-left:25px;}
div#extra{background:#cfcaa2 url(images/bg-extra-shadow.gif) repeat-x; border:solid #ece9ca; border-width:0 1px; padding:10px 10px 20px 0;}

div#navigation{margin-bottom:2px;}

	.horizontal_menu{
		margin: 0;
		padding: 0;
		float: left;
		font: bold 13px Georgia, "Times New Roman", Times, serif;
		width: 100%;
		text-transform:uppercase;
	}
	
	.horizontal_menu li{
		display: inline;
	}
	
	.horizontal_menu li a{
		float: left;
		color: #12367c;
		padding: 7px 15px;
		text-decoration: none;
		border-left: 1px solid #bdd2fb;
		border-right: 1px solid #8bb1fb;
	}
	
	.horizontal_menu li a:hover, .horizontal_menu li .current{
		color: #464229;
		background: transparent url(images/nav-hover.jpg) center center repeat-x;
		text-decoration:none;
	}

div#extra{float:left;width:238px;margin-left:-250px;}
div#footer{clear:left;width:100%}
.clear { clear:both;}
.top { float:right; text-decoration:none; color:#464229;}
.top:hover { text-decoration:underline;}

#content ol { list-style-type: decimal; padding-left:20px;}
#content ol li { padding-bottom:10px;}
#calendar td {border:1px solid #fff;}

ul.bulleted{
	margin:0 10px 10px 20px;
	list-style-type:circle;
}

/*-------Classes for the floating windows-------*/
				
.floatHeader {
	padding:5px;
	font-weight:bold;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	background:#315477;
	color:#EFEADE;
	text-align:left;
}

.floatHeader2 {
	padding:5px;
	font-weight:bold;
	border:2px solid #FFFFFF;
	background:#315477;
	color:#EFEADE;
	text-align:left;
}

.floatBody {
	padding:5px;
	border:2px solid #FFFFFF;
	background:#D4CAB4;
	color:#000000;
	text-align:left;
	max-width:600px;
}

/*-----------------------------------------*/