/* 
Styles for main site
Copyright (c) 2008, WebKey, LLC
-----------------------------------------  */


/* Basics
-----------------------------------------  */
html {
color: #000;
background: #240038 url('/sites/the/assets/background.gif') repeat-x;
}

body {
font:0.75em Verdana, Arial, Sans-serif;
color:#000;
}

h1 {
font-size:1.65em;
letter-spacing:0.055em;
margin:8px 30px;
font-weight: normal;
/* text-transform: lowercase; */
}

h2 {
font-size:1.35em;
margin:8px 30px;
font-weight: normal;
}


h3 {
font-size:1.25em;
margin:8px 30px;
}

h4 {
font-size:1.15em;
margin:8px 30px;
}

h6 {
margin: 2px;
line-height:1.35em;
}

.arrow {
margin:0 30px;
padding: 0;
}

a {
color:#000;
}

a:link, a:visited {
color:#000;
text-decoration: underline;
letter-spacing:0.075em;
}

a:hover {
color:#333;
}

p {
margin: 10px 30px;
line-height:1.35em;
}

ul, ol {
margin: 0 20px;
}

li {
}

blockquote {
margin: 10px 20px;
}

table{border-collapse:collapse;border-spacing:0;border:none;}

/* Structure and dependencies
-----------------------------------------  */

#wrapper {
width: 901px;
margin:0px auto;
margin-top: 0px;
padding:0;
background:#240038;
border:0px solid red;
}

#header {
margin:0 0;
width:901px;
height:100px;
background: #240038 url('/sites/the/assets/header.jpg');
}

/* HEADER FOR FADING */

#panorama {
float: left;
margin:0 0;
width:675px;
height:275px;
padding:0;
border:0px solid green;
}

.innerfade {
margin:0;
padding:0;
}

.header ol li{list-style:none outside;}

.header ul li{list-style:none outside;}

#header_images ul, #header_images li {
list-style:none;
margin:0;
padding:0;
display: inline;
border:0px solid red;
}

#layout-header-row {
width:675px;
}

#layout-header {
width:675px;
height:275px;
}

#layout-header .main_image {
width:675px;
height:275px;
margin:-1px 0 0 0;
padding:0;
}

#layout-header ul,li {
margin: 0px;
padding: 0px;
}

/* */

#logo {
padding:30px;
}

#top-navigation {
padding:5px 0 0 0px;
float: right;
z-index:2000;
border:0px solid white;
}

.season-title {
text-align: center;
font-size: 1.0em;
background:#000;
color:#2f9314;
text-transform: uppercase;
margin:10px 0 4px 0;
}

.season-events {
text-align: center;
font-size: 0.95em;
background:#000;
color:#ffffff;
text-transform: uppercase;
margin:8px 0 2px 0;
}

.season-dates {
text-align: center;
font-size: 0.65em;
background:#000;
color:#ff7e00;
text-transform: uppercase;
margin:0px 0 10px 0;
}

#season {
width:225px;
height:275px;
float: left;
text-align: center;
font-size: 1.25em;
background:#000;
color:#fff;
text-transform: uppercase;
}

#season a:link, #season a:active, #season a:visited {
text-decoration: none;
color:#fff;
}

#season a:hover {
text-decoration: underline;
}

#season ul, #season li {
list-style-type: none;
}

.now-playing {
text-align: center;
font-size: 1.0em;
background:#000;
color:#aa3ac4;
text-transform: uppercase;
margin:10px 0 0px 0;
}

#now-playing {
border:1px solid #aa3ac4;
}

#leftColumn { 
width:225px;
display: inline; /* IE Hack */
float: left;
text-align: left;
margin-bottom: 15px;
text-align: center;
font-size: 0.95em;
background: #240038 url('/sites/the/assets/spotlight.jpg') no-repeat;
color:#ff7e00;
}

.subscribe {
font-size: 1.65em;
margin:10px 0 0 0;
font-weight: normal;
text-transform: lowercase;
}

.contact {
font-size: 1.15em;
margin:10px 20px;
text-transform: none;
text-align: left;
}

