body { margin: 0; padding: 0; text-align:center; background-color: #fff; color: #231F20;}

body {font-size: 0.8em; 
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
line-height: 1.3; 
font-weight: normal; 
}

th, td {font-size: 1em; 
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
line-height: 1.3; 
font-weight: normal; 
}

html>body th, html>body td {
font-size: 1em; 
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
line-height: 1.3; 
font-weight: normal; 
}

p {padding: 5px 0; margin: 0;}
h2 {margin: 0; padding: 0 0 5px 0; font-size: 250%; color: #EB6E1F; font-weight: bold;}
h3 { margin: 0; padding: 5px 0; font-size: 100%; font-weight: bold;}

a, a:focus {outline: none;}
a:link {  text-decoration: none; color: #EB6E1F; outline: none; }
a:visited {  text-decoration: none; color: #EB6E1F; outline: none; }
a:hover { text-decoration: underline; color: #EB6E1F; outline: none; }
a:active {  text-decoration: none; color: #EB6E1F; outline: none; } 

big {font-size: 130%;}
img {border: 0;}


ul, ol {margin: 0 0 0 10px; padding: 0 0 5px 10px;}

#wrapper {position: relative; width:1009px; margin:auto; text-align: left; overflow:hidden; }

#header {height: 80px; position: relative; }

#logo {position: absolute; left: 253px; top: 25px;}
#address {position: absolute; top: 34px; left: 670px; color: #EB6E1F; font-size: 85%;}

#left {width:253px; float: left;   }
#main {width: 756px; float:right; }

#nav { width: 248px; min-height: 145px; background-color: #455560; color: #fff; }

#block {width: 503px; height: 145px; overflow: hidden; background-color: #fff; color: #fff; font-size: 200%; line-height: 1.1; float: left;}
#links {width: 248px; height: 145px; overflow: hidden;  background: url(http://www.nightwoodtheatre.net/images/template/hotlinks.gif) no-repeat #EB6E1F; color: #fff; float: right; }


#container {float:right; width:746px; padding: 5px 0; overflow:  hidden; }
#content { width: 480px; float: left; font-size: 110%;  padding: 0 0 25px 0;}
#content_wide {width: 746px;  font-size: 110%; padding: 0 0 25px 0;}


#right {width:248px;  float: right; }






#left .force_height {
 height: auto !important;
 height: 200px; 
min-height: 200px; }

#extra {position: relative; width: 248px; font-weight: bold; color: #455560; text-align: right; padding: 15px 0 0 0;}
#extra a {color: #455560; text-decoration: none; padding: 0 5px;}
#extra a:hover {color: #EB6E1F; text-decoration: none;}
#extra a.join {display: block; width: 115px; height: 115px; margin-top: 10px; padding: 0; 
        background-color: #455560; color: #fff; font-size: 200%; line-height: 1; font-weight: normal;  clear: right; float: right; text-decoration: none;}
#extra a.join span {padding: 0 5px;}
#extra a.join:hover { color: #EB6E1F;  text-decoration: none;}
#extra a.join span {display: block; padding: 5px;}

#extra a.buy {display: block; width: 115px; height: 115px; margin-top: 10px; padding: 0; 
        background-color: #EB6E1F; color: #fff; font-size: 200%; line-height: 1; font-weight: normal; clear: right;  float: right; text-decoration: none;}
#extra a.buy span {padding: 0 5px;}
#extra a.buy:hover { color: #455560;  text-decoration: none;}
#extra a.buy span {display: block; padding: 5px;}




#nav ul {margin:0; padding: 5px 0; list-style-type: none; }
#nav li {display: block; padding: 1px 0; margin: 0; zoom:1;}
#nav a {display: block; padding: 0 5px; color: #fff; font-weight: bold; text-decoration: none;  text-transform: uppercase; line-height: 14px;  text-align: right;   }
#nav a:hover {color: #EB6E1F; text-decoration: none;}
#nav a.current {color: #EB6E1F; }

#nav ul ul {background: #EB6E1F; margin: 5px 0;}
#nav li li a:hover {color: #455560;  text-decoration: none;}
#nav li li a.current {color: #455560; }



#links a {display: block; height: 45px; overflow: hidden;   font-size: 105%; background-color: #EB6E1F; color: #fff; font-weight: bold; text-decoration: none;}
#links a:hover { background-color: #455560; color: #fff;  text-decoration: none;}
#links .link {display: block; padding: 3px 5px;}
#links .more {text-transform: uppercase; color: #fff; font-weight: normal; font-size: 70%;}

#img {position: relative; padding-top: 5px;}
#img_img p {display: inline;}
#img_img img {vertical-align: bottom;}
#img_caption {position: absolute; bottom: 15px; right: 10px; font-size: 75%; text-align: right;}
#img_caption h2 {font-size: 100%; text-transform: uppercase; font-weight: bold; margin:0; padding: 0; }
#img_caption.white,  #img_caption.white h2 {color: #fff;}
#img_caption.black, #img_caption.black h2  {color: #000;}
#img_caption p {padding: 0; margin: 0;}

#block.blue {background-color: #00AEEF; color: #fff;}
#block.green {background-color: #40AE49; color: #fff;}
#block.red {background-color: #ED1C24; color: #fff;}

#block .quote {padding: 5px 10px 5px 20px;}
#block .text {padding: 5px 10px;}
#block .quote p, #block .image p {display: inline;}
#block .quote .copy {text-indent: -15px; font-weight: bold;}
#block .quote .author {position: absolute; bottom: 5px; right: 10px; font-size: 75%;}
#block .production {padding: 5px; font-size: 75%;}
#block .production h2 {font-size: 160%; color: #fff; padding: 5px 0;}

#block a:link {color: #fff; text-decoration: none;}
#block a:visited {color: #fff; text-decoration: none;}
#block a:hover {color: #fff; text-decoration: none;}
#block a:visited {color: #fff; text-decoration: none;}


#credits { clear: both; padding: 10px 0; font-size: 90%; font-size: 75%; color: #455560; }
#credits a {color: #455560; text-decoration: none;}
#credits a:hover {color: #EB6E1F; text-decoration: none;}

.red, .orange {color: #EB6E1F;}
.black {color: #231F20;}
.blue {color:#2F4C74;}
.green {color: #287261;}
.grey {color: #455560;}

small, .small {font-size: 80%;}

/*
.support {position: relative; border: solid 1px #C8C7C7; font-size: 80%; width: 243px; height: 145px; overflow: hidden; float: left; margin: 0 5px 5px 0;}
*/
table.support {margin-left: -5px;}
.support td {width: 243px; height: 145px; font-size: 80%; vertical-align: top; border: solid 1px #C8C7C7; }
.support td:hover {border: solid 1px #EB6E1F;}
.support .horizontal, .support .vertical, .support .none {padding: 10px; }

.support a:link {color: #231F20; text-decoration: none;}
.support a:visited {color: #231F20; text-decoration: none;}
.support a:hover {color: #231F20;  text-decoration: none;}
.support a:active {color: #231F20;  text-decoration: none;}

.none .title {display: block; height: 60px; overflow: hidden;  margin-bottom: 10px; font-weight: bold; font-size: 120%;}
.horizontal .logo {display: block; height: 60px; overflow: hidden;  margin-bottom: 10px;}
.vertical .logo {display: block; width: 75px; float: left; margin-right: 10px;}
.vertical .descr {display: block; overflow: hidden;}

table.media {margin-left: -5px;}
.media td {width: 243px; height: 190px; font-size: 80%; vertical-align: top; border: solid 1px #C8C7C7;  }
.media td:hover {border-color: #EB6E1F;}
.media p {padding: 0; }
.media .horizontal, .media .vertical, .media .PDF {padding: 10px;}
.media .img {width: 223px; display: block;  margin-bottom: 5px; overflow: hidden;  }
/*.media .download {display: block; margin: 3px 0; width:105px; height: 13px; background: url(http://www.nightwoodtheatre.net/images/template/download.gif) no-repeat #fff; text-indent: -9999px; cursor:hand; cursor:pointer;  } */
.media .vertical .img {width: 100px; float: left; margin-right: 10px; }
.media .vertical .download {margin-left: 110px;}

.media .PDF .img {background: #455560; color: #fff; float: none;}
.media .PDF table {border-collapse:collapse;}
.media .PDF td { height: 150px; vertical-align: middle; text-align: right; font-size: 200%; border-width: 0; }
.media .PDF .img p {padding: 5px;} 

/* form style */

.input {
border: solid 1px #999;
background-color:  #fff;
	color: #231F20
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
padding:           0 0 2px 2px;
margin:        0px;
width: 150px;
}

textarea {
border: 1px solid #999;
background-color:  #fff;
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
margin:0px; padding:           0 0 2px 2px;
width: 150px; height: 200px;
overflow: auto;
}

checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #EB6E1F;
border: solid 0 #fff; width: 60px;
font-family:       Arial, Helvetica, Sans-serif;
font-size:         11px;
font-weight:       normal;
height: 25px;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    lowercase;
color:             #fff;
}

label {font-size: 80%;}

#share {margin-right: -5px; width: 493px;}
#share td {vertical-align: top;}
#share .input, #share textarea {width: 400px; }

#join {margin-left: -5px;}
#join td {vertical-align: top;}
#join .input, #join textarea {width: 150px;}
#join .required {color: #EB6E1F;}
#join .spacer {padding-left: 20px;}

#past_productions h3 {padding: 5px 0 0 0; color: #EB6E1F; font-size: 150%;}
#past_productions h4 {margin: 0; padding: 0; font-size: 100%; font-weight: bold;}
#past_productions .summary p {padding: 0;}
#past_productions .link {margin-bottom: 10px;}

.col {width: 50%; float: left;}

#extra .social {clear: both; padding-top: 10px; text-align: right;}
#extra .social a {padding: 0;}


.toggle {display: none;}

.imgLarge {float:left;  margin: 10px 0;}