html{
	height:100%;
}


body {
	height:100%;
	width:100%;
	margin: 0;
	border: 0;
	padding: 0;
	background: #252525;
	behavior: url("csshover3.htc"); 
	
}

div#container{
	position: relative;
	width:expression(document.body.clientWidth < 800 ? "1000px": "100%" );
	min-height: 100%;
}


	
div#header{
	height: 100px;
	padding-left: 45px;
	z-index:2;
}
	
div#nav{
	float:left;
	width: 18%;
	margin-top: 2%;
	padding-left:0px;
	}	
	
div#nav a{
	display:block;
	width:6em; 
	padding-top:5;
	padding-bottom:5;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-decoration:none; 
	color:#C2C2C2; 
	font-family: "serif";
}


.nav{
	margin-bottom:3px;
	margin-top:3px;
}
		
div#nav a:link
	{ background:#363636; 
	border: 2px outset #3C0005;
} 
	
div#nav a:visited
	{ background:#363636; 
	border: 2px outset #3C0005;
} 
		
div#nav a:hover
	{ background:#555555;
	/*text-transform: uppercase; */
	border:2px outset #01172E; 
	color:white;}
			
div#nav a:focus
	{ background:#555555;
	/*text-transform: uppercase; */
	border:2px outset #01172E; 
	color:white;}
				
h1.heading{
	padding-bottom:0px;
	padding-right:30px;
	text-transform:lowercase;
	border-bottom: 1px solid #C2C2C2;
}


h2.plays{
	font-style:italic;
	padding-bottom:0px;
	text-decoration:none;
}

h2.date{
	text-decoration: underline;
}


a.pic{
	color:black;
	/*border: 4px double white;*/
	
}
img.lightpic{
	border:4px double white;
	margin-top:20px;
	margin-right:10px;
}

div#content{
	

	min-width:680px;
	width:expression(document.body.clientWidth < 1046 ? "650px": "65%" );
	width: 65%;
	top: 200px:
	left: 0px;
	margin-left: 18%;
	padding-bottom:10%;
	clear:none;
	font-family: "serif";
	color:#ECECEC;

	
	
	}	
	
div#content a:link
	{
	color:#FF00FF; /*#ECECEC;*/
	text-decoration:underline;
} 
	
div#content a:visited
	{ 
	color:#FF00FF; /*#ECECEC;*/	
	text-decoration:underline;

} 
		
div#content a:hover
	{
	color:ECECEC;
	text-decoration:NONE;

}
			
div#content a:focus
	{ 
	color:#ECECEC;
	text-decoration:NONE;
}
	
div#content h1 { 
	margin-bottom: 0;
	margin-top: 0;
	text-align: right;
	color: #ECECEC;
	font-size: 1.7em;
	font-weight: 100;
}

div#content h2 {
	color: #ECECEC;
	font-weight:100;
	font-size: 1.3em;
	margin-bottom: 0px;
	padding-top:10px;
}


div#content p{
	color: #ECECEC;
	padding-bottom:3px;
}

p.playpics{

}


object.sfx{
	margin-top:0.5em;
	margin-bottom:0.5em;	
}	

div#footer {
	width:65%;
	margin-left: 18%;
	min-width:680px;
	width:expression(document.body.clientWidth < 1046 ? "680px": "65%" );
	position: absolute;
	bottom:0%;
	font-family: "serif";
	text-align:right;
}
	
/* Cheat to preload light images on homepage for faster access on slow connections*/
	
#preloader {
position:absolute;
top:-1000px;
height:100px;
width:100px;
overflow:hidden;
}	
	
	
/* Resume style portions of this little enterprise*/

h2.choice{
	text-decoration:underline;
	display:block;
	color: #ECECEC;
	
}


ul.play
{
	margin-left:30px;

}


u1.job{
	display:block;
	clear:left;
	
	}

ul.job li
{
	display:inline;
	float:left;
	color: #ECECEC;
}

li.theatre{

}

li.show{
	width:40%;
	
}

li.positions{
	width:30%;
	
}

li.boss{
	width:30%;
	
}

h2.resumeh2{
	color: #ECECEC;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-top:5px;
}

h3.resumeh3{
	color: #ECECEC;
	text-decoration:underline;
}

	
	

dl
{
}

dt
{
	margin-left:00px;
}

dd
{
	margin-bottom:10px;
}
	
em
{
	font-style:italic;
}
	





li.trigger{	display:block;
	width:6em; 
	padding-top:5;
	padding-bottom:5;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	margin-top:3px;
	text-align:center;
	text-decoration:none; 
	color:#C2C2C2; 
	font-family: "serif";
	background:#363636; 
	border: 2px outset #3C0005;
}

.trigger ul.menu
{
    display: none;
    position:absolute;
}
.trigger:hover ul.menu
{
    display: block;
	margin-left: 1em;
    
}