.address {
text-transform: none;
font-size: 1.15em;
margin:10px 20px 0 20px;
text-align: left;
}

.directions {
text-transform: none;
font-size: 1.15em;
color:#2f9314;
margin:2px 20px;
text-align: left;
}

#directions a:link, #directions a:active, #directions a:visited {
text-decoration: none;
color:#2f9314;
}

#directions a:hover {
color:#2f9314;
text-decoration: underline;
}

.mainstage {
text-transform: none;
font-size: 1.15em;
margin:10px 20px 0 20px;
text-align: left;
}

#leftColumn a:link, #leftColumn a:active, #leftColumn a:visited {
text-decoration: none;
color:#ff7e00;
}

#leftColumn a:hover {
text-decoration: underline;
}

#centerColumn { 
margin: 0;
padding:0;
display: inline; /* IE Hack */
float: left;
width:675px;
min-height: 250px;
}

#centerColumnYellow { 
margin: 0;
padding:15px 0;
display: inline; /* IE Hack */
float: left;
width:675px;
min-height: 200px;
/* background: #feb913; */
background: #e5aa03;
color:#000000;
}

#centerColumnRed { 
margin: 0;
padding:15px 0;
display: inline; /* IE Hack */
float: left;
width:675px;
min-height: 200px;
background: #e60601;
color:#FFFFFF;
}

#centerColumnOrange { 
margin: 0;
padding:15px 0;
display: inline; /* IE Hack */
float: left;
width:675px;
min-height: 200px;
background: #ff7e00;
color:#FFFFFF;
}

#centerColumnGreen { 
margin: 0;
padding:15px 0;
display: inline; /* IE Hack */
float: left;
width:675px;
min-height: 200px;
background: #2f9314;
color:#FFFFFF;
}

#contentColumn {
width:450px;
}

body.layout3 #contentColumn {
width:675px;
}

#imageColumn {
width:225px;
float:right;
}

#imageColumn h2 {
margin:10px 0;
}

#imageColumn p {
margin:10px 0;
}

body.layout1 #centerColumn {
margin-left:0px;
}

#topColumn { 
margin: 0;
padding:15px 0;
display: inline; /* IE Hack */
float: left;
width:675px;
/* background: #e5aa03; */
background:#FFFFFF;
color:#000000;
}

#threeColumns {
width:675px;
min-height:350px;
background: #240038 url('/sites/the/assets/columns.gif') repeat-y;
}

#firstColumn {
margin:0;
padding:0;
display: inline; /* IE Hack */
float: left;
width:225px;
font-size:0.82em;
background: #e60601;
color:#FFFFFF;
min-height: 250px;
}

#firstColumn ul, #firstColumn ol {
margin:0 0 0 20px;
}

#firstColumn li {
margin: 6px 0;
}

#firstColumn h2 {
margin:20px 0 0 0;
}

#secondColumn {
margin:0;
padding:0;
display: inline; /* IE Hack */
float: left;
width:225px;
font-size:0.82em;
background: #ff7e00;
color:#FFFFFF;
min-height: 250px;
}

#thirdColumn {
margin:0;
padding:0;
display: inline; /* IE Hack */
float: left;
width:225px;
font-size:0.82em;
background: #2f9314;
color:#FFFFFF;
min-height: 250px;
}

.blockCategory {
color:#FFFFFF;
text-transform: lowercase;
font-size: 1.95em;
text-align: center;
margin:10px 0 15px 0;
}

#centerColumn a:link, #centerColumn a:active, #centerColumn a:visited {
color:#FFFFFF;
text-decoration: none;
}

#centerColumn a:hover {
color:#FFFFFF;
text-decoration: underline;
}

.blockTitles {
color:#240038;
font-size: 1.65em;
text-align: left;
margin:15px 20px;
font-weight: normal;
}

.blockText {
color:#FFFFFF;
font-size: 1.2em;
text-align: left;
margin:10px 20px;
font-weight: lighter;
}

