/*new*/

body {
//	background:#325;
	margin:0px;
//	color: #606;
}

#nav_0:hover { color:#F5003C ! important; }
#nav_1:hover { color:#F5B800 ! important; }
#nav_2:hover { color:yellow ! important; }
#nav_3:hover { color:#00F53D ! important; }
#nav_4:hover { color:#00F ! important; }
#nav_5:hover { color:#B800F5 ! important; }
#nav_6:hover { color:#D19D00 ! important; font-size:1em ! important; }
#nav_6 { font-size:1em ! important; }
#nav_7:hover { color:#FFFF00 ! important; }
#audition { color:#0077B3 ! important; font-size:2.5em ! important; }
#audition:hover { color:#FF295E ! important; font-size:2.5em ! important; }
#voice:hover { color:#2EB800 ! important; font-size:1.8em ! important; }
#voice { color:#0077B3 ! important; font-size:1.8em ! important; }

/*
#nav_0 { color:#F5003C ! important; }
#nav_1 { color:#F5B800 ! important; }
#nav_2 { color:yellow ! important; }
#nav_3 { color:#00F53D ! important; }
#nav_4 { color:#00F ! important; }
#nav_5 { color:#B800F5 ! important; }
#audition { color:#FF295E ! important; font-size:2.5em ! important; }
#voice { color:#2EB800 ! important; font-size:1.8em ! important; }
#nav_6 { color:#D19D00 ! important; font-size:1em ! important; }
*/

#title{
	width:100%;
	text-align:right;
	font:4em Verdana, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#FFF;
}

.header {
	width:840px;
	height:350px;
	background:#000;
}

.home  {
	background: url(images/banner-shakespeareinhollywood.jpg) #000 no-repeat top left;
}

.headshot {
	background: url(images/banner-headshot.jpg) #000 no-repeat top left;
}

.pastproductions {
	background: url(images/banner-bloodbucketballyhoo.jpg) #000 no-repeat top left;
}

.currentproduction {
	background: url(images/banner-columbia.jpg) #000 no-repeat top left;
}

.audition {
	background: url(images/banner-starspangledgirl.jpg) #000 no-repeat top left;
}

.voice {
	background: url(images/banner-voice.jpg) #000 no-repeat top left;
}

.links {
	background: url(images/banner-thewomen.jpg) #000 no-repeat top left;
}

.teaching {
	background: url(images/banner-PYT1.jpg) #000 no-repeat top left;
}

.teachingresume {
	background: url(images/banner-swimming.jpg) #000 no-repeat top left;
}

.teachinglinks {
	background: url(images/banner-PYT2.jpg) #000 no-repeat top left;
}

.improv {
	background: url(images/banner-improv.jpg) #000 no-repeat top left;
}

.bigcityimprov {
	background: url(images/banner-bigcity.jpg) #000 no-repeat top left;
}

.middleschoolpoetry{
	background: url(images/banner-msp.png) #000 no-repeat top left;
}

.NTC{
	background: url(images/banner-ntc08v2.jpg) #000 no-repeat top left;
}

.video {
	float:left;
	margin:10px;
	text-align:center;
	color:#FFF;
}

.credit {
	font:.8em Verdana, Helvetica, sans-serif;
	padding-right:10px;
	width:340px;
	float:left;
}

.audio {
	float:left;
	margin:10px;
	text-align:center;
	color:#FFF;
}

#navcontainer {
	color:#FCF;
	z-index:1;
	padding-right:4px;
	float:right;
	text-align:right;
	width:450px;
}

#navcontainer a {
	color:#ADAD7F;
	letter-spacing:2px;
	font: 1.5em/1.5em Verdana, Helvetica, sans-serif;
	z-index:1;
	text-decoration:none;
}

#navcontainer a:hover {
	z-index:1;
	text-decoration:underline;
}

#outer {
	// background:url(images/upper-left.gif) #FFFF61 no-repeat top left;
    border:0;
	width:900px;
	margin:20px;
}

#container{
	font: .75em Verdana, Helvetica, sans-serif;
	width:840px;
	// background:#0099E6;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#footer {
	// background:#00D600;
	border:1px solid #000;
	padding:4px;
	margin:2px;
	text-align:center;
	font: 1em Verdana, Helvetica, sans-serif;
}

.copy {
	color:#000;
	font:1em Verdana, Helvetica, sans-serif;
}

.copy a {
	font-weight:bold;
}

.content {
	padding:10px;
}

.headshot_thumb {
	background:#FFF;
	padding:4px;
	border:2px solid #000;
}

.thumbnail {
	float:right;
	text-align:center;
	padding-right:5px;
	padding-left:20px;
	padding-bottom:10px;
}

.thumbnail2 {
	float:left;
	text-align:center;
	padding-right:20px;
	padding-left:5px;
	padding-bottom:10px;
}


.thumbnail img, .thumbnail2 img {
	border:1px solid #000;
	margin-bottom:5px;
}

.showName {
	height:2em;
	cursor:pointer;
	background:#FF0;
	color:#000;
	padding:4px;
	margin:2px;
	border:1px solid #000;
	font: bold 1em Verdana;
	text-decoration:none;
	display:block;
}

.showName:hover {
	background:#FFF;
}

.year {
	cursor: pointer;
	background:#6F3;
	color:#000;
	padding:4px;
	margin:2px;
	border:1px solid #000;
	font:normal .8em Verdana, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
}

.year:hover {
	background:#FFFF61;
}

.yeartext {
	font:bold 1.2em Verdana, Helvetica, sans-serif;
}

.showDescription {
	color: #000;
	background: #0099e6;
	font:normal 1em Verdana, Helvetica, sans-serif;
}

.cell {
	background:transparent;
	width:24%;
	margin:0 3px 0 1px;
	float:left;
	font:.8em Verdana, Helvetica, sans-serif;
}

.tcell {
	float:left;
	width:20em;
}

.educationlist .tcell {
	float:left;
	width:20em;
}

.title {
	color:#FFF;
	font: bold 1.5em Verdana, Helvetica, sans-serif;
}

.caption {
	margin:auto;
	width:80%;
}

.purple {
	color:#B800F5;
}

.prop {
	width:1px;
	clear:left;
}

.clear {
	clear:both;
}

#resume {
	background:#FFF;
	font: 1em "Times New Roman", serif;
}

#teachingresume ul ul ul {
	list-style:square;
	font:normal 9pt sans-serif;
	font-style:italic;
}

#teachingresume ul ul {
	font:normal 11pt sans-serif;
}

#teachingresume ul {
	list-style: none;
	font:bold 13pt sans-serif;
	color:#000;
}

#teachingresume {
	list-style: none;
	font:bold 13pt sans-serif;
	color:#FFF;
}

.grid {
	height:20px;
	border:1px solid #000;
	background:#6F3;
	margin:2px;
	padding:2px;
	text-align:center;
	display:block;
	vertical-align:middle;
	text-decoration:none;
	color:#000;
}

.grid:hover {
	background:#FFF;
}

.headshot_full {
	border:1px solid #000;
	margin:10px;
}

.slideshow {
	float:right;
	padding:5px;
	width:415px;
	text-align:center;
}