/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html, body {
	font:1em "Times New Roman", Times, serif;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
}
body {}
* html #content{
height:100%;
width:860px;/* box model hack for ie5.+*/
w\idth:860px
}

#content{
	min-height:100%;
	height:auto;
	width:860px;
	margin: 0 auto;
	position:relative;
	text-align:left;
	background-color: #000000;
}
#menu {width: 860px;height: 48px;background-color: #784f77;	}

#main {
	background-color: #000000;
	width: 100%;
	text-align: left;
	padding: 20px 10px;
}
#main p{padding:10px 10px;}

#main li {line-height:18px;padding-bottom:12px;}

#main2 {
	background-color: #000000;
	width: 100%;
	text-align: center;
	padding: 20px 10px;
}
#main2  p{padding:0 10px;}

#footer1,#footer2{
	width:100%;
	position:absolute;
	bottom:0;
	left:3px;
	height:50px;
	color: #000000;
	background-color: #000000;
}
#footer1{background-image: url(images/footer.gif);background-repeat: repeat-x;}
#footer2 {background-image: url(images/footer_long.gif);background-repeat: no-repeat;}

#clearfooter{clear:both;height:50px;width:100%;}

#playdescription {
	background-image: url(images/playsbg.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	font-size:18px;
	background-attachment: fixed;
	background-position: center bottom;
}
#playdescription p{margin:25px 10px;line-height:28px;}
#playdescription h1, #playdescription h2, #playdescription h3{font-family:"Times New Roman", Times, serif;color:#bd79ba;}
#playdescription h1{font-size:36px;	margin: 30px 0 20px 0; }
#playdescription h2{font-size:24px;	margin:-20px 0 20px 0;}
#playdescription h3{font-size:20px;	margin:0px 0px -10px 0;}
#playdescription .quote {font-style: italic;margin: 40px 80px 40px 60px;}
#playdescription a {font-size: 14px; outline: none; padding-top:20px;}
#playdescription a:link, #playdescription a:visited{text-decoration:none;color:#FFCCFF;}
#playdescription a:hover {text-decoration:none; color: #FFFF99;}
#playdescription a:active {text-decoration:none; color: #FFCCFF;}


div>p {margin:0}