.subscribeTitles {
color:#2f9314;
font-size: 1.35em;
text-align: left;
margin:15px 20px 17px 20px;
font-weight: light;
}

#subscribeTitlesLink a:link, #subscribeTitlesLink a:active, #subscribeTitlesLink a:visited {
color:#2f9314;
text-decoration: none;
}

#subscribeTitlesLink a:hover {
color:#2f9314;
text-decoration: underline;
}

.subscribeText {
color:#ff7e00;
font-size: 1.0em;
text-align: left;
margin:12px 20px;
font-weight: lighter;
text-transform: none;
}

#footer {
border-top: 0px solid #ededed;
text-align:right;
font-size: 9px;
display: inline; /* IE Hack */
padding: 0px;
float: left;
width: 100%;
margin-top: 10px;
letter-spacing: 1.05px;
color:#2f9314;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#2f9314;
text-decoration: none;
}

#footer a:hover {
color:#2f9314;
text-decoration: underline;
}

#siteCredits {
text-align:right;
font-size: 9px;
display: inline; /* IE Hack */
padding: 0px;
float: left;
width: 100%;
margin: 0px;
letter-spacing: 1.05px;
}

#siteCredits p {
font-size: 0.86em;
color: #51077b;
margin: 5px 0 20px 0px;
}

#siteCredits p a:link, #siteCredits p a:visited {
color: #51077b;
text-decoration: none;
}

#siteCredits p a:hover {
color: #69109a;
text-decoration: underline;
}

#siteCredits .pipe {
color: #51077b;
}

/* Images
-----------------------------------------  */

img {
border: none;
}

.image-default {
margin: 0px;
border: none;
}

.image-default img {
border: 0px solid #19191d;
margin-top:0px;
}

.image-default table {
border-collapse:collapse;
}

table, th, td {
border: none;
margin:0;
padding:0;
}

.image-default p.caption {
font-size: 0.90em;
color: #000000;
text-align:left;
width: 200px;
margin: 0px 0 2px 0;
}

.image-content-area img {
margin:6px 0 0 35px;
border: 0;
}

#horizontal-thumbs {
padding:20px 0;
}
#horizontal-thumbs li {
display:inline;
list-style-type:none;
padding:5px;
}


/* Overrides
-----------------------------------------  */

#navBar {
width:705px;	
height:24px;
margin:0 0 20px 0;
}
#navBar ul#mainNav li a:link, #navBar ul#mainNav li a:visited {
display: inline;
float:left;
padding:4px 20px;
width:none;
}


/* 
Login page
-----------------------------------------  */

#login {
margin: 20px auto;
margin-top: 100px;
width: 450px;
border: 1px solid #ccc;
padding: 30px;
background: #fff;
text-align: left;
font-family: Verdana, Arial, Sans-serif;
}

#login h1 {
margin: 15px 5px 5px 0;
padding: 0;
color: #000000;
font: 1.5em Verdana, Arial, Helvetica, sans-serif;
}

#login img {
margin: 0 0 10px 100px;
border: 0px solid #ededed;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #333;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
}

#login p.loginSubmit{
margin:6px 0;
}

#login p.loginForgot {
margin:10px 0 0 0;
}

#login .error {
color:#c00;
}

#login input {
padding: 3px;
margin-top:4px;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333;
border:1px solid #ededed;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #ccc;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}




#subpages {
color:#000000;
width:225px;
}

#subpages a:link, #subpages a:active, #subpages a:visited {
color:#000000;
text-decoration: none;
}

#subpages a:hover {
color:#000000;
text-decoration: underline;
}

.subpages {
color:#000000;
margin:0 5px 5px 5px;
}

.subpages-title {
color:#000000;
margin:5px;
font-size: larger;
}

.subpages-title-yellow {
color:#000000;
margin:5px;
font-size: larger;
}

#scrolling_banner {
position: absolute;
margin:-54px 30px 30px 370px;
padding:3px;
height:15px;
width:500px;
border:0px solid #999999;
color:#FFFFFF;
background:transparent;
z-index:1000;
overflow:hidden;
font-size: 14px;
}