body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;	 
	color:#000000;
	text-align:center; /* for old IE lack of auto margins on centered wrapper */
}

td {
	font-family: Arial, Helvetica, sans-serif; /* for IE5 not inheriting */
}

th {
	font-family: Arial, Helvetica, sans-serif; /* for IE5 not inheriting */
}

/* ********************************* wrapper *************************************** */

#wrapper{
	position:relative;
	width:760px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	text-align:left;
}

/* ********************************* header *************************************** */

#header{
	margin:15px 0 0 0;
}

/* ****** logo ****** */
#logo {
	float:left;
	margin-left:17px;
	display:inline; /* to beat IE double float bug doubling margins */
}

#arts {
	float:none;
	margin-left:17px;
	display:inline; /* to beat IE double float bug doubling margins */
}

/* ****** utility nav ****** */
#header #utility_nav{
	float:right;
}

#header #utility_nav a{
	text-decoration:none;
}

#header #utility_nav a:hover{
	text-decoration:underline;
}

/* ****** tabs ****** */
#header #tabs{
	float:right;
}

#header #tabs li{
		/*display:inline;  allegedly not supported on IE5 and Navigator 4*/
		float:left; /*  this float:left means that we don't need to declare inline on the div inside */
		margin-left:1px;
		list-style:none;
		background-image:url(../images/tab_left_corner.gif);
		background-position:left top;
		background-repeat:no-repeat;
		font-size:100%;
	}
#header #tabs li.normal{
		border-bottom:1px solid #FFFFFF;
	}
#header #tabs .tabtext{
		background-image:url(../images/tab_right_corner.gif);
		background-position:right top;
		background-repeat:no-repeat;
	}
	
#header #tabs a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold; 
		display:block;
		padding:4px 9px;
	}
	
/* ****** level 2 nav ****** */
 
#header #nav_level2{
	clear:both;
	text-align:right;
	padding:1px 10px 3px 10px;
	color:#FFFFFF;
	/* font-weight:bold; */
	margin-bottom:3px;
	font-weight:bold;
} 

#header #nav_level2 a{
	color:#FFFFFF;
	text-decoration:none;	
} 

#header #nav_level2 a:hover{
	text-decoration:underline;	
} 

#header #nav_level2 div.normal{
	display:none;
}
#header #nav_level2 div.active{
	display:inline;
}

/* ****** nav under header ****** */

#header #nav_under_header{
	padding:1px 10px 3px 10px;
	text-align:right;
	color:#FFFFFF;
	margin-top:3px;
}

#header #nav_under_header a{
	color:#FFFFFF;
	text-decoration:none;
}

#header #nav_under_header a:hover{
	text-decoration:underline;
}

#header #header_img{
	position:relative;
	/* no styles - literally only exists as a div wrapper for the header image to allow the margin
	below to be set accurately 
	can also be used as the container for the breadcrumb titles */
}

#header #header_img .bread{
	position:absolute;
	left:20px;
	color:#571046; /* spring 09 */
	/* color:#FFFFFF; */
}
#header #header_img #bread1{
	top:72px;
	font-size:22px;
}

#header #header_img #bread2{
	top:106px;
	font-size:18px;
}


/* ********************************* content section *************************************** */

#content{
    width:570px;
	float:left;
	padding-top:20px;
}

#content div{
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	float:left;
	display:inline;
}

#content div a{
	text-decoration:none;
}

#content div a:hover{
	text-decoration:underline;
}

#content div.halfleft{
	width:280px;
	/* border-bottom-width:2px; */
}

#content div.halfright{
	width:280px;
	margin-left:10px;
	/* border-bottom-width:2px; */
}

#content div p{
	margin:5px 8px 5px 0;
}

#content div img.left{
	float:left;
	margin:0 8px 8px 0; /* floats in class "left" and "right" */
}

#content div img.right{
	float:right;
	margin:0 0 8px 8px ; /* floats in class "left" and "right" */
}

#content div img.above{
	display:block;
	margin:0 0 8px 0;
}

#content div img.below{
	display:block;
	margin:8px 0 8px 0;
}

#content h1{
	font-size:20px;
	padding:0;
	margin:0 0 12px 0;
}

#content h2{
	font-size:15px;
	padding:0;
	margin:0 0 3px 0;
}

#content div.wide{
	width:570px;
	/* border-bottom-width:2px; */
}

#content div.halfleft div.wide, #content div.halfright div.wide{
	width:280px;
}

#content div.noborder{
	border-bottom:none;
}

#content div.virtualtour{
	font-size:80%;
	padding:0 0 12px 0;
}

