/* Global Styles */

#content .gutter ul{
font-size:.9em;
font-weight:bold; 
line-height:1.5em;
}

.box .contact{
font-size:80%;
text-align:right;
padding:10px 15px 40px 10px;
margin:0;
}

.regular{
font-size:medium;
list-style:none;
line-height:1.5em;
}


.small{
font-size:x-small;
}

body{
	font-size:medium;
	margin:10px auto;
	width:800px;
	font-family:Geneva, sans-serif;
	background-color:#003300;
	
	}
/*Backgrounds Wraps*/

#content .gutter{
	padding:0;
	margin:0;
	}
#wrap{max-width: 1200px;}


/*TEXT STYLING*/

#leftnav li a{
padding:0;
margin:0;
text-align:left;
margin-left:-20px;
}

#leftnav .gutter h4{
	 color:#FFF;
	 padding:15px 0 0 5px;
	 margin:0;
	font-family:Geneva, sans-serif;
	padding:0;
	}

/*headerlinks*/
#headerlinks{
	padding: 5px 10px 20px 10px;
	margin:0;
	background:#d4b260 url(../../header_slices/headerlinks_bg_access.gif) repeat-x top left;
	background:#003300;
	}

#headerlinks ul{
margin:0;
padding:0;
}
#headerlinks li{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	font:Geneva, sans-serif;
		}
#headerlinks a{
		float: right;
	padding:0;
	text-decoration:none;
	margin: 0 0 4px 10px;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	}
#headerlinks a:hover, body#intro #t-intro a{
	text-decoration:underline;
	}
/*Banner*/
#bannerwrap{
margin:0;
	padding:0;
	}
#banner{
	margin:10px 0 0 0;
	padding:0;
	height:150px;
	width:800px;
	background:#074B0D;
	background:url(../pics/ootibanner3.jpg) no-repeat;
	background-position:bottom;
	}


#logotext{
	margin:0 auto;
	padding:0;
	position:absolute;
	float:left;
	width:800px;
	height:200px;
}

#bimg{
margin:0;
padding:0;
float:right;
width:150px;
height:100px;
}

/* for all browsers that understand min-width */
#bannerwrap {position:relative; width:100%; min-width:800px;}
#banner {display:block; color:#000;}

/*dropdown navbar*/
#navbar{
border:1px solid #CC9933;
border:none;
height:30px;
float: left;
	width: 800px;
	 margin:0 auto;
	padding:0;
}
.menu ul li:hover a.hide1{
	color:#fff;
	background:#424F7B;
}

.menu ul li:hover a.hide2{
	color:#fff;
	background:#333300;
}
.menu ul li:hover a.hide3{
	color:#fff;
	background:#443074;
}
.menu ul li:hover a.hide4{
	color:#fff;
	background:#46122B;
}
.menu ul li:hover a.hide5{
	color:#fff;
	background:#605B46;
}
.menu ul li:hover a.hide6{
	color:#fff;
	background:#884635;
}
.menu {
	font-family: arial, sans-serif;
	width:750px;
	position:relative;
	margin:0;
	font-size:11px;
	font-weight:bold;
	margin:0 auto;
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#d4b260;
	width:110px;
	height:30px;
	text-align:center;
	border-left:1px solid #CC9933;
	border-right:1px solid #CC9933;
	border:none;
	line-height:25px;
	font-size:12px;
	overflow:hidden;
	}
.menu ul {padding:0 0 0 50px; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:-50px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li{opacity:.9;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000; width:150px;text-align:left; padding:0 0 0 10px;}
.menu ul li:hover ul li ul li a {display:block; background:#ddd; color:#000; width:175px;text-align:left; padding:0 5px; margin:0 0 0 6px;}
.menu ul li:hover ul li a:hover {background:#d4b260; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li a.hide4{
width:375px;
}
/*end dropdown navbar*/

/*main-body*/
#main-body{
	margin:0;
	padding:0;
	float:left;
	background:url(../images/threecolleft.gif) repeat-y -221px;
	
	}

#content{
	float:right;
	margin: 0;
	padding:5px 0;
	background: #005826 url(../images/contentbg3.gif);
	color:#FFFFFF;
	font-size:larger;
			}
#mainlist li{
list-style:none;
padding:5px 0;
}
#content .gutter{
	margin:5px 10px;
	padding:5px;
	}

/*leftnav*/

#leftnav{
	float:left;
	width:150px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0;
			}


#leftnav li{
	font-size: 90%;
	margin:0;
	padding:10px 10px 0 0;
	list-style: none;
	font-weight:bold;
	border-bottom:none;
	display:block;
	color:#FFFF33;
	text-align:left;
	margin-left:-10px;
			}
#leftnav li a{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#006633;
	font-weight:bold;
	display:block;
	text-align:left;
	}
#leftnav ul li a.left2{
font-weight:bold;
list-style-type:square;
text-align:left;
color:#FFFFFF;

}	
#leftnav ul li a.left1{
font-weight:bold;
padding:0 5px 0 0;
border-bottom:0;
border-left:0;
background:url(../images/downarrow.gif) no-repeat top right;
text-align:left;
color:#FFFFFF;
}

