/* --------- 1. defaults  --------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }

strong { font-weight: bold }
em { font-style: italic }

html {overflow-y: scroll;} /* forces vertical scrroll-bar in Firefox*/

body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #C2BEB2;
	color: #333;
		}
.separator {
	clear: both;
	}

/*  --------- Overall structure  --------- */

#wrapper {
	width: 840px;
	margin: 2px auto;
	display: block;
		}
		
#logo {
	height: 46px;
	width: 840px;
		}

/*  --------- Navigation  --------- */

#navigation  {
	float: left;
	width: 840px;
	height: 38px;
	background-image: url(images/menu_back.jpg);
		}
#nav {
	margin: 4px 0px 0px 120px;
}
#nav a {
	text-decoration: none;
	}
#nav a:hover {
	color:#7a0b0b;
	font-weight: bold;
	}

#nav li {
	float: left;
	display: inline;
	font-size: 90%;
		}

#nav li#menu1 {
	width: 62px;
	}

#nav li#menu2 {
	width: 64px;
	}

#nav li#menu3 {
	width: 160px;
	}
#nav li#ideas {
	width: 60px;
	}

#nav li#menu4 {
	width: 72px;
	}
#nav li#menu5 {
	width: 146px;
	}
#nav li#menu6 {
	width: 140px;
	}
#email {
	padding: 0px;
	width: 150px;
	text-align: right;
	float: left;
	}
#email a {
	display: block;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	color: #7a0b0b;
	text-decoration: underline;
	}
#email a:hover {
	color: #7a0b0b;
	font-weight: bold;
	text-decoration: underline;
	}
.menuUp {
	color: #333;
	}
.menuDown {
	color: #7a0b0b;
	font-weight: bold;
	}

/*  --------- Main Content --------- */

#content {
	padding: 14px 60px 10px 20px;

	}
/* ----------- home ----------------*/
#home_left {
	margin: 0px 320px 0px 0px;
}

#home_left img {
	padding: 0px 12px 12px 0px;
}

#home_right {
	float: right;
	width: 318px;
}
#home_right a {
	font-weight: normal;
}
#home_right a:hover{
	font-weight: bold;

	
}

/* ----------- gallery ----------------*/
#gallery_left {
	float: left;
	width: 154px;
	height: 500px;
}

#gallery_left img {
	display: block;
	padding: 0px 0px 2px 0px;
}
#gallery_left p {
	font-size: 60%;
	margin: 0px 0px 15px 0px;
	line-height: 120%;
}
#gallery_left a {
	text-decoration: underline;
	display: block;
	margin: 0px 0px 0px 0px;
}
#gallery_left a:hover {
	color: #7a0b0b;
	font-weight: bold;
}
#gallery_right {
	float: left;
	margin: 0px 0px 0px 0px;
}
#gallery_right #gallery_descr  {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	height: 240px;
}
#gallery_text {
	height: 240px;
	
}
#gallery_right #gallery_descr h2 {
	font-size: 90%;
	margin: 6px 0px 6px 12px;
}
#gallery_right #gallery_descr p {
	font-size: 80%;
	margin: 0px 0px 6px 12px;
}

#gallery_right #title {
	font-size: 70%;
	margin: 100px 0px 0px 12px;
	padding: 0px;
}
#gallery_right #blowup {
	float: left;
	width: 456px;
	height: 388px;
	padding: 0px 0px 0px 0px;
}

#gallery_right #thumbs {
	float: right;
	padding: 14px 60px 0px 0px; /*14px 0px 0px 222px;*/
}
#gallery_right #thumbs img {
	border: solid 3px #C2BEB2;
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#gallery_right #thumbs .selected {
	border-color: #7a0b0b;
}
#gallery_right #thumbs img:hover {
	border-color: #7a0b0b;
}
/* ------------ Public Comm -----------*/
#pub_comm_left {
	float: left;
	width: 292px;
	height: 500px;
}

#pub_comm_left p {
	font-size: 76%;
	margin: 6px 20px 20px 0px;
	line-height: 110%;
}
#pub_comm_left .smaller_font{
	font-size: 76%;
	
}
#pub_comm_left a {
	text-decoration: underline;
	display: block;
	margin: 0px 0px 0px 0px;
}
#pub_comm_left a:hover {
	color: #7a0b0b;
	font-weight: bold;
}
#pub_comm_left .menuDown {
	color: #7a0b0b;
	font-weight: bold;
	}
