/*
      Black/grey = http://img6.imageshack.us/img6/2434/gradientbackgrounddark.jpg
	  Tan-ish =  http://img21.imageshack.us/img21/4591/gradientbackground.jpg
	  Black/blue = http://img34.imageshack.us/img34/4684/gradientbackgroundblue.jpg
*/

* { padding: 0; margin: 0; }
img {
border:none;
}
html,body{
min-height: 100%;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #1A1A1A;
 text-align: center;
 background: rgb(68,68,68); /* Old browsers */
 background: -moz-linear-gradient(45deg,  rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(45deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(45deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(45deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
 background: linear-gradient(45deg,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 background-repeat: no-repeat;
 background-attachment: fixed;
}
#wrapper { 

 margin: 10px auto;
 width: 100%;
 min-height: 100%;
 text-align: left;
}

#wrapper-left { 

 margin: 0 auto;
 width: 125px;
 min-height: 100%;
 text-align: left;
 float: left;
}

.banner {
 margin-left: 6px;
 margin-bottom: 3px;
 width: 100%;
 height: 200px;
 float: left;
}
.bannerText {
 float: right;
 text-align: right;
 margin-top: 35px;
 padding: 10px;
 color: #FFFFFF;
 font-size: 20px;
 text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
 background:rgba(30,30,30,0.4);
 border: 2px solid #000;
 border-radius: 15px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
th {
 text-align: left;
}
#text {
 float: right; 
 width: 740px;
 padding: 1px;
 margin: 1px;
 text-align: left;
}
#all {
 border: 1px solid #ccc;
}
#location {

 margin-top : 3px;
 width: 920px;
 float: left;
 border: 1px solid #ccc;
 background-color: #FFFAFA;
 text-align: center;
}
#container {
 width: 975px;
 margin-top: 15px;
 margin-bottom: 30px;
 min-height: 100%;
}
#rightcolumn { 
 float: right; 
 height: 587px;
 margin-bottom: 30px;
 background-color: #FFFAFA;
 color: #000000;
 width: 750px;
 position: relative;
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}
#leftcolumn { 
 float: left; 
 height: 587px;
 background-color: #FFFAFA;
 color: #000000;
 width: 200px;
 position: relative;
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}
#rightcolumn2 { 
 float: right; 
 /*border: 1px solid #ccc;*/
 color: #000000;
 background-color: #FFFAFA;
 margin-bottom: 30px;
 width: 750px;
 position: relative;
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}
#leftcolumn2 { 
 float: left; 
 color: #000000;
 background-color: #FFFAFA;
 margin-bottom: 30px;
 width: 200px;
 position: relative;
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}
#indexCenter {
 position: absolute;
 top: 200px;
 width: 921px;
 color: white;
 text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  background:rgba(0,0,0,0.6);
}
#indexLeft {
 width: 50%;
 text-align: center;
 float: left;
}
.indexTitle {
 font-size: 50px;
}
.indexUL {
 font-size: 20px;
 list-style: none;
}
#indexRight {
 width: 50%;
 text-align: center;
 float: right;
}

#Navigation {

 margin-top : 3px;
 width: 921px;
 float: left;
 right: 5px;
 border: 1px solid #ccc;
 border-color: #000000;
 background-color: #FFFAFA;
 font-size: large;
}
#Navigation a:link, a:visited, a:active {
 color: #000000; 
 text-decoration: none;
 font-size: 14px;
}

#Navigation a:hover {
 color: #383838;
 text-decoration: underline;
 font-size: 14px;
}

#leftcolumn { 

 margin : 3px;
 border: 1px solid #ccc;
 border-color: #000000;
 background-color: #FFFAFA;
 color: #000000;
 width: 125px;
 float: left;
 align: left;
}

#footer { 
 text-align: center;
 margin-top: 3px;
 width: 922px;
 float: right;
 border: 1px solid #ccc;
 border-color: #000000;
 color:#FFFFFF;
 background-color: #000000;
}
.header{
width: 100%;
color:#FFFFFF;
background-color: #202020;
}
.thumbnail{
 display: inline-block;
  zoom:1; /* IE 7 Hack starts here*/
 *display:inline;
 height: 134px;
 width: 200px;
 padding: 5px;
 margin: 15px;
 clear: both;
}
.selection{
 padding: 2px;
 margin-top: 5px;
 margin-bottom: 5px;
 display: inline-block;
}
.blue{
 color:lightskyblue;
 font-weight:bold
}
 
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: right;
	font: bold 11px arial;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px;
	text-align: center;
}



#sddm div
{	position: absolute;
	visibility: hidden;
	padding: 0;
	background-color: #FFFAFA;
	border: 1px solid #5970B2;
	z-index: 28;}

	#sddm div a
	{	position: relative;
		display: block;
		margin-left: 10px;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		/*background-image: url(http://theatresathome.net/images/mouseover_transparency-100.png);*/
		background-color: #FFFAFA;
		color: #000000;
		font: 11px arial}

	#sddm div a:hover
	{	background-image: url(http://theatresathome.net/images/mouseover_transparency-black.png);
		color: #FFF}

#sddm2 div
{	position: absolute;
	visibility: hidden;
	padding: 0;
	background-color: #FFFAFA;
	border: 1px solid #5970B2}

	#sddm2 div a
	{	position: relative;
		display: block;
		margin-left: 10px;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		/*background-image: url(http://theatresathome.net/images/mouseover_transparency-100.png);*/
		background-color: #FFFAFA;
		color: #000000;
		font: 11px arial}

	#sddm2 div a:hover
	{	background-image: url(http://theatresathome.net/images/mouseover_transparency-black.png);
		color: #FFF}
a:link {
COLOR: #000000; text-decoration: underline;
}
a:visited {
COLOR: #000000; text-decoration: underline;
}
a:hover {
COLOR: #575757; text-decoration: none;
}
a:active {
COLOR: #000000;
}