div.clearall {
	clear: both;
}

body {
	background: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6d6e71;
	line-height: 14px;
	text-align: center;
	}
	
p {
	color: #6d6e71;
	margin-top: 9px;
	margin-bottom: 9px;
	}
	
p + p { 
	margin-top: 9px; 
	}
	
h1 {
	color: #00aeef;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 17px;
	margin-top: 17px;
	font-weight: normal;
	}

h2 {
	color: #ec008c;
	font-size: 10px;
	line-height: 17px;
	margin-top: 17px;
	font-weight: normal;
	}
	
h3 {
	color: #00aeef;
	font-size: 10px;
	line-height: 17px;
	margin-top: 17px;
	font-weight: normal;
	}

	
ul {
	list-style-type: none;
	padding: 0;
	margin: 20px;
	margin-top: 0px;
	line-height: 17px;
	list-style-image:url(images/arrow.gif);
	}

ul.plain {
	list-style-type: none;
	padding: 0;
	margin: 0px;
	margin-top: 6px;
	line-height: 17px;
	list-style-image:none;
	}
ul.plain li {
	margin-bottom: 9px;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #ec008c;
	}
	
a:active {
	text-decoration: none;
	color: #ec008c;
	}
	
a:hover {
	text-decoration: underline;
	color: #ec008c;
	}

a {
	outline: none
}

.bigbot dd {
	float: left;
	margin-left: 12px;
	width: 244px;
	margin-top: 17px;
	}
	
.bigbot dt {
	clear: left;
	float: left;
	width: 200px;
	margin-top: 17px;
	}

	
.gallery dd {
	float: left;
	margin-left: 20px;
	width: 270px;
	margin-top: 17px;
	}
	
.gallery dt {
	clear: left;
	float: left;
	width: 150px;
	margin-top: 17px;
	padding-bottom: 17px;
	border-bottom: dashed 1px #ccc;
	border-collapse: collapse;
	}
	
.fest {
	color: #000000;
	}

.fest dd {
	float: left;
	margin-left: 12px;
	width: 319px;
	margin-top: 17px;
	}
	
.fest dt {
	clear: left;
	float: left;
	width: 125px;
	margin-top: 17px;
	}
	
.fest a:link, .fest a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #ec008c;
	}
	
.fest a:active {
	text-decoration: none;
	text-transform: uppercase;
	color: #ec008c;
	}
	
.fest a:hover {
	text-decoration: underline;
	text-transform: uppercase;
	color: #ec008c;
	}

.events dd {
	float: left;
	margin-left: 12px;
	width: 334px;
	}
	
.events dt {
	clear: left;
	float: left;
	width: 90px;
	}
	
.exhibit dd {
	float: left;
	margin-left: 12px;
	width: 319px;
	}
	
.exhibit dt {
	clear: left;
	float: left;
	width: 125px;
	}

.map p {
	font-size: 11px;
	line-height: 13px;
	}
	
#mainbox {
	margin: 50px auto 0 auto;
	/* This is the WRONG value, but it will be corrected below for
	   things that are not Internet Explorer. */
	width: 804px;
	/* This is also WRONG but will be corrected below. */
	height: 620px;
	background: url(images/bg3.jpg) no-repeat;
	border: 2px solid black;
	text-align: left;
}

html>body #mainbox {
	width: 800px;
	min-height: 620px;
	height: auto;
}

#top_left {
	width: 138px;
	height: 138px;
	float: left;
	background: url(images/header-rbt-3.jpg) no-repeat;
}

#top_left a.home {
	width: 138px;
	height: 138px;
	display: block;
	outline: none;
}

#top_center {
	width: 507px;
	height: 138px;
	float: left;
	background: url(images/header.jpg) 5px no-repeat;
}

#top_center a.home {
	width: 507px;
	height: 138px;
	display: block;
	outline: none;
}

#top_wide {
	width: 662px;
	height: 138px;
	float: left;
	background: url(images/header.jpg) 5px no-repeat;
}

#top_wide a.home {
	width: 662px;
	height: 138px;
	display: block;
	outline: none;
}

/* Not needed in IE, doesn't work anyway... */
html>body #content_with_sidebar {
 	background: url(images/sidebar-color.jpg) 645px -138px repeat-y;
}

#menu {
	width: 320px;
	float: left;
}

#content_center {
	width: 309px;
	margin-right: 16px;
	float: left;
}

#sidebar {
	margin-top: -138px;
	padding-top: 138px;
	padding-left: 16px;
	padding-right: 10px;
	padding-bottom: 36px;
	/* This is WRONG but we will fix it below for non-IE. */
	width: 155px;
	height: 620px;
	float: left;
	background-color: #fbe26a;
}
html>body #sidebar {
	width: 129px;	
	height: 482px;
}

