html { background-color: #5d4904 }
body {
	background: url('../images/bg_body.gif') #5D4904 top left repeat-x;
	width: 100%; height: 100%;
	line-height: 1.6em;
	border: 1px solid transparent;
	}

.ir { display: block; text-indent: -3000px; }
	
h1 a {
	width: 720px; height: 96px;
	margin: 16px auto 0 auto; padding: 0;
	background: url('../images/bg_h1_eye.jpg') top left no-repeat;
	}
h1 img#logo { display: none }

#nav ul {
	position: relative;
	width: 720px;
	margin: 0 auto;
	font: 16px calibri, helvetica, arial, verdana, sans-serif; 
	line-height: 32px;
	text-align: center;
	}

#nav ul li {
	float: left;
	width: 144px;
	}

#nav ul li a {
	display: block;
	height: 32px;
	color: #ffe69c;
	text-decoration: none;
	}
#nav ul li a:hover { background-color: #D33B0D }

#nav ul li .sel {
	display: block;
	height: 32px;
	background-color: #d33b0d;
	color: #ffd555;
	}
#nav ul li .menu { 	text-indent: -3000px }

#nav ul li ul {
	position: absolute;
	left: 0px;
	height: 24px;
	}
#nav ul li ul li .sel {
	height: 24px;
	color: #ffd555;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-indent: 0;
	}
#nav ul li ul li a {
	height: 24px;
	color: #ffd555;
	font-size: 12px;
	line-height: 24px;
	}
#nav ul li ul li a.selSub { font-weight: bold; letter-spacing: 0.1em; text-decoration: underline; }

#kohl_home #content { position: relative }
#content #social { position: absolute; top: 0; right: 0; width: 216px; border: 2px solid #bc9315; border-right: none; border-top: none }
#content #social p { width: 216px; margin: 0; padding: 6px 0; text-align: center; background-color: #c04d05; color: #ffd599 }
#content #social p a { text-decoration: none }
#content #social p img { margin: 0 0 0 4px; vertical-align: bottom }

#footer {
	width: 720px;
	margin: 16px auto;
	font: 1.2em verdana, helvetica, arial, trebuchet ms, sans-serif;
	color: #b8ab2d;
	}
#footer #est { float: left; }
#footer #copy { float: right; }
#footer p { text-align: center; }
#footer a { color: #b8ab2d; }
#footer a:hover { color: #d9cf64 }
#footer p.denet, #footer p.denet a { margin-top: 1.0em; color: #968b25 }

#content {
	width: 680px; height: 100%;
	clear: both;
	margin: 0 auto; padding: 16px; padding-top: 40px;
	background: #f8faa7 url("../images/bg_nav_sub.gif") top left repeat-x;
	border: 4px solid #bc9315; border-top: none;
	color: #300000;
	font-size: 1.6em; line-height: 1.0em;
	}

#content abbr, #content acronym { font-size: 100%; border-bottom: 1px dotted blue; }
#content h2, #content h3, #content ul, #content dl, #content div, #content p { width: 520px; margin-left: auto; margin-right: auto; }

#content .border { border: 4px solid #300000 }
#content .left { float: left }
#content .right { float: right }
#content #clear { clear: both }

#content p {
	margin-top: 2em; margin-bottom: 2em;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: left;
	}

#content h2 {
	font-family: papyrus;
	font-size: 1.5em;
	line-height: 1.333em;
	margin-top: 0.5em; margin-bottom: 0.33em;
	text-align: center;
	}

#content h3 {
	margin-top: 2em; margin-bottom: 0.33em;
	font-family: papyrus;
	line-height: 1.2em;
	}

#content h4 { font-size: 0.92em }

#content q { color: #300000;  }
#content q * { margin: 0; padding: 0}

#content #photos { width: 640px; clear: both; text-align: center }
#content #photos h4, #content #photos ol { width: 520px; margin: 0 auto; text-align: left }
#content #photos .left { clear: left }
#content #photos .row2 { margin-top: 1em }
#content #photos h4 { font-size: 1.0em; clear: both; padding-top: 2em }
#content #photos h4 .dir { font-size: 76%; font-weight: normal }
#content #photos li { margin-bottom: 0; padding-top: 0; font-size: 0.75em }

/*
________________________________
DROP CAP STYLES                                          */
#content p .drop {
	float: left;
	font-size: 400%;
	font-family: papyrus;
	line-height: 100%;
	padding: 6px 3px 0 3px;
	}

#content p .dropWord { text-transform: uppercase }


/*
________________________________
PAGE STYLES                                                  */

/*  Basic Page Styles  */
#content .alignL { text-align: left } #content .alignR { text-align: right } #content .alignC { text-align: center } #content .alignJ { text-align: justify }
#content .floatL { float: left } #content .floatR { float: right }
#content p.left {text-align: left} #content p.right {text-align: right} #content p.justify {text-align: justify} #content p.center {text-align: center}
#content .hidden {display: none} #content .clear { clear: both }

/*  Inter-Page Styles  */
#content .schedule { width: 620px; margin: 0 auto }
#content .schedule h2 { width: 620px; margin-left: auto; margin-right: auto }
#content .events{ width: 520px }
#content .event { margin: 24px 0 }
#content .events h4 { float: left; line-height: 18px }
#content .events p { width: auto !important; }
#content .events p.details, #content  .events p.description,
#content .events p.director, #content  .events p.link { margin-top: 0; margin-bottom: 0 }
#content .events p.details { text-align: right }
#content .events p.director { float: right; text-align: right; margin-top: 0; }

