*{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

body{
	color: #000;
	background-image: url('../img/backgrounds/backgrnd_gray.gif');
	text-align: center;
	font-size: 16px;
	font-family: "Times New Roman", serif;
}

a img{
	border: none;
}

a:active{
	outline: none;
}

a:focus{
	-moz-outline-style: none;
}

p{
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

#container{
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	text-align: left;
}

#content{
	position: absolute;
	width: 1024px;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 1024px;
	height: 768px;
	background-image: url('../img/backgrounds/backgrnd_gray.gif');
}

#tagsContainer{
	position: absolute;
	top: 68px;
	height: 58px;
	width: 100%;
}

#tagsContainer #tagsListScroll{
	position: absolute;
	left: 0;
}

#tagsContainer #tagsScrollLeft, #tagsContainer #tagsScrollRight{
	position: absolute;
}

#tagsContainer #tagsScrollLeft a, #tagsContainer #tagsScrollRight a{
	display: block;
	width: 26px;
	height: 51px;
	background-position: -26px -26px;
}

#tagsContainer #tagsScrollLeft a:hover, #tagsContainer #tagsScrollRight a:hover{
	background-position: -26px -128px;
}

#tagsContainer #tagsScrollLeft a{
	background-image: url('../img/hud/bavo_hud_previous_small.png');
}

#tagsContainer #tagsScrollLeft{
	left: 34px;
}

#tagsContainer #tagsScrollRight{
	right: 29px;
}

#tagsContainer #tagsScrollRight a{
	background-image: url('../img/hud/bavo_hud_next_small.png');
}

#tagsContainer #tagsList{
	position: absolute;
	left: 64px;
	width: 890px;
	height: 50px;
	overflow: hidden;
	background-image: url('../img/backgrounds/bavo_hud_tagbanner.png');
	white-space: nowrap;
	padding: 4px;
}

#home .caption, #tagsContainer .caption{
	margin-bottom: 8px;
}

#home .caption, #home .caption a, #tagsContainer .caption, #tagsContainer .caption a{
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 9px;
	text-transform: uppercase;
	color: #000;
}

#home{
	position: absolute;
	top: 144px;
}

#home a{
	font-family: "Times New Roman", serif;
	font-size: 18px;
	color: #000;
}

#home .date{
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 9px;
}

#home .crease{
	position: absolute;
	top: -6px;
	right: 0;
	background-image: url('../img/backgrounds/bavo_homepage_crease.png');
	background-position: top right;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}

#left{
	position: absolute;
	left: 16px;
	width: 240px;
}

#left .project h1 span{
	display: none;
}

#middle{
	position: absolute;
	left: 256px;
	width: 512px;
}

#middle .newsItem{
	position: relative;
	background-image: url('../img/backgrounds/backgrnd_blue.gif');
	margin-bottom: 16px;
	padding: 8px;
}

#right{
	position: absolute;
	left: 816px;
	width: 192px;
}

#right .event{
	position: relative;
	background-image: url('../img/backgrounds/backgrnd_blue.gif');
	padding: 8px;
	margin-bottom: 16px;
}

h1.sectionTitle{
	position: absolute;
	top: 128px;
	left: 96px;
	width: 800px;
	text-align: center;
}

#projects{
	position: absolute;
	top: 198px;
	left: 96px;
	width: 800px;
}

#projects .project{
	width: 256px;
	float: left;
	text-align: center;
	font-family: "Times New Roman", serif;
}

#projects .row{
	clear: both;
}

#projects .project a span{
	display: none;
}

#projects .project .date{
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 14px;
	line-height: 14px;
}

#projects .project h2{
	font-size: 40px;
	text-align: left;
	height: 64px;
	overflow: auto;
	margin: 0 10px;
	width: 236px;
}

#badge{
	position: absolute;
	top: 0;
	left: 390px;
	text-align: center;
}

#mediaLeft, #mediaRight, #selectedMediaLeft, #selectedMediaRight{
	position: absolute;
	top: 288px;
}

#mediaLeft, #selectedMediaLeft{
	left: 64px;
}

#mediaRight, #selectedMediaRight{
	right: 64px;
}

#mediaLeft a, #mediaRight a, #selectedMediaLeft a, #selectedMediaRight a{
	display: block;
	width: 90px;
	height: 178px;
	background-position: -89px -89px;
}

#mediaLeft a:hover, #mediaRight a:hover, #selectedMediaLeft a:hover, #selectedMediaRight a:hover{
	background-position: -89px -445px;
}

#mediaLeft a, #selectedMediaLeft a{
	background-image: url('../img/hud/bavo_hud_previous_large.png');
}

#mediaLeft a span, #mediaRight a span, #selectedMediaLeft a span, #selectedMediaRight a span{
	display: none;
}