#content_wide {
	width: 480px;
	padding-right: 12px;
	float: left;
}
html>body #content_wide {
	width: 468px;
}

/* 261px, 41px */
#menu_list {
      position: relative;
      left: 41px;
      top: 123px;
      margin: 0;
}

/* First level links (can't use > selectors in stupid IE) */
#menu_list li a {
      display: block;
      width: 77px;
      height: 21px;
}
/* Second level links */
#menu_list li ul li a {
      display: block;
      width: 150px;
      height: auto;
}

/* 261px, 41px */
#menu1 {
      display: block;
      width: 77px;
      height: 21px;
      top: 0; left: 0;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      background: url(images/background.jpg) 0 -21px;
}
#menu1_sub {
	padding: 0;
	margin: 0;
	list-style-type: none;
	/* Of course, this is NOT actually absolute, it's relative
	   with respect to the parent list, because CSS is dumb. */
	position: absolute; 
	left: 110px;
	top: 190px;
	display: none;
}
/* 261px, 161px */
#menu2 {
      display: block;
      width: 77px;
      height: 21px;
      top: 0; left: 120px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      background: url(images/festival.jpg) 0 -21px;
}
#menu2_sub {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute; 
	left: -10px;
	top: 205px;
	display: none;
}
/* 306px, 41px */
#menu3 {
      display: block;
      width: 77px;
      height: 21px;
      top: 45px; left: 0;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      background: url(images/whatsnew.jpg) 0 -21px;
}
#menu3_sub {
      display: block;
      width: 77px;
      height: 21px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute; 
	left: 110px;
	top: 177px;
	display: none;
}
/* 306px, 161px */
#menu4 {
      display: block;
      width: 77px;
      height: 21px;
      top: 45px; left: 120px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      background: url(images/media.jpg) 0 -21px;
}
#menu4_sub {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute; 
	left: -10px;
	top: 144px;
	display: none;
}
/* Put this one out of the way of the others. */
#menu0 {
      top: 75px; left: 120px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
}
#menu0_sub {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute; 
	left: -10px;
	top: 131px;
	display: none;
}

#menu1 a:hover {
      background: url(images/background.jpg) 0 0 no-repeat;
}
#menu1_sub a:hover {
	background: none
}
#menu2 a:hover {
      background: url(images/festival.jpg) 0 0 no-repeat;
}
#menu2_sub a:hover {
	background: none
}
#menu3 a:hover {
      background: url(images/whatsnew.jpg) 0 0 no-repeat;
}
#menu3_sub a:hover {
	background: none
}
#menu4 a:hover {
      background: url(images/media.jpg) 0 0 no-repeat;
}
#menu4_sub a:hover {
	background: none
}

/* Submenus */
.nav li {
	list-style-image: none;
}
.nav a {
	display: block;
	width: 150px;
}
.nav a:link, .nav a:visited {
	text-decoration: none;
	color: #6d6e71;
	font-size: 10px;
	line-height: 16px;
	}
	
.nav a.current:link, .nav a.current:visited {
	text-decoration: none;
	color: #ec008c;
	}

.nav a:active {
	text-decoration: none;
	color: #ec008c;
	}

.nav a:hover {
	text-decoration: underline;
	color: #ec008c;
	}
	
html {
	overflow-y: scroll;
	}

a.gallery img {
	margin: 1px;
	border: none;
}

#gallery_maindiv {
	/* 21px top, 23px left */
	padding: 21px 23px 0px 23px;
	background: url(images/polaroid2.jpg) no-repeat;
	width: 243px;
	height: 350px;
}

#gallery2_maindiv {
	/* 21px top, 23px left */
	padding: 21px 0px 0px 0px;
	width: 243px;
	height: 350px;
}

#gallery_title {
	line-height: 1em;
	margin-top: 12px;
	margin-bottom: 0;
}

#gallery_caption {
	margin-top: 6px;
	font-size: 9px;
	line-height: 13px;
}

#gallery_thumbdiv {
	width: 123px;
}

#one {
	width: 218px;
	float: left;
	padding-right: 10px;
}

#two {
	width: 218px;
	float: left;
	padding-left: 10px;
}

td {
	font-family: Arial;
	font-size: 9px;
	color: #6d6e71;
	text-transform: uppercase;
	}

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

td a.white:link, td a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
td a.white:hover {
	text-decoration: underline;
	}

td a:hover {
	text-decoration: underline;
	}
	
.yellow {
	background-color: #ffe36b;
	}
		
.blue {
	color: #ffffff;
	background-color: #00adef;
	}
	
/* Calendar stuff */
.calendar th {
	font-family: Arial;
	font-size: 11px;
	color: #6d6e71;
	text-transform: uppercase;
	}

.calendar td {
	  font-size: 11px;
}

.calendar caption {
        margin-top: 17px;
	color: #00aeef;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
}