/*Eleanor Albanese Style Sheet
Copyright 2008 Emma L. Fauset
*/

/*LINKS*/

a:link  
    { color: #330099; font-weight: bold; text-decoration: none; outline: none medium }

a:hover  
   { color: #330099; font-weight: bold; text-decoration: underline; }

a:active  
   { color: #330099; font-weight: bold; text-decoration: none }

a:visited  
   { color: #330099; font-weight: bold; text-decoration: none }

a:visited:hover  
    { color: #330099; font-weight: bold; text-decoration: underline }

a img { border: 2px white solid; }

a:hover img  { border: solid 2px #D10000;  }


/* HEADINGS & TEXT */

.bodytext         { color: #333333; font: 500 2ex/1 "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-bottom: 2px }
p.index { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 200%; padding-bottom: 2px }
h1      
               { color: #d10000; font: x-large "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0 0 15px; padding-top: 10px; padding-bottom: 5px; padding-left: 0 }

h2 
                         { color: #d10000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: normal; font-weight: bold; line-height: normal; text-align: left; margin: -10px 0 5px; padding-top: 0; padding-bottom: 10px }

h3     
        { color: #6666cc; font: bold 16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0; padding-top: 0; padding-bottom: 5px }

h4         { font-size: 0.7pc; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-variant: normal; line-height: normal; text-align: left; margin: 0 0 5px; padding-top: 8px; padding-bottom: 5px }

/* PLAY PAGES */

.opengal      { font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; padding-top: 2px; padding-bottom: 3px }

.playintro  { color: #d10000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; line-height: normal }

.suit  { color: #6666cc; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: normal; padding-bottom: 12px }

.thumbnail       { margin: 0 4px 10px; padding: 3px; float: left; border: solid 1px #6666cc }
.thumbnail1 { margin: 0 4px 10px; padding: 3px; float: right; border: solid 1px #6666cc }
/* MAIN LAYOUT */

body 
         { background-image: url("../images_main/back.gif"); background-repeat: repeat; background-attachment: scroll; padding-right: 0; padding-left: 0 }


 
#global  
       { text-align: left; margin-right: auto; margin-left: auto; padding-top: 8px; width: 741px; height: auto; border-width: 0 }

#container_content                     
       { background-attachment: scroll; visibility: visible; margin-right: auto; margin-left: auto; width: 741px; height: auto }

#table_main                     
                 { background-color: white; margin-top: 30px; margin-bottom: 40px; width: 741px; min-height: 500px }

td.main_top 
               { background-image: url("../images_main/topimage.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; width: 741px; height: 110px }
td.main_top_bar   { background-color: #6666cc; background-image: none; background-repeat: no-repeat; background-attachment: scroll; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; width: 741px; height: 21px }
td.main_content 
                     { color: black; font: 11px/150% "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-color: #ffffff; padding: 5px 20px 10px 0; width: 641px; vertical-align: top }

td.main_bottom    { background-color: #6666cc; background-image: none; background-repeat: no-repeat; background-attachment: scroll; width: 741px; height: auto }

.menu_left        { background-position: 0 top; text-align: center; padding-left: 30px; width: 120px; min-height: 500px }

#container_ajax 
           { text-align: left; margin: 0; padding: 0 0 5px; vertical-align: top }
/* NAVIGATION - MENU */

#menu        { background-position: 0 0; text-align: center; margin: 0; width: 90px }

#menu ul        { list-style: none; margin: 0; padding: 5px 5px 5px 0 }

#menu li a       { color: #6666cc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; cursor: hand; display: block; padding: 5px 5px 5px 0; height: auto }

#menu li a:hover    { color: white; font-weight: bold; background-color: #6666cc; background-position: left 0 }
	
#menu li a:visited 
 { color: #6666cc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; cursor: hand; display: block; padding: 5px; height: auto }

#menu li a:visited:hover 
 { color: white; font-weight: bold; background-color: #6666cc; background-position: left 0 }

#menu li a:active   { color: white; font-weight: bold; background-color: #6666cc }

/* NAVIGATION - TOP */

#quicklinks 
       { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right }

#quicklinks a:link  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }

#quicklinks a:visited  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
    
#quicklinks a:hover, #quicklinks a:active, #quicklinks a:visited:hover      { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; cursor: hand }


/* NAVIGATION - LEFT */

#bio         { background-image: url("../images_main/navbiooff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 99px }
#bio:hover    { background-image: url("../images_main/navbioon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand }
#bio span { display: none; }

#oneact          { background-image: url("../images_main/navoneoff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 111px }
#oneact:hover     { background-image: url("../images_main/navoneon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#oneact span { display: none; }

#fulllength         { background-image: url("../images_main/navfulloff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 111px }
#fulllength:hover     { background-image: url("../images_main/navfullon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#fulllength span { display: none; }

#workshop         { background-image: url("../images_main/navworkoff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 99px }
#workshop:hover     { background-image: url("../images_main/navworkon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#workshop span { display: none; }

#review         { background-image: url("../images_main/navreviewoff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 111px }
#review:hover     { background-image: url("../images_main/navreviewon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#review span { display: none; }

#tccp         { background-image: url("../images_main/navtheatreoff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 5px; width: 90px; height: 135px }
#tccp:hover     { background-image: url("../images_main/navtheatreon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#tccp span { display: none; }

#contact         { background-image: url("../images_main/navconoff.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-bottom: 10px; width: 90px; height: 99px }
#contact:hover     { background-image: url("../images_main/navconon.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand  }
#contact span { display: none; }
/* TABLE / CELL FORMATS */
td.TOP     { padding-top: 2px; padding-bottom: 2px; border-top: 2px solid #6666cc }
td.MID  { padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #909090 }
td.BOTH    { padding-bottom: 2px; border-bottom: 2px solid #6666cc; padding-top: 2px; border-top: 1px solid #909090; }
td.BOT     { padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #6666cc }
td.TOPBOT { padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #6666cc; padding-top: 2px; padding-bottom: 2px; border-top: 2px solid #6666cc }
td.TBP    { padding-bottom: 2px; border-bottom: 2px solid #6666cc; padding-top: 2px; border-top: 2px solid #6666cc }



/*LISTS*/

ul            { list-style-type: disc; margin-top: 0; margin-left: 5px; padding-top: 10px; padding-left: 10px }
ul.sitemap   { font-size: 11px; font-weight: normal; line-height: 150%; white-space: normal; list-style-type: disc; margin-top: 0; margin-left: 5px; padding-top: 10px; padding-left: 10px }
ul.play  { line-height: 160%; white-space: normal; list-style-type: disc; margin-top: 0; margin-left: 5px; padding-left: 10px }
ol         { white-space: normal; margin-top: 0; margin-bottom: 0; margin-left: 10px; padding-left: 15px }


/*GLOBAL FOOTER*/

.footer   
 { color: #ffffff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; padding-top: 15px }

.global_footer 
      { color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; margin-top: 10px; margin-bottom: 10px }

.global_footer a:link, .global_footer a:visited      { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: none }
.global_footer a:hover, .global_footer a:active     { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; cursor: hand; display: block }

/*EXTRAS / ADDITIONAL STYLE*/

td  { vertical-align: top }
tr { vertical-align: top }
.td_line { border-bottom: 1px solid gray }
