body {
	margin:0;
	padding:0;
	background:#cdcdcd;
	text-align:center;
	font-family:Arial, Sans-serif;
}

/* height total is to be 660px */

#pageContainer {
        width:628px;
        height:581px;
        margin:0px auto 80px auto;
        position:relative;
        top:40px;
        text-align:left;
}

#nav {
	width:100%;
	height:40px;
	position:absolute;
	top:-40px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	list-style:none;
}

#footer ul {
	width:320px;
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}

	#nav li, #footer li {
		float:left;
		font-size:11px;
		height:40px;
		font-weight:bold;
		color:#fff;
		text-indent:-3000px;
	}

		#nav li a, #footer ul li a {
			height:38px;
			width:100%;
			display:block;
		}
		
		#pageContainer #nav li a:hover, #pageContainer #footer li a:hover {
			background:none;
		}

	#nav #home {
		width:48px;
		background:url(images/menu/homeWhite.gif) no-repeat;
	}

		#nav #home a {
			background:url(images/menu/homeGrey.gif) no-repeat;
		}

	#nav #biography {
		width:80px;
		background:url(images/menu/biographyWhite.gif) no-repeat;
	}

		#nav #biography a {
			background:url(images/menu/biographyGrey.gif) no-repeat;
		}

	#nav #writings {
		width:71px;
		background:url(images/menu/writingsWhite.gif) no-repeat;
	}

		#nav #writings a {
			background:url(images/menu/writingsGrey.gif) no-repeat;
		}

	#nav #recordings {
		width:85px;
		background:url(images/menu/recordingsWhite.gif) no-repeat;
	}

		#nav #recordings a {
			background:url(images/menu/recordingsGrey.gif) no-repeat;
		}

	#nav #theatreOfVoices {
		width:122px;
		background:url(images/menu/theatreOfVoicesWhite.gif) no-repeat;
	}

		#nav #theatreOfVoices a {
			background:url(images/menu/theatreOfVoicesGrey.gif) no-repeat;
		}

	#nav #performances {
		width:102px;
		background:url(images/menu/performancesWhite.gif) no-repeat;
	}

		#nav #performances a {
			background:url(images/menu/performancesGrey.gif) no-repeat;
		}

	#nav #reviews {
		width:62px;
		background:url(images/menu/reviewsWhite.gif) no-repeat;
	}

		#nav #reviews a {
			background:url(images/menu/reviewsGrey.gif) no-repeat;
		}

	#nav #gallery {
		width:58px;
		background:url(images/menu/galleryWhite.gif) no-repeat;
	}

		#nav #gallery a {
			background:url(images/menu/galleryGrey.gif) no-repeat;
		}

	#footer #contacts {
		width:73px;
		background:url(images/menu/contactsWhite.gif) no-repeat;
	}

		#footer #contacts a {
			background:url(images/menu/contactsGrey.gif) no-repeat;
		}

	#footer #links {
		width:48px;
		background:url(images/menu/linksWhite.gif) no-repeat;
	}

		#footer #links a {
			background:url(images/menu/linksGrey.gif) no-repeat;
		}
		
#footer {
	height:40px;
	width:100%;
	font-size:9px;
	color:#fff;
	position:absolute;
	top:580px;
}
#content p.weeText {
	font-size: 9px;
}
#content h3 {
}
#footer a {
	color: #999999;
}


#footer div {
	position:absolute;
	top:0;
	left:350px;
	width:275px;
	padding:15px 0 0 0;
}

#header {
	width:352px;
	height:213px;
}

h1 {
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	color:#999999;
	margin:0;
}
#content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
	color: #999999;
	line-height: 14px;
}

p {
	font-size:11px;
	color:#333;
	line-height: 14px;
}

/* for IE5/Mac and everything else */
#pageContainer #content {
	margin:30px 0 0 40px;;
	width:262px;
	height:310px;
	padding:0 15px;
	overflow:auto;
	position:relative;
	top:-40px
}

/* IE5/Mac will not see this declaration of #content <li>s \*/
#pageContainer #content {
	top:0;
	width:252px;
	padding:0 5px;
}