#mediaRight a, #selectedMediaRight a{
	background-image: url('../img/hud/bavo_hud_next_large.png');
}

#media, #relatedMedia{
	position: absolute;
	width: 640px;
	height: 100px;
	top: 192px;
	left: 192px;
}

#media .media, #relatedMedia .media{
	width: 128px;
	height: 128px;
	overflow: hidden;
	float: left;
	background-color: #fff;
}

#media .media a, #relatedMedia .media a{
	position: absolute;
	width: 120px;
	height: 120px;
	text-decoration: none;
	color: #000;
	overflow: hidden;
}

#media .media a .icon, #relatedMedia .media a .icon{
	position: absolute;
	margin: -12px 4px 0 75px;
	top: 4px;
	left: 0;
	display: block;
}

#media .media .text a, #relatedMedia .media .text a{
	padding: 4px;
}

#media .media .text a .icon, #relatedMedia .media .text a .icon{
	background-image: url('../img/hud/media_text.gif');
	background-position: 0 0;
	width: 60px;
	height: 60px;
}

#media .media .text a:hover .icon, #relatedMedia .media .text a:hover .icon{
	background-position: 0 0;
}

#media .media .text a:hover, #relatedMedia .media .text a:hover{
	text-decoration: underline;
	background-position: 0 0;
}

#media .media .image a, #relatedMedia .media .image a{
	width: 128px;
	height: 128px;
}

#media .media .image a .label, #relatedMedia .media .image a .label{
	display: none;
	position: absolute;
	top: 64px;
	left: 0;
	background: #fff;
	width: 120px;
	padding: 4px;
	height: 56px;
}

#media .media .image a:hover .label, #relatedMedia .media .image a:hover .label{
	display: block;
}

#media .media .image a .icon, #relatedMedia .media .image a .icon{
	background-image: url('../img/hud/media_image.gif');
	width: 60px;
	height: 60px;
}

#media .media .date, #relatedMedia .media .title, #relatedMedia .media .date{
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 13px;
	letter-spacing: -2px;
}

#media .media .title{
	font-family: "Times New Roman", serif;
	font-size: 16px;
}

#media .odd.col1, #relatedMedia .odd.col1{
	margin: 0 128px;
}

#media .even, #relatedMedia .even{
	margin: 0 128px 0 0;
}

#media .even.col3, #relatedMedia .even.col3{
	margin: 0;
}

.close{
	position: absolute;
	top: 164px;
	left: 128px;
}

.close a{
	display: block;
	width: 65px;
	height: 84px;
	background-image: url(../img/hud/bavo_docpage_close.png);
	background-position: -42px -42px;
}

.close a:hover{
	background-position: -42px -210px;
}

.close span{
	display: none;
}

.page{
	position: absolute;
	top: 166px;
	left: 257px;
	width: 446px;
	background-color: #fff;
}

.page .crease{
	position: absolute;
	top: -8px;
	right: -8px;
	background-image: url('../img/backgrounds/bavo_docpage_crease.png');
	width: 148px;
	height: 147px;
	z-index: 10;
}

.page h1{
	font-size: 40px;
	line-height: 43px;
	padding: 16px 0;
	margin: 0 0 16px 0;
	width: 380px;
}

#selectedMedia #selectedMediaContent{
	position: absolute;
	left: 0;
	padding: 16px 32px;
	width: 446px;
	background-color: #fff;
}

#metadata{
	margin: 2em 0 0 0;
	text-align: right;
}

#metadata a{
	color: #000;
	text-transform: uppercase;
	font-variant: small-caps;
}

#metadata h2, #metadata h3{
	clear: both;
	margin: 0 0 8px 0;
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 10px;
}

#wysiwyg{
	text-align: left;
	background: #fff;
	width: 446px;
	line-height: 1.5em;
}

.page, #wysiwyg{
	padding: 16px 32px;
	font-family: "Times New Roman", serif;
	font-size: 16px;
}

#wysiwyg h2, .page h2{
	font-size: 40px;
}

#wysiwyg h3, .page h3
	font-size: 32px;
}

#wysiwyg h4, .page h4{
	font-size: 24px;
}

#selectedMedia #selectedMediaContent a.relatedMedia, #selectedMedia #selectedMediaContent #references a{
	background-image: url('../img/backgrounds/backgrnd_blue.gif');
}

#selectedMedia #selectedMediaContent #references{
	padding: 16px 0 0 0;
	margin: 16px 0 0 0;
	border-top: 1px dotted #000;
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 10px;
	line-height: 19px;
}

#pages{
	position: absolute;
	top: 256px;
	left: 0;
	width: 1024px;
}

#pages #contact{
	position: absolute;
	top: 0;
	left: 0;
}

