html	{
	background: #FFF;
	font: 62.5%/1.5 Arial, Helvetica, sans-serif;
}

body	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

a	{
	color: #B641B6;
	text-decoration: underline;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

img {
	border-style: none;
}

#left-nav-summer	{
	background: #6CCEFF url(../images/summer.jpg) bottom no-repeat; /*light blue*/
	display: inline;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 203px;
}

*html #left-nav-summer	{
	float: left;
	height: 550px !important;
}

#logo	{
	background: url(../images/logo.png) no-repeat;
	height: 121px;
	width: 203px;
}

/*Replace png with gif for IE6*/
*html #logo	{
	background: url(../images/logo.gif) no-repeat;
}

/*change to this div depending on the season in order to change colour and the bottom image*/
#left-nav-fall	{
	background: #E77800 url(../images/fall.jpg) bottom no-repeat; /*burnt orange*/
	display: inline;
	height: 432px;
	left: 0;
	position: fixed;
	width: 203px;
}

.left-nav	{
	color: #000;
	line-height: 2em;
	list-style-type: none;
	margin: 0;
	text-align: right;
}

*html .left-nav	{
	padding: 10px 0 0 0;
}

.left-nav li a	{
	color: #000;
	display: block;
	padding: 0 25px 0 0;
	text-decoration: none;
}

*html .left-nav li a	{
	display: block;
	margin: -10px 0;
}

.left-nav li a:hover, .left-nav li a:active	{
	background: #F15A29 url(../images/music-note.jpg) right no-repeat;
	color: #fff;
	margin: 0 0 0 -40px;
	padding: 0 25px 0 0;
}

*html .left-nav li a:hover	{
	margin: -10px 0;
}

#wrapper	{
	background: url(../images/rainbow.jpg) top right no-repeat;
	margin: 0 0 0 203px;
	min-height: 500px;
	position: relative;
	width: 780px;
}

*:first-child + html #wrapper	{
	top: 0;
}

*html #wrapper	{
	top: 0;
}

#header	{
	width: 735px;
}

#next-show	{
	background: url(../images/next-show.png) no-repeat;
	color: #990099; /*violet*/
	margin: 0 0 0 35px;
	padding: 50px 0 0 5px;
	width: 535px;
}

*:first-child + html #next-show	{
	float: left;
}

/*Replace png with gif for IE6*/
*html #next-show	{
	background: url(../images/next-show.gif) no-repeat;
	float: left;
	margin-left: 15px;
	width: 500px;
}

#next-show a	{
	color: #990099; /*violet*/
	text-decoration: underline;
}

#content	{
	color: #000;
	margin: 25px 30px 20px 35px;
}

#footer	{
	bottom: 0;
	color: #A2A2A2; /*light grey*/
	font-size: 0.9em;
	height: 30px;
	padding: 10px 0 0 0;
	text-align: center;
}	

#footer	a	{
	color: #D58ED5; /*light violet*/
}

#footer a:hover {
	color: #990099; /*violet*/
}