.llamapic {	width:500px; text-align:center; }
.llamapic img {padding:5px; border:2px dotted #ffff33;margin-left:175px;}
.imgborder {padding:5px; border:2px dotted #ffff33;}
/* class styles */
.centre {text-align:center;}

.contactinfo {
	margin: 10px;
	width: 700px;
}

.contactinfo td {padding-bottom: 30px;	vertical-align: top;}

#galleryinfo {background-color: #000000;margin-left: 200px;	padding: 10px;}
.posters {padding-bottom:20px;}
.posters img {
	margin: 0 10px;
 	border: 2px dotted #FFFF33;
	float:left;
  }
.display {width: 100%; margin: 20px;}

.info {
	background-color:#cdacef;
	font-size: 80%;
	color: #000000;
	border: thin groove #9966cc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 2px;
}

.hilite {font-size: 110%;font-weight: bold;margin-right: 10px;}
.hilite2 {font-weight: bold;font-size: 105%;}
.hilite3 {font-size: 115%;font-weight: bold;}
.hilite4 {font-size: 95%;font-weight: bold;}

.title {font-style: italic;}
.titlelg {font-style: normal;font-size:110%;font-weight:bold;color:#CCACF2;}
.titlelgwhite{font-style: normal;font-size:110%;font-weight:bold;color:#ffffff;}

img {border: none;}

.leftimg { /* text wraps around image floating on left */
   float:left;
   /*margin:20px 20px 20px 0;*/
   border: none;
   }

.rightimg {
   float:right;
   /*margin:20px 0 20px 20px;*/
   border: none;
}

.tcuimg {
	float: left;
	margin-right: 1px;
	border: none;
	margin-bottom: 2px;
   }
.noborder{border:none;}  
.bioinfo{padding-left:30px;}
.bioinfo p, .bioinfo ul{margin-left:20px;}
.bioinfo li {list-style-image: url(images/y_dot.gif);line-height: 1.8em;}
.insidelist {margin-bottom:5px;}
.insidelist li{
	list-style-position: outside;
	list-style-type: circle;
	margin: 0;
	
}

.list li{margin-bottom:0px}

.leftcol,.rightcol{vertical-align: top;}
.leftcol{width:30%;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:10px;
}
.rightcol{text-align:center;}
#leftnav {
	list-style-type: none;
	margin-top:0;
	line-height:24px;
}
#leftnav li{margin-left:-20px;padding:0px 15px 20px 0;}
#leftnav a:link,#leftnav a:active,#leftnav a:visited{text-decoration:none;color:#ffffff;}
#leftnav a:hover{color:#FF66FF;text-decoration:underline;}
a:hover {text-decoration:underline; color: #FFFF99;}
}

/* tab styles */
a {outline: none;}
a:link, a:visited, a:active{text-decoration:none;color:#FF66FF;}
a:hover {text-decoration:underline; color: #FFFF99;}


h1 {font-size: 150%;}
h2 {font-size: 120%;}

.indent {text-indent: 50px;}

#floozy {
	padding-left: 60px;
	padding-right:75px;
	background-color: #000000;
	text-align: left;
}
#floozy h1 {
	text-align:center;
	font-size: 24px;
	color: #F1002F;
}

.courierfont {font-family: "Courier New", Courier, mono;}

.box {
	width: 600px;
	background-color: #000000;
	margin-left:auto;
	margin-right:auto; 
	padding: 10px;
	border: thin solid #FFFFFF;
	text-align: center;
}

.box h1 {color:#FF99FF}

.yellowtitle {
	font-style:italic;
	color: #FFFF33;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.yellowtitlelg {
	font-style:italic;
	color: #FFFF33;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 120%;
}

.purpletitle {
	font-style:italic;
	color: #b48ef8;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

#upcoming-menu {width: 860px;height: 48px;background-image: url(images/menu_stripe.gif);background-repeat: repeat;	}

/*************** Resident Artists *****************/
.artist {border: none;}
.resartists td {vertical-align:top;	padding: 5px 20px 10px 5px;}

#activebio {
	padding: 5px 5px 10px 5px;
	border-top: medium dotted #FFFF00;
	border-right: medium dotted #FFFF00;
	border-bottom: medium dotted #FFFF00;
	border-left: none;
	vertical-align:top;
}
#activename {
	padding: 5px 5px 10px 5px;
	border-top: medium dotted #FFFF00;
	border-right: none;
	border-bottom: medium dotted #FFFF00;
	border-left: medium dotted #FFFF00;
	vertical-align:top;
}
.smaller {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.marquee {
	border: medium dotted #ffff00;
	padding: 20px;
	margin: 0 100px;
}
.postertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.flourish {margin:-15px 50px 5px 75px;}

#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .1em;
	position: absolute;
	top: 25px;
	left: 315px;
}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {color:#FFFFFF;}
#breadcrumbs a:hover {color: #ffccff;}

/*----- Styles for main navigation bar -----*/

#menu {position: relative; margin: 0px auto; padding: 0px; width: 850px; height: 51px; background: url(images/menubar.jpg) no-repeat;}
#menu li {height: 51px; position: absolute; top: 0px; background: url(images/menubar.jpg) 0 0 no-repeat; display: block; list-style: none;}
#menu a {height: 51px; display: block;}
#menu a:hover {}
#menu #nav-home {width:310px; left:0;}
#menu #nav-about {width: 76px;left: 310px; background-position: -310px 0;}
#menu #nav-melissa {width: 114px;left: 386px; background-position: -386px 0;}
#menu #nav-gallery {width:70px;left: 500px; background-position: -500px 0;}
#menu #nav-services {width:80px;left: 570px; background-position: -570px 0;}
#menu #nav-press {width:60px;left: 650px; background-position: -650px 0;}
#menu #nav-llama {width:60px;left: 710px; background-position: -710px 0;}
#menu #nav-contact {width:80px;left: 770px; background-position: -770px 0;}

/* declarations to style the hover and current states of main navigation bar*/

#home #menu #nav-home a, #menu #nav-home a:hover {background: url(images/menubar.jpg) no-repeat 0px -51px;}
#about #menu #nav-about a,#about_emilya #menu #nav-about a,#about_emilyc #menu #nav-about a,#about_erik #menu #nav-about a,#about_jamie #menu #nav-about a,#about_jordann #menu #nav-about a,#about_laurab #menu #nav-about a,#about_lily #menu #nav-about a,#about_melissa #menu #nav-about a,#about_scott #menu #nav-about a,#menu #nav-about a:hover {background: url(images/menubar.jpg) -310px -51px no-repeat;}
#mmbio #menu #nav-melissa a,#mmed #menu #nav-melissa a,#mmplays #menu #nav-melissa a,#mmpubs #menu #nav-melissa a,#mmprods #menu #nav-melissa a,#mmawards #menu #nav-melissa a,#menu #nav-melissa a:hover {background: url(images/menubar.jpg) -386px -51px no-repeat;}
#gallery #menu #nav-gallery a,#menu #nav-gallery a:hover {background: url(images/menubar.jpg) -500px -51px no-repeat;}
#services #menu #nav-services a,#menu #nav-services a:hover {background: url(images/menubar.jpg) -570px -51px no-repeat;}
#press #menu #nav-press a,#menu #nav-press a:hover {background: url(images/menubar.jpg) -650px -51px no-repeat;}
#llama #menu #nav-llama a,#menu #nav-llama a:hover {background: url(images/menubar.jpg) -710px -51px no-repeat;}
#contact #menu #nav-contact a,#menu #nav-contact a:hover {background: url(images/menubar.jpg) -770px -51px no-repeat;}

/*----- Styles for Melissa Major side nav bar -----*/
#biomenu {position: relative; top: 20px; margin: 0px auto; padding: 0px; width: 95px;}
#biomenu li {min-width: 95px; height: 30px; position: absolute; top: 0; background: url(images/biomenu.jpg) 0 0 no-repeat; display: block; list-style: none;}
#biomenu a {min-width: 95px; height: 30px; display: block;}
#biomenu a:hover {}
#biomenu #bio {width: 95px;left: 0;}
#biomenu #ed {width: 95px;left: 0; top: 30px; background-position: 0 -30px;}
#biomenu #plays {width:95px;left: 0; top: 60px; background-position: 0 -60px;}
#biomenu #pubs {width:95px;left: 0; top: 90px; background-position: 0 -90px;}
#biomenu #prods {width:95px;left: 0; top: 120px;background-position: 0 -120px;}
#biomenu #awards {width:95px;left: 0; top: 150px;background-position: 0 -150px;}

/* declarations to style the hover and current states of Melissa Major side nav bar items*/

#mmbio #biomenu #bio a, #biomenu #bio a:hover {background: url(images/biomenu.jpg) -95px 0px no-repeat;height:30px;}
#mmed #biomenu #ed a,#biomenu #ed a:hover {background: url(images/biomenu.jpg) -95px -30px no-repeat;height:30px;}
#mmplays #biomenu #plays a,#biomenu #plays a:hover {background: url(images/biomenu.jpg) -95px -60px no-repeat;height:30px;}
#mmpubs #biomenu #pubs a,#biomenu #pubs a:hover {background: url(images/biomenu.jpg) -95px -90px no-repeat;height:30px;}
#mmprods #biomenu #prods a,#biomenu #prods a:hover {background: url(images/biomenu.jpg) -95px -120px no-repeat;height:30px;}
#mmawards #biomenu #awards a,#biomenu #awards a:hover {background: url(images/biomenu.jpg) -95px -150px no-repeat;height:30px;}