/*Graphics, Design, Layout and CSS by Dani Taylor. Copyright Spectral Fusion, 2004. All rights reserved. Any past, present, or future products of Spectral Fusion are protected by United States copyright laws and may not be modified in any way without prior written consent of the designer or party responsible for its creation. This includes removing or modifying our registered logo or name, copyright notice, or any other piece of work belonging to Spectral Fusion. You may not reproduce this page without the designer's written permission.*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color:#fff;
	margin: 0;
	background-attachment: scroll;
	background-image: url(../gifs/slices/bodyback.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
div#title {/*top graphic backround that repeats across the top of the page*/
	background-image: url(../gifs/slices/bg_title.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height:198px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	
}

div#title img {
	margin:0;
	padding: 0;}
object {/*positioning of the top flash graphic on default page*/
	position: absolute;
	left: 0px;
	top: 0px;
}
img.student {
	position: absolute;
	left: 0px;
	top: 197px;
}
img.spaw {float:left;
padding:5px 7px 5px 15px;}
div#menu {/*left side menu with graphic headers and text links*/
	width: 120px;
	float: left;
	margin:0;
	padding-top:250px;
	width: 158px;
	
}
div#menu p {
	color: #333;
	background-color: transparent;
	font-size: .8em;
}

div#menu a{
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	line-height: 1.7em;
	
}
div#menu a:link, div#menu a:visited {
	color:#51566C;
	background-color: transparent;
	text-decoration: none;
}
div#menu a:hover {
	color:#600;
	background-color: transparent;
	text-decoration: underline;
}
div#menu p.events {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	line-height: 1.7em;
}
.eventtxt {
	color:#333;
	background-color: transparent;
	margin-left: 3px;
	margin-top: -2px;
	font-size:.8em;
}
div#ticket {/*right side ticket and info*/
	background-color: #FFFFFF;
	width: 190px;
	background-image: url(../gifs/slices/ticketback.jpg);
	background-repeat: no-repeat;
	height: 560px;
	padding-top: 70px;
	padding-left: 33px;
	
	background-position: left top;
	padding-right: 3px;
	font-size: .75em;
	color: #FFFFFF;
	float: right;
	clear: right;
	
}
a:link, a:visited {
	color: #FE9412;
	text-decoration: none;
}
a:hover {
	color: #600;
	text-decoration: underline;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	clear:left;

}
h2 a {
	color:#000;
	background-color: transparent;
}
h1 {
	font-size: 1.4em;
	
	color: #600;
	background-color: transparent;
	margin: 20px 0 35px 0;
	font-weight: bold;
}
div#content{/*main text*/
	width: 70%;
	float: left;
	background-image: url(../gifs/slices/contentback.gif);
	background-repeat: no-repeat;
	background-position: 8px 292px;
	height: 500px;
	font-size: .9em;
	padding-left:25px;
	padding-top:250px;
}
div#content a:link, div#content a:visited {
	color: #0066FF;
	background-color: transparent;
	text-decoration:none;
}
div#content a:hover {
	color:#0066FF;
	background-color: transparent;
	text-decoration:underline;
}
/*The client asked for the highlighted links to be in blue so the older demographic could understand that it is a hyperlink*/
tr#original a:link, tr#original a:visited, div#original a:link, div#original a:visited {
	color:#51566C;
	background-color: transparent;
	text-decoration:none;
}
tr#original a:hover, div#original a:hover {
	color:#51566C;
	background-color: transparent;
	text-decoration:underline;
}
h3 {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin:10px 0 3px 0;
}
div#ticket p {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
div#ticket a:link, div#ticket a:visited {
	display: block;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 3px;
	color: #FFFFFF;
	text-decoration: none;
}
div#ticket a:hover {
	color: #D8DBE2;
	text-decoration: underline;
}
div#events {/*positions text that falls under events*/
	display: block;
	position: absolute;
	width: 110px;
	left: 3px;
	top: 370px;	
}
td {/*this coresponds to the table on the "beginings page"*/
	font-size:.8em;
	color:#000;
	background-color: transparent;
}
div#bottom {
	position:relative;
	width: 470px;
	margin:50px auto;
	bottom:0;
	font-size:.8em;
	bottom:0px;
	text-align:center;
}
/* FORMS UPDATE */
form {
	margin:0;
	padding:0;
	font-size:12px;
}
input {
	font-weight:normal;
	width:200px;
}
radio {
	width:15px;
}
checkbox {
	width:15px;
}

h3.spring {color:#990000;
font-size:1.2em;
padding-left:15px;}

.imageleft {float:left;
margin-left:15px;
margin-right:5px;
margin-bottom:5px;}

.center {text-align:center;}
.eventphoto {float:right; border:2px solid #660033; padding:5px; margin:0 5px 5px 5px;}
#sitemap {list-style-type:none;}
img {border:none;
margin:5px;}

.artistPhoto {float:left; border:2px solid #660033; padding:5px; margin:0 15px 15px 25px;
width:220px;
clear:left;}


#FlowPlayer { /* Performing Arts video positioning on 12-1-08 on perf_arts_08.html */
position:relative;
width:400px;
height:330px;
margin:0 0 30px 50px;
padding:0;

}