#pages #contact a{
	background-image: url('../img/hud/hud_contact.gif');
	background-position: -32px -32px;
	display: block;
	width: 192px;
	height: 64px;
}

#pages #contact a:hover, #pages #contact a.selected{
	background-position: -32px -160px;
}

#pages #contact a span{
	display: none;
}

#pages #mailing{
	position: absolute;
	top: 128px;
	left: 0;
}

#pages #mailing a{
	background-image: url('../img/hud/hud_mailing.gif');
	background-position: -32px -32px;
	display: block;
	width: 192px;
	height: 64px;
}

#pages #mailing a:hover, #pages #mailing a.selected{
	background-position: -32px -160px;
}

#pages #mailing a span{
	display: none;
}

#pages #bio{
	position: absolute;
	top: 256px;
	left: 0;
}

#pages #bio a{
	background-image: url('../img/hud/hud_bio.gif');
	background-position: -32px -32px;
	display: block;
	width: 192px;
	height: 64px;
}

#pages #bio a:hover, #pages #bio a.selected{
	background-position: -32px -160px;
}

#pages #bio a span{
	display: none;
}

#pages #mission{
	position: absolute;
	top: 384px;
	left: 0;
}

#pages #mission a{
	background-image: url('../img/hud/hud_mission.gif');
	background-position: -32px -32px;
	display: block;
	width: 192px;
	height: 64px;
}

#pages #mission a:hover, #pages #mission a.selected{
	background-position: -32px -160px;
}

#pages #mission a span{
	display: none;
}

#pages .page{
	position: absolute;
	top: 64px;
	left: 0;
}

#agendaImage{
	position: absolute;
	top: 0;
	right: 115px;
}

#dictionaryImage{
	position: absolute;
	top: 0;
	right: 115px;
}

#tags{
	position: absolute;
	top: 128px;
	left: 375px;
	width: 251px;
}

#tags .tag{
	height: 64px;
	margin: 0 0 64px 0;
	font-family: "Times New Roman", serif;
	font-size: 24px;
	line-height: 64px;
	background-image: url(../img/backgrounds/backgrnd_gray.gif);
	text-align: center;
}

#tags .tag a{
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

#tags .close{
	display: none;
}

#events, #newsItems{
	position: absolute;
	top: 164px;
	left: 128px;
	width: 800px;
}

#events .event, #newsItems .newsItem{
	position: relative;
	float: left;
	width: 188px;
	height: 188px;
	margin: 0 64px 64px 0;
	background: #fff;
	padding: 4px;
	background-image: url(../img/backgrounds/backgrnd_blue.gif);
}

#events .event a, #newsItems .newsItem a{
	text-decoration: none;
	color: #000;
	display: block;
	width: 188px;
	height: 188px;
}

#events .event .crease, #newsItems .newsItem .crease{
	position: absolute;
	top: -7px;
	right: -7px;
	background-image: url('../img/backgrounds/bavo_homepage_crease.png');
	background-position: top right;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}

#events .event .date, #newsItems .newsItem .date{
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 9px;
}


#hud{
	position: absolute;
	width: 1024px;
}

#hud #bavoResearch{
	position: absolute;
	top: 0;
	left: -1px;
}

#hud #bavoResearch a{
	background-image: url('../img/hud/hud_bavoresearch.gif');
	background-position: -32px -32px;
	display: block;
	width: 384px;
	height: 64px;
}

#hud #bavoResearch a:hover, #hud #bavoResearch a.selected{
	background-position: -32px -160px;
}

#hud #bavoResearch a span{
	display: none;
}

#hud #logo{
	position: absolute;
	top: 0;
	left: 482px;
}

#hud #info{
	position: absolute;
	top: 0;
	right: 1px;
}

#hud #info a{
	display: block;
	width: 114px;
	height: 64px;
	background-image: url(../img/hud/hud_info.png);
	background-position: -32px -32px;
}

#hud #info a:hover, #hud #info a.selected{
	background-position: -32px -160px;
}

#hud #info a span{
	display: none;
}

#missionStatement{
	position: absolute;
	top: 0;
	right: 49px;
}

#hud #missionStatement a{
	background-position: 0 0;
	display: block;
	width: 165px;
	height: 64px;
	background-image: url('../img/hud/bavo_hud_mission.png');
	background-position: -32px -32px;
}

#hud #missionStatement a:hover, #hud #missionStatement a.selected{
	background-position: -32px -160px;
}

#hud #missionStatement a span{
	display: none;
}

#footer{
	position: absolute;
	width: 1024px;
	height: 56px;
	bottom: 768px;
	padding: 8px 0;
	font-family: Monaco, Courier, "Courier New", monospace;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

#footer a{
	color: #0ff;
	text-decoration: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cake-debug{
	background-color: #fff;
}