/*  Individual Page Styles  */
#kohl_home #content, #kohl_tickets #content, #kohl_contact #content { background-image: none }

#kohl_home #content { background-image: none; text-align: center }
#kohl_home h2 em { font-style: italic !important; text-transform: none !important }
#kohl_home .caption { margin-top: 0; }
#kohl_home .newWork h4 { width: 520px; margin-left: auto; margin-right: auto; }
#kohl_home .newWork ul { margin-bottom: 2em; font-size: .75em; text-align: left; list-style-type: disc }
#kohl_home .newWork ul li {margin: 12px 50px}
#kohl_home #content .quotes { margin: 0 auto 1em auto; width: 60%; text-align: left }
#kohl_home #content .quotes cite { display: block; margin-top: 0.5em; text-align: right }
#kohl_home #content .quotes li { margin-top: 0.25em }
#kohl_home #content img { margin-bottom: 0.5em }
#kohl_home #content p.author { font-size: 1.0em; text-align: center }
#kohl_home #content p.narrow { width: 420px }
#kohl_home #content em { font-style: normal; text-transform: uppercase }

#kohl_about_staff #content dl { width: 420px; margin-bottom: 3em }
#kohl_about_staff #content dl dt { float: left; padding: 0.5em 0 }
#kohl_about_staff #content dl dd { text-align: right; padding: 0.5em 0 }
#kohl_about_staff #content #bios{ width: 620px }
#kohl_about_staff #content img.right { margin-left: 1.5em }

#kohl_about_sponsors #content p { text-align: center }
#kohl_about_sponsors #content dt { margin: 1.5em 0 0.5em 0 }
#kohl_about_sponsors #content dt .desc { font-size: 0.75em }
#kohl_about_sponsors #content dd { font-size: 0.75em; margin-bottom: 1em }


.kohl_press #nav ul ul { left: 144px }
.kohl_press #content dt { margin: 1.5em 0 0.5em 0 }
.kohl_press #content dd, .kohl_press #content li { font-size: 0.75em; line-height: 1.5em; margin-bottom: 1em }
.kohl_press #content .list dd { margin-bottom: 0 }
.kohl_press #content li { margin-bottom: 1em }
.kohl_press #content div, .kohl_press #content div h3, .kohl_press #content div dl { width: 300px }
.kohl_press #content #awards { float: right; min-height: 300px; margin-right: 19px; background: url("../images/bg_awards.gif") center center no-repeat }
.kohl_press #content #press { float: left; margin-left: 19px }
#kohl_press_theatre #content #photos { text-align: center }
#kohl_press_theatre #content #photos .center { margin-top: 12px }
#kohl_press_theatre #content #photos ul { text-align: left; clear: both }
#kohl_press_theatre #content #photos ul  li { margin: 12px 0 }

#kohl_tickets #content img { width: 230px; height: 345px; margin: 0.5em 2.0em }
#kohl_tickets #content em { font-weight: bold }

.kohl_productions #nav ul ul li { float: right }
.kohl_productions #nav ul ul { width: 576px }
.kohl_productions #content h2, .kohl_productions #content h3, .kohl_productions #content dl, .kohl_productions #content dl dd p, .kohl_productions #content div { width: 540px }
* html .kohl_productions #content dl dd p {width: auto}
.kohl_productions #content .gallery li { width: 112; height: 84px; float: left; margin: 8px 4px }
.kohl_productions #content .gallery li a img { border: 4px solid #300000 }
.kohl_productions #content .clear { clear: both }
.kohl_productions #content .bios { margin-top: 1em }
.kohl_productions #content .bios dt { clear: left; font-size: 0.82em }
.kohl_productions #content .bios .bioPic { float: left; margin: 4px 8px 0 0 }
.kohl_productions #content .bios .bioPic img { border: 2px solid #300000 }
.kohl_productions #content .bios dd, .kohl_productions #content .bios p { width: auto }
.kohl_productions #content .bios .bioText p { margin-top: 0 !important }
.kohl_productions #content #poetPics { text-align: center }
.kohl_productions #content #poetPics .right { margin-right: 0 }
.kohl_productions #content img.right { margin-left: 1em; margin-right: 4em; }
.kohl_productions #content img.center { margin-top: 1em }
.kohl_productions #content #poetPoster { margin-right: 0 }
#kohl_productions_theatre #content h3 { margin-top: 2.0em }
#kohl_productions_theatre #content dd p { margin: 1.0em 0 }
#kohl_productions_film #content #poetPic1 { width: 240px; height: 320px }

#kohl_contact #content dl { width: 420px; margin: 0 auto }
#kohl_contact #content dt { float: left }
#kohl_contact #content dd { margin-bottom: 1.0em; font-size: 0.75em; text-align: justify }
#kohl_contact #content dd.mail { text-align: right; margin-bottom: 0.5em }

#kohl_article #content h3 { text-align: center }
#kohl_article #content cite {
	display:block; 
	margin: 0 auto; width: 420px;
	font-size: 0.86em; text-align: right
	}
#kohl_article #content img.left { margin: 1em 1em 1em 5em; border: 3px solid #300000;}
#kohl_article #content p.note { padding-top: 1em; border-top: 1px solid gray }