#content div.virtualtour embed{
	float:left;
	margin:0 12px 0 0;
}

/* ****************************** side bars ******************************** */

#nav_level3{
	float:right;
	width:180px;
	padding-top:20px;
}

#nav_level3 div{
	margin-bottom:6px;
	padding:6px;
}
#nav_level3 div div{
	margin:0;
	padding:0;
	border:none;
}
#nav_level3 div p {
	margin:5px 0;
}

#nav_level3 div img.left{
	float:left;
	margin:0 4px 4px 0; /* floats in class "left" and "right" */
}

#nav_level3 div img.right{
	float:right;
	margin:0 0 4px 4px ; /* floats in class "left" and "right" */
}

#nav_level3 div img.above{
	display:block;
	margin:0 0 4px 0;
}

#nav_level3 div img.below{
	display:block;
	margin:4px 0 4px 0;
}

#nav_level3 h1{
	font-size:12px;
	padding:2px 6px;
	margin:0 0 3px 0;
	color:#FFFFFF;
}

#nav_level3 a{
	text-decoration:none;
}

#nav_level3 a:hover{
	text-decoration:underline;
}

#nav_level3 div ul {
	margin:0 0 6px 0;
	padding:0;
}


/* *************************************evenst music**************************** */

#eventsmusic{
	clear:both;
	text-align:left;
	font-size:10px;
	padding:4px;
}


/* *************************************footer**************************** */

#footer{
	clear:both;
	text-align:center;
	font-size:10px;
	margin-top:10px;
	padding:4px;
}

/* ************************************* general stuff **************************** */

.left{
	float:left;
}

.right{
	float:right;
}
.hire_table td{
		background-color:#EEE;
}
.hire_table th{
		color:#FFFFFF;
		font-weight:bold;
}

h1 img, h2 img{
	vertical-align:-10%;
}

/* **********text sizes******* */
.normal{
	font-size:12px;
}

.larger{
	font-size:14px;
}

.largest{
	font-size:16px;
}

/* ************************************* events diary **************************** */

div#content div.diarytabs
{
	display:block;
	padding:0;
	width:100%;
}
div#content div.diarytabs div
{
	position:relative;
	top:1px;
	padding:0;
	float:left;
	margin:0 0 0 5px;
	background:#DDD;
}
div#content div.diarytabs div.selected
{
	background:#FFF;
	border-bottom:solid 1px #FFF;
}
div#content div.diarytabs div a
{
	font-weight:bold;
	display:block;
	padding:2px 5px;
}
div#content table.grid
{
	clear:both;
	width:100%;
	border-collapse:collapse;
	background:#EEE;
	margin:0;
}
div#content table.grid th, div#content table.grid td
{
	font:12px sans-serif;
	color:#333;
	padding:5px;
}
div#content table.grid th
{
	color:#FFF;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}
div#content table.grid tr.titlerow td
{
	padding:5px 5px 2px 5px;
	font-size:140%;
}
div#content table.grid tr.inforow td
{
	padding:2px 5px;
}
div#content table.grid tr.linkrow td
{
	padding:2px 5px 15px 5px;
}
div#content table.grid tr.totals td
{
	font-weight:bold;
}
div#content table.grid img
{
	vertical-align:text-bottom;
	width:16px;
	height:16px;
}
div#content table.grid a img
{
	border:none;
}
div#content table.minwidth
{
	width:auto !important;
}
div#content table.allowwrap th
{
	white-space:normal !important;
}
div#content table.event
{
	width:100%;
	border-collapse:collapse;
	border:none;
	background:none;
	margin:1em 0;
}
div#content table.event th,table.event td
{
	font:12px sans-serif;
	color:#333;
	padding:5px;
}
div#content table.event th
{
	color:#000;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}
div#content table.event img
{
	vertical-align:text-bottom;
	width:16px;
	height:16px;
}
div#content table.event a
{
	text-decoration:none;
}
div#content table.event a:hover
{
	text-decoration:underline;
}
div#content form.booking
{
	margin:0 0 1em 0;
}
div#content form.booking table.grid
{
	margin:1em 0;
}
div#content form.booking input,form.booking textarea
{
	font:12px monospace;
	background:#EEE;
	width:300px;
}
div#content form.booking input.tickbox
{
	width:auto;
	border:none;
	background:none;
}
div#content form.booking select
{
	font:12px monospace;
	background:#EEE;
	width:auto;
}
div#content form.booking textarea
{
	overflow:auto;
	width:300px;
	height:80px;
}
div#content form.booking input.submitbutton
{
	font:12px monospace;
	color:#FFF;
	width:auto;
}