#yearpages{
}
#yearpages ul li a{
font-size:1em;
font-weight:bold;
}	

#yearpages ul li{
line-height:1.5em;
list-style-type:none;
margin-bottom:35px;
}
#yearpages ul li img{
padding-right:20px;
float:left;
width:90px;
}

#leftnav a:hover, body#intro #t-intro a{
text-decoration: underline;	
	}
#leftpic{
	padding:0;
	margin:0;
	}	

/*Quick Links Bar*/

#caption{
width:90%;
font-size:small;
text-align:center;
margin:0 0 15px 0;
padding:10px;
}

.rightpics img{
width:90%;
margin:auto;
margin-top:10px;
padding:0;
}
.box {
float:right;
	margin:10px 10px 0 10px;
	padding:0;
	text-align:center;
	width:155px;
	background:url(../images/boxbottom.gif) no-repeat bottom left;
}

.box h3{
	
	margin:0;
	padding:10px;
	font-size:75%;
	color:#CCFFCC;
	border-bottom:3px solid #669966;
	background:url(../images/boxtop.gif) no-repeat top left;
	}
.box ul{
	text-align:right;
	margin:0;
	font-size:75%;
	padding:14px 25px 35px 20px;
	list-style:none;
	}
.box ul li{
margin:0 0 7px 5px;
padding:0;
color:#003300;
text-align:left;
list-style-type:square;
}

.box p{
margin:10px;
padding:0;
color:#003300;
text-align:left;
}

#quicklinks{
	margin: 0;
	padding:0;
	float: right;
	width: 180px;
	height:auto;
	background-color:#368357;
	}
#a{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	font-weight:normal;
	font-size:100%;
	color:#FFFF66;
	display:block;
	border-bottom:none;
	}
#quicklinks .gutter{
	margin:0;
	padding:0;
	float:right;
		}
#styleswitcher{
	width:85px;
	margin:0;
	padding:5px 0;
	text-align:right;
	}
#biogutter{
	float:right;
	width:180px;
	background-color:#368357;
	margin:0;
	padding:0;
}
#bio a{
padding:0;
margin:0;
display:inline;
}

#bio{
padding:5px;
margin:0;
font-size: 80%;
width:140px;
}

#back{
padding:0;
margin:0;
display:inline;
background-color:#333300;
font-weight:bold;
color:#fff;
	}
used in Flash Fiction Page
#quicklinks .gutterflash{
font-size:100%;
}
#quicklinks .gutterflash a{
font-size:100%;
display:inline;
color:blue;
}

#flashsidebar{
background-color: rgb(222, 232, 239);
}
.small{
font-size:85%;
}

/*footer*/

#footer{
	clear: both;
	padding: 10px;
	text-align:center;
	}
#footer a{
color:#CC9933;
text-decoration:none;
padding:5px;
}

#footer p a{
	margin: 3px;
	color:#d4b260;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	}
	
#footer a:hover, body#intro #t-intro a{
	color:#d4b260;
	text-decoration:underline;
	font-weight:normal;
	}
#footernav span {display:none;
}

#address {
	padding:0;
	margin:0;
	color:#CCCCCC;
	font-size: 110%;
	text-align:center;
	line-height:1.5em;
}

#address li a{
font-size:100%;
}


/* Theatre Color Information */

#navbar{
margin:0 0 0 0;
background-image:url(../images/menubggreenbig.gif);
border-top:5px solid #003300;
border-bottom:5px solid #003300;
}

#quicklinks p{
line-height:1.25em;
padding:0 3px 0 0;
color:#000;
}

#quicklinks h4{
font-size:smaller;
color:#66CC66;
line-height: 1.5em;
border-bottom:1px solid #66CC66;
margin:0 8px 0 0;
}

.showpage{
	padding: 0 0 10px 0;
	margin:0;
	float:right;
	border:none;
}

.showpagealt{
padding: 0 0 10px 0;
	margin:0;
	float:right;
	border:2px solid green;
	border-bottom:none;
}


#leftnav{
background:url(../images/leftnavbg3.gif);
background-color:#37954b;
}

p{
font-size:.9em;
line-height:1.5em;
}

h1,h2,h3{
color:#FFFF00;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

h2{
font-size:1.75em;
}
h3{
margin:5px 0 0 0;
color:#FFFFCC;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
#content a{
color:#FFFFCC;
}

h4{
	color:#FFFF66;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	font-size:1.25em;
	}
h5{
	color:#33CC66;
	font-family:Geneva, sans-serif;
	margin:0;
	padding:0;
	}

#logotext{
background:url(../../header_slices/theatretext2.gif) no-repeat center;
}

#bimg{
background:url(../../header_slices/theatreimg.gif) no-repeat top right;
}

#wrap{
	background:url(../images/threecolrt.gif) repeat-y -746px;
	
}
#wrap-inner{
background-color:pink;
	background-repeat: repeat-y;
	background-position: 18%;
	background: #005826 url(../images/threecolrt.gif) repeat-y -746px;
		}

		

/*HACKS*/

/*Hide from IE5/Mac\*/
*html #footer {height:1%;}
/*end hide from IE5/Mac*/