#pub_comm_right {
	float: left;
	margin: 0px 0px 0px 0px;
}


#pub_comm_right #blowup {
	float: left;
	width: 456px;
	height: 388px;
	padding: 0px 0px 0px 0px;
}

#pub_comm_right #thumbs {
	float: left;
	padding: 14px 0px 0px 306px;
}
#pub_comm_right #thumbs img {
	border: solid 3px #C2BEB2;
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#pub_comm_right #thumbs .selected {
	border-color: #7a0b0b;
}
#pub_comm_right #thumbs img:hover {
	border-color: #7a0b0b;
}
/* ------------ Ideas -----------*/
#ideas_left {
	float: left;
	width: 152px;
	height: 500px;
}

#ideas_left p {
	font-size: 76%;
	margin: 6px 10px 20px 0px;
	line-height: 110%;
}
#ideas_left .smaller_font{
	font-size: 76%;
	
}
#ideas_left a {
	text-decoration: underline;
	display: block;
	margin: 0px 0px 0px 0px;
}
#ideas_left a:hover {
	color: #7a0b0b;
	font-weight: bold;
}
#ideas_left .menuDown {
	color: #7a0b0b;
	font-weight: bold;
	}
#ideas_right {
	float: left;
	margin: 8px 0px 0px 0px;
}
#ideas_right table td {
/*	background: #fff;*/	
	padding: 4px 4px 12px 4px;
	text-align: center;
	/*border-right: 9px solid #e0dcc2;
	border-bottom: 9px solid #e0dcc2;
     */
}
	
/* ------------ Archive ----------------*/
#archive_text {
	float: left;
	width: 196px;
	height: 500px;
	font-size: 100%;
}
#archive_text h2 {
	font-size: 90%;
	margin: 0px 0px 2px 0px;
}
#archive_text h3 {
	font-size: 80%;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}
#archive_text .instructions {
	font-size: 76%;
	font-style:italic;
	font-weight: normal;
	color:#FFF;

}
#archive_thumbs {
	float: left;
	margin: 0px 0px 0px 20px;
	font-size: 90%;
}
#archive_thumbs p {
	margin: 0px 0px 6px 6px;
	color: #FFF;
	font-style: italic;
}

#archive_thumbs img {
	margin: 0px 0px 6px 6px;
}

.archive_blowup p {
	font-size: 76%;
	padding: 0px;
	margin: 0px 0px 0px 8px;
}
/* ------------ Exhibitions ----------------*/
#exhibitions {
	margin: 0px 70px 0px 160px;
}
#exhibitions td {
	font-size: 80%;
	margin: 0px;
}
#exhibitions .date {
	font-size: 80%;
	font-style: italic;
	margin: 0px;
}
#exhibitions a {
	color: #333333;
	text-decoration:underline;
	font-weight:normal;
	}
#exhibitions a:hover {
	color: #7a0b0b;
	font-weight: bold;
}
#exhibitions img {
	float: left;
	margin: 2px 36px 0px 0px;
}

/* ------------ Contact ----------------*/

#contact_info {
	margin: 0px 0px 0px 160px;
}
#contact_info p {
	margin: 0px 0px 0px 0px;
}
#contact_info a {
	color: #7a0b0b;
	font-weight: normal;
}
#contact_info a:hover {
	color: #7a0b0b;
	font-weight: bold;
}

#contact_pic {
	float: left;
	margin: 0px 0px 0px 156px;
}
#contact_info H3 {
	margin: 0px 0px 0px 0px;
	font-size:90%;
}
/* ------------ Fonts ----------------*/

h1 {
	font-size:110%;
	font-weight:normal;
	margin: 0px 0px 6px 0px;
	color: #333;
		}
h2 {
	font-size:90%;
	font-weight:bold;
	margin: 10px 0px 0px 0px;
	color: #333;
		}
p {
	font-size: 76%;
	margin: 0px 0px 6px 0px;
	line-height: 120%;

}

.red {
	color: #7a0b0b;
	font-weight:bold;
}

/* ------------ Footer ----------------*/
#footer  {
	float: left;
	width: 840px;
	height: 60px;
	display: block;
		}
#footer #foot0 p {
	color:#666;
	font-size: 60%;
	margin: 20px 0px 0px 20px;
	}