/*
Colors
------
Black: #000000
Dark Gray: #6d6e71
Light Gray: #bcbec0
Blue: #00b0d8
*/

/* Body Elements */

body {
	padding: 60px 0 0 0;
	margin: 0;
	font-size: 75%;
	font-family: Arial, sans-serif;
	color: #000000;
	line-height: 1.5em;
}

p {
	font-size: 1em;
	padding-bottom: 1.5em;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	padding: 0 !important;
	margin: 0;
	font-size: 1.33em;
	font-weight: bold;
}

h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {
	color: #000;
	text-decoration: none;
}

h2 a:hover {
	color: #00b0d8;
	text-decoration: none;
}

h3 {
	padding: 0;
	margin: 0;
	font-size: 1.166em;
	font-weight: bold;
}

h3 a,
h3 a:link,
h3 a:visited,
h3 a:active {
	color: #000;
	text-decoration: none;
}

h3 a:hover {
	color: #00b0d8;
	text-decoration: none;
}

h4 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

h4 a,
h4 a:link,
h4 a:visited,
h4 a:active {
	color: #000;
	text-decoration: none;
}

h4 a:hover {
	color: #00b0d8;
	text-decoration: none;
}

h5 {
	padding: 0;
	margin: 0;
	font-size: 0.916em;
	font-weight: bold;
}

h5 a,
h5 a:link,
h5 a:visited,
h5 a:active {
	color: #000;
	text-decoration: none;
}

h5 a:hover {
	color: #00b0d8;
	text-decoration: none;
}

ul {

}

ul li {

}

a,
a:link,
a:visited,
a:active {
	color: #6d6e71;
	text-decoration: none;
}

a:hover {
	color: #00b0d8;
	text-decoration: none;
}

a.image-highlight img,
a:link.image-highlight img,
a:visited.image-highlight img,
a:active.image-highlight img{
	border: 6px solid #bcbec0;
}

a:hover.image-highlight img {
	border: 6px solid #00b0d8;
}

img {
	border: 0;
}

/* General Class Elements */

.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 2px;
	vertical-align: bottom;
	clear: both;
	display: block;
}

.hidden {
	display: none;
}

.first {
	padding: 0 !important;
}

.last {
	padding: 0 !important;
}
.padding-top {
	padding-top: 18px;
}
.border-top {
	border-top: 1px solid #bcbec0;
}
.border-bottom {
	border-bottom: 1px solid #bcbec0;
}

.no-border {
	border: 0;
}

.border {
	border: 1px solid #bcbec0;
	display: block;
	width: 187px;
}

/* Type Classes */

.date {
	font-size: 0.916em;
	color: #6d6e71;
	padding: 0;
}

.latest-news-date {
	font-size: 0.916em;
	color: #6d6e71;
	padding: 0;
	width: 100px;
	display: block;
	float: left;
}

.latest-news-title {
	font-size: 1em;
	color: #000;
	padding: 0;
	font-weight: bold;
	width: 331px;
	display: block;
	float: left;
}

.copyright {
	font-size: 0.833em;
	color: #bcbec0;
}

a.blue-link,
a:active.blue-link,
a:visited.blue-link,
a:link.blue-link {
	color: #00b0d8;
}

a:hover.blue-link {
	color: #000;
}

.arrow-link {
	color: #00b0d8;
	padding: 0 0 0 5px;
	font-weight: normal;
}

.arrow-link-back {
	color: #00b0d8;
	padding: 0 5px 0 0;
	font-weight: normal;
}


.sidebar-box p {
	font-size: 0.916em;
	color: #6d6e71;
	padding: 0 0 1.2em 0;
	line-height: 1.2em;
}
.sidebar-box h3 {
	padding: 0 0 1em 0;
}

.sidebar-box ul {
	font-size: 0.916em;
	color: #6d6e71;
	padding: 0;
	line-height: 1.2em;
}

/* Layout Classes */

.sidebar-box {
	margin: 0;
	padding: 1.33em 0;
}

.wide-box {
	padding: 1.5em 0 0 0;
	border-bottom: 1px solid #bcbec0;
}

.element-box {
	width: 431px;
	overflow: auto;
}

#exhibition-thumbnail {
	display: block;
	float: left;
	width: 100px;
	padding: 0 18px 18px 0;
}

#exhibition-content {
	display: block;
	float: left;
	width: 313px;
	padding: 0;
}

#events-thumbnail {
	display: block;
	float: left;
	width: 100px;
	padding: 0 18px 18px 0;
}

#events-content {
	display: block;
	float: left;
	width: 313px;
	padding: 0;
}
#element-thumbnail {
	display: block;
	float: left;
	width: 100px;
	padding: 0 18px 18px 0;
}

#left-body-box ul.board-member-list {
	list-style: none;
	width:431px;
	padding: 1em 0 !important;
	margin: 0 !important;
	overflow: auto;
}

#left-body-box ul.board-member-list li {
	list-style: none;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	width: 215px !important;
	display: block;
	float: left;
}

ul.latest-news {
	list-style: none;
	padding: 0 0 18px 0 !important;
	margin: 0 !important;
}

.latest-news li {
	list-style: none;
	width: 431px;
	padding: 18px 0 0 0 !important;
	margin: 0 0 0 0 !important;
	overflow: hidden;
}

/* Layout Elements */

#container-box {
	width: 998px;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #bcbec0;
}

#header-box {
	height: 91px;
	width: 878px;
	margin: 80px 80px 40px 40px;
	overflow: hidden;
}

#home-box {
	display: block;
	float: left;
	width: 718px;
	height: 14px;
	padding: 77px 0 0 0;
	vertical-align: baseline;
}

#logo-box {
	display: block;
	float: left;
	height: 91px;
	width: 144px;
	vertical-align: bottom;
}

#navigation-box {
	width: 189px;
	padding: 0 40px 400px 40px;
	margin: 0;
	display: block;
	float: left;
}

#navigation-box ul li {
	margin: 0 0 0.6667em 0;
	color: #fff;
}

#search-form {
	padding: 1.5em 0 0 0;
}

#search-form p {
	font-size: 0.916em;
	color: #6d6e71;
	padding: 0 0 1.2em 0;
	line-height: 1.2em;
}

#search-form form {
	padding: 0;
	margin: 0;
}

#search-form span {
	margin: 3px 0;
}

#search-form input.search-field {
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #000;
	background: #fff;
	border: 0;
	margin: 3px 0 3px 4px;
	padding: 0;
	width: 166px;
	height: 16px;
}
#search-form input.submit {
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #00b0d8;
	background: #fff;
	border: 0;
	padding: 0;
	margin: 3px 0;
	width: 17px;
	height: 16px;
}

#content-box {
	width: 729px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

#collapsible-box {
	padding: 0 0 40px 0;
}

#body-box {
	padding: 0 0 0 0;	
}

#left-body-box {
	width: 431px;
	padding: 0 40px 80px 0;
	margin: 0;
	display: block;
	float: left;
}

#left-body-box ul {
	list-style: disc;
	padding: 0 0 1.5em 0;
}

#left-body-box ul li {
	margin: 0 0 0 1.5em;
}

#visit-dam-search {
	padding: 0 0 18px 0;
}

#visit-dam-search input.search-field {
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #000;
	background: #fff;
	border: 0;
	margin: 3px 0 3px 4px;
	padding: 0;
	width: 165px;
	height: 16px;
}

#visit-dam-search input.submit {
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #00b0d8;
	background: #fff;
	border: 0;
	padding: 0;
	margin: 3px 0;
	width: 17px;
	height: 16px;
}

#visit-dam-search form span.border {
	border: 1px solid #bcbec0;
	display: block;
	width: 190px;
	float: left;
}

#visit-dam-search form p {
	width: 86px;
	padding: 3px 0 0 0;
	display: block;
	float: left;
}


#right-body-box {
	width: 178px;
	padding: 0 0 80px 0;
	margin: 0 80px 0 0;
	display: block;
	float: left;
}

#footer-box {
	width: 998px;
	padding: 1em 0 0 0;
	margin: 0 auto;
}