/*------------------------WEBSITE COLORS-------------------------------//
dark blue (background): #064557
lighter blue (menu): #1f839b
lightest blue (screen boxes): #edf4f9
*/

/*------------------------LAYOUT CSS-------------------------------*/
html 
{ 
min-height: 100%; 
margin-bottom: 1px; 
}  

body
{
background-color: #064557;
color: #000; 
font: 87% Palatino Linotype, Palatino, serif; 
padding: 0;
margin: 0;
text-align: center;
}

#container 
{
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width:770px; 
text-align: left;
border: 2px #000 solid;
background-color:#FFF;
}


#header 
{
padding:0;
margin: 0; 
background-color: #1f839b;
}


#content 
{
text-align: left;
padding:1em;
}

#footer 
{
clear: both;
font-size:.8em; 
padding:1em; 
color: #000;
border-top: 2px solid #064557;
background-color: #1f839b;
text-align:right; 
}



/*----------------------------LINKS------------------------------*/
a:link    {color: #064557; text-decoration: underline; font-weight:bold; }
a:visited {color: #064557; text-decoration: underline; font-weight:bold; }
a:active  {color: #064557; text-decoration: none; font-weight:bold; }
a:hover   {color: #064557; text-decoration: none; font-weight:bold; }




/*----------------------------TEXT: HEADERS------------------------------*/
h1 
{
font-size: 1.5em;
color: #064557;
text-align: left;
border-bottom: 3px solid #064557;
}


h2
{
margin-top: 0;
font-size: 1.3em;
color: #1f839b;
text-align:left;
}

h2 a:link
{
color: #1f839b; 
text-decoration: none;
}

h2 a:visited
{
color: #1f839b; 
text-decoration: none;
}

h3 
{
font-size: 1.1em;
font-weight: bold;
color: #000;
text-align:left;
padding-bottom: 0;
margin-bottom: 0;
}



/*----------------------------TEXT: OTHER------------------------------*/
p
{
font-size: 1em;
line-height: 1.4;
text-align: left;
}

p.bigger
{
font-size: 1.3em;
line-height: 1.5;
font-weight: bold;
text-align: left;
}

.smaller
{
font-size: .8em;
line-height: 1.5;
text-align: left;
}


p.color2
{
color: #064557;
}
p.tight
{
font-size: 1em;
line-height: 1em;
text-align: left;
}

.play
{
font-weight: bold;
font-style:italic;
}

#content li
{
line-height: 1.3;
margin-bottom: .5em;
}





/*--------------------------------TABLE CSS------------------------------*/
#calendar table 
{
color:#000;
background:#fff;
border-collapse:collapse;
width: 100%; 
border:2px solid #064557;
}

td
{
padding:.2em .5em;
}

.calendar
{
width: 25%;
}

.calendar_days
{
font-size: 1.2em;
text-align: left;
font-weight: bold;
}

#index_events table
{
border: 0;
width: 100%; 
}

#index_events td
{
padding-left: 1em;
}

#flextable table 
{
color:#000;
background:#fff;
border-collapse:collapse;
width: 50%; 
border:2px solid #064557;
}

/*--------------------------------CONTENT STYLE CSS------------------------------*/
hr 
{
border: 0;
width: 50%;
color: #ccc;
background-color: #ccc;
height: 2px;
}

.plainscreen
{
background-color: #a7c3d7;
width: 100px;
padding: .5em;
color: #064557;
}

.screen
{
float:right;
background-color: #a7c3d7;
border-left: 5px solid #064557;
width: 210px;
padding: .5em 5px 1em 5px;
margin-bottom: 1em;
margin-left: 1em;
color: #064557;
font-size: .9em;
}

.screen ul
{
list-style-type: none;
line-height: 1.5;
}

.widescreen
{
background-color: #a7c3d7;
border-left: 5px solid #064557;
width: 725px;
text-align:center;
padding: .5em 5px 1em 5px;
margin-bottom: 1em;
color: #064557;
font-size: .9em;
}

.fullscreen
{
background-color: #a7c3d7;
border: 2px solid #064557;
width: 450px;
padding: .5em 5px 1em 5px;
color: #064557;
font-size: 1.1em;
font-weight: bold;
}

.buytickets img
{
float:right;
position:relative;
margin-bottom: 1em;
border-style: none;
text-decoration: none; 
}

.buytickets_notable img
{
float:right;
position:relative;
top:-4em;
border-style: none;
text-decoration: none; 
}

.hidden
{
visibility: hidden;
}

/*--------------------------------FLOATING ELEMENTS------------------------------*/
.rfloat
{
float: right;
line-height: 1.3;
margin: 0 0 .8em .8em;
list-style-type: none;
}

.lfloat
{
float: left;
margin: 0 .8em .8em 0;
list-style-type: none;
}

.advisoryfloat
{
float: right;
margin-left: 150px;
margin-right: 0px;
}

.emphfloat
{
float: right;
margin: 0 0 .5em .5em;
padding: .3em;
border: 2px solid #064557;
width: 225px;
background-color: #edf4f9;
}


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

.network_buttons
{
padding: 1em 0 1em 0;
}
/*--------------------------------MENU CSS------------------------------*/

/* =============================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
============================= */

.menu 
{
width:100%; 
height:32px; 
font-size: .95em; 
position:relative; 
z-index:100;
border-bottom:2px solid #064557; 
background-color: #1f839b;
}

/* hack to correct IE5.5 faulty box model */
* html .menu 
{
width:771px; 
w\idth:770px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul 
{
width:110px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
float:left;
width:110px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited 
{
display:block;
font-size:.95em;
text-decoration:none; 
color:#000; 
width:98px; 
height:32px;  
background:#1f839b; 
padding-left:12px; 
line-height:31px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 
{
width:110px; 
w\idth:98px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
background:#064557;
}

/* style the second level hover */
.menu ul ul a.drop:hover
{
background:#064557; 
}

.menu ul ul :hover > a.drop 
{
background:#064557;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
visibility:hidden;
position:absolute;
height:0;
top:32px;
left:0; 
width:110px;
}

/* another hack for IE5.5 */
* html .menu ul ul 
{
top:30px;
t\op:31px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
background:#064557; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 11px; 
width:88px;
border-width:0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited 
{
width:111px;
w\idth:88px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
color:#fff; 
background:#8e191b;
}

.menu :hover > a, .menu ul ul :hover > a 
{
color:#000;
background:#1f839b;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
visibility:visible; 
}