html, body{ background-color:#000; width:100%; height:100%; min-height:100%; padding:0;}
.hr { border-bottom:#333 1px solid;}
#header{
background: transparent url(../images/fplayhouse.jpg) no-repeat center;
height:146px;
width:900px;
margin:0 auto;
color:#FFF;
text-align:center;
}
/* Menu */
.sf-menu_bg {width:900px; min-width:900px; margin: 0 auto; background: url(../images/Nav_BG.jpg) repeat-x; height:41px; min-height:41px; border-left:1px solid #455761;
border-right: 1px solid #455761;}
/*.sf-menu_divider {background: url(../images /Divider.jpg) no-repeat; width:3px; height:41px;}*/
.sf-menu_divider img {width:3px; height:41px;}
.sf-menu, .sf-menu * {
margin: 0 auto;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
font-family:Arial, Helvetica, sans-serif;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
/*** SKIN ***/
.sf-menu a {
/* border goes here*/
padding: .75em 1em;
text-decoration:none;
color:#FFF;
}
.sf-menu li {
background: url(../images/Nav_BG.jpg) repeat-x;
height:41px;
}
.sf-menu li li {
background:#000000; border: solid 1px #727272; border-collapse:collapse;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color: #e4dfcb;
outline:0;
}
/* Content area */
/*Global Styles*/
.HeadContent {width:900px; padding: 0px 0 0 0;color:#e4dfcb; text-align:center; font-family:Georgia; font-size:22px; font-weight:bold;}
.SubContent {width:900px; padding: 5px 0 0 0;color:#eed48d; text-align:center; font-family:Georgia; font-size:18px; font-weight:bold; }
.maincontainer {width:902px; margin:0 auto; max-width:902px; height:auto; min-height:auto;}
.SmallContent p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:555px; line-height:20px; margin:0 auto;}
.SmallContent a { color:#FFF;}
.Content p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin: 10px 15px 0 15px; }
.mainBG { background:url(../images/Leftbg.jpg) top left repeat-x #0f0f0f; width:900px; height:100%; padding:10px 0 10px 0; border-right:1px solid #455761; border-left:1px solid #455761;}
/*Home*/
.homeTop {background:#000; top left repeat-x #0f0f0f; width:900px; border-left: 1px solid #455761; margin-top:0; border-right:1px solid #455761; height:auto; padding: 10px 0 0 0}
.homeBG { background:url(../images/Leftbg.jpg) top left repeat-x #0f0f0f; float:left; width:500px; margin-top:0; height:100%;}
.homeLeft { background:url(../images/Rightbg.jpg) top left repeat-x #1b1b1b; width:200px; border-left:1px solid #455761; margin-top:0; height:100%; }
.homeRight { background:url(../images/Rightbg.jpg) top left repeat-x #1b1b1b; width:200px; border-right:1px solid #455761; margin-top:0; height:100%;}
.TopContent { background:url(../images/Marquee_02.png) no-repeat; width:723px; height:329px; margin: 0 auto; padding: 5px 0 10px 0; }
.TopContent2 { margin: 0 auto; padding: 0 0 10px 0;}
.TopContent p { color:#000; text-align:center; font-family: Georgia; font-size:16px; width:auto; line-height:20px; padding: 30px 0 0 0;}
.TopContent b {font-size:22px; line-height:25px;}
.SideContent {text-align:center; width:100%; height:100%; min-height:100%;}
.SideContent p {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.SideContent b {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; clear:both;}
.SideContent a { color:#FFF;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.SideContent h3 { color:#eed48d; text-align:center; font-family:Georgia; font-size:16px; width:auto;}
.BottomContent h3 { color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:auto; line-height:20px;}
.BottomContent a { color:#FFF;}
/*Join Us*/
.affiliateContainer { margin:0 auto; width:426px;}
.affiliate01 { background:url(../images/ascap.png) no-repeat; width:165px; height:82px; float:left;}
.affiliate02 { background:url(../images/aact.png) no-repeat; width:165px; height:82px; float:left;}
.affiliate03 { background: url(../images/ChamberofCommerce.png) no-repeat; width:96px; height:82px; float:left;}
.ImageContent {width:555px; margin:0 auto; clear:both; padding: 5px 0 5px 0;}
.ImageContent p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto;}
.ImageContent b { padding-left:15px; color:#eed48d;}
/*History*/
/*Season*/
.TicketStub { background:url(../images/ticket_stub.png) no-repeat; width:868px; height:203px; margin: 0 auto; }
.TicketContent p { font-size:16px;text-align:center}
.TicketContent b { font-size:18px; font-family:Georgia; line-height:25px;text-align:center}
.TicketContent u { font-size:18px; font-weight:500;text-align:center }
.TicketContent a { text-decoration:none; color:#000; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0;}
.Ticket01 { padding: 35px 20px 0 160px;}
.Ticket02 { padding: 30px 20px 0 160px;}
.Ticket03 { padding: 35px 20px 0 160px;}
.Ticket04 { padding: 40px 20px 0 160px;}
.Ticket05 { padding: 10px 20px 0 160px;}
.Ticketpricing {width:900px; padding: 5px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; }
/*Sponsors*/
.HeadingContent p { color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:850px; line-height:20px; margin:0 auto;}
.RegularContent p { color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:850px; line-height:20px; margin:0 auto;}
.RegularContent a { color:#FFF;}
.SponsorImage b { color:#eed48d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.SponsorTable { width:850px; margin:0 auto; clear:both;}
.ListItem { list-style:none; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 10px 0 0 0; }
.ListItem b { color:#eed48d;}
/*Directors Notes*/
.DirectorsBG { background:url(../images/Leftbg.jpg) top left repeat-x #0f0f0f; width:750px; margin-top:0; height:100%; border-right:1px solid #455761; padding: 10px 0 0 0;}
.DirectorsLeft { background:url(../images/Rightbg.jpg) top left repeat-x #1b1b1b; width:150px; border-left:1px solid #455761; margin-top:0; text-align:center; vertical-align:text-top; padding: 20px 0 0 0;}
.DirectorsLeft p {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.DirectorsLeft a { color:#FFF;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.DirectorsLeft h3 { color:#eed48d; text-align:center; font-family:Georgia; font-size:16px;}
.DirectorsHeadContent {width:750px; color:#e4dfcb; text-align:center; font-family:Georgia; font-size:22px; font-weight:bold;}
.DirectorsBG b { padding: 5px 15px 5px 15px; color:#FFF; font-size:16px; height:100%; }
.DirectorsBG p { padding: 5px 15px 5px 15px; color:#FFF; font-size:14px;}
.DirectorsBG_Signature { padding: 5px 15px 5px 15px; color:#FFF; font-size:14px; text-align:right;}
/*Auditions*/
.Content h3 { color:#eed48d; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; margin: 20px 15px 0 15px; }
.Content p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin: 10px 15px 0 15px; text-indent:50px; }
/*Images Text*/
.ImageText p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin: 10px 15px 0 15px; padding-top:10px;}
.ImageText b{color:#eed48d;}
.imageBG { background:#000; width:900px; height:100%; padding:10px 0 10px 0; border-right:1px solid #455761; border-left:1px solid #455761;}
/*Past Productions*/
.PPContent h3 { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; margin: 20px 15px 0 15px; }
.PPContent p { color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin: 10px 15px 0 15px; text-indent:25px; }
.PPContent b {color:#eed48d;}
/*SiteMap*/
.MapContent { padding: 0px 0 0 0;color:#e4dfcb; text-align:Left; font-family:Georgia; font-size:22px; font-weight:bold; height:100px;}
.MapContent h3 { color:#eed48d; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; margin: 20px 15px 0 15px; }
.MapContent a {color:#FFF; text-decoration:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin: 20px 5px 0 15px;}
.mapBG { background:url(../images/Leftbg.jpg) top left repeat-x #0f0f0f; width:900px; padding:10px 0 10px 0; border-right:1px solid #455761; border-left:1px solid #455761; height:100%; margin:0 auto;}
/* Footer area */
.footer {width:900px; margin: 0 auto; background: url(../images/Footer_bg.jpg) repeat-x; height:44px; clear:both; text-align:center; color:#FFF;
font-size:10px; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #455761; border-left:1px solid #455761; border-bottom:1px solid #455761;}
.footertext { width:900px; margin:0 auto; padding-top:3px;}
.footertext p { font-size:10px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.footertext a { font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}