/*CSS FRAMEWORK BY JEREMY ALDRICH*/ body { background:#000000 url(graphics/main/body_bg.jpg) no-repeat top; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px;} /* PNG Fix */ img, div { behavior:url(graphics/iepngfix.htc)} @ media print { * { background: none !important;} * img { diaplay:none !important;} } table {vertical-align:top;} table tr td {vertical-align:top;} table img {vertical-align:top; margin-top:0;} table#brew_table { background:#333333; padding:10px;} table#brew_table tr td { padding-top:20px; padding-bottom:20px; border-bottom:#666666 1px solid;} table.lister_table { clear:both; display:block;} h1 { text-transform:uppercase; font-size:17px; color:#66EAEC; font-weight:normal; letter-spacing:0.01em; margin-top:0;} * html h1 { text-transform:uppercase; font-size:17px; color:#c19a14; font-weight:bold; letter-spacing:0.01em; margin-top:0;} h2 {text-transform:uppercase; font-size:14px; font-weight:bold; letter-spacing:0.01em; margin:0 0 0 0; color:#ffffff} h3 {font-size:12px; font-weight:bold;letter-spacing:0.01em; margin:0 0 10px 0; color:#666666;} hr { width:100%;background:#444242;border:#444242;} a { color:#cccccc; text-decoration:none;} a:hover { color:#ffffff; text-decoration:underline;} a.buytix {background:#66EAEC; border:#999999 1px solid; color:#000000; font-size:13px; letter-spacing:0.1em; padding:3px 8px 4px 8px; text-decoration:none;} #main { margin:auto; width:960px; height:auto; background:none;} #header { width:960px; height:179px;} /* #header .hnav { width:432px; float:right; height:50px; margin-top:79px;} * html #header .hnav { width:495px; float:right; height:50px; margin-top:70px;} #header .hnav ul {margin:0; padding:0;} #header .hnav ul li { list-style:none} * html #header .hnav ul li { list-style:none; display:block; float:left;} #header .hnav a {text-transform:uppercase; color:#bbbbbb; font-weight:100; display:block; float:left; margin-right:20px; text-decoration:none} #header .hnav a:hover { border-bottom:#ffffff 1px solid; padding-bottom:3px; text-decoration:none; color:#66EAEC} * html #header .hnav a {text-transform:uppercase; color:#bbbbbb; font-weight:100; display:block; float:left; margin-right:15px; text-decoration:none} */ #hnav {width:100%; height:50px; text-align:right; background:none; padding-top:0px} #hnav ul { clear:both; margin:0; padding:0; list-style:none;} #hnav ul a {text-transform:uppercase; color:#bbbbbb; padding:5px; text-decoration:none;font-weight:100;margin-right:20px;} #hnav a.first {border-left:0;} #hnav ul a:hover { border-bottom:#ffffff 1px solid; padding-bottom:3px; text-decoration:none; color:#66EAEC} #hnav li {position:relative; z-index:99; margin:0; list-style-type:none;display:inline;} #hnav li ul {visibility:hidden; position:absolute; left:0px; top:18px; border:1px solid #999999; background:#333333; z-index:100;} #hnav li ul a {color:#cccccc; display:block; width:150px; text-align:left; padding:0; border-left:0; margin:0px 10px; border-bottom:none} #hnav li ul a:hover { color:#ffffff; text-decoration:none;border-bottom:none;padding-bottom:0px; } #hnav li ul li{margin:0;} #hnav li li a.last { border-bottom:0px;} #hnav li:hover ul, #hnav li.sfhover ul {visibility:visible;} #front_image { width: 328px; height: 263px; text-align: center;margin:11px 0 0 11px; cursor:pointer} #content table#employee_table {vertical-align:top; text-align:center;} #content table#employee_table tr td { width:95px; text-align:center; font-size:11px; background:#222222; padding-top:5px; padding-bottom:5px;vertical-align:top;} #content { width:860px; clear:left; padding:0px 50px 20px 50px; float:left} #content img {margin:0px 10px;} #content a { color:#cccccc; text-decoration:underline;} #content a:hover { color:#ffffff; text-decoration:underline;} /* Home Page image navigation */ #film { background:url(graphics/main/film_strip.jpg) no-repeat top; width:860px; height:279px; padding:29px 50px 0px 50px; float:left; margin-bottom:30px;} * html #film { background:url(graphics/main/film_strip.jpg) no-repeat top; width:860px; height:279px; padding:29px 50px 0px 50px; /*float:left;*/} #film .home_img { width:160px; height: 247px; display:block; float:left; margin:0px 5px 15px 5px; border:#000 1px solid;} * html #film .home_img { width:160px; height: 247px; display:inline; margin:0 5px -15px 5px; border:#000 1px solid; text-align:center} #film .home_nav {width:860px; height:50px; display:block; color:#c19a14; padding-left:10px;} * html #film .home_nav {width:860px; height:30px; color:#c19a14; margin-top:0px; padding-left:10px;} #film .home_nav a {color:#66EAEC; text-transform:uppercase; font-weight:100; text-decoration:none; display:block; float:left; width:170px;} #film .home_nav a:hover {color:#e6c967} #film .home_nav a img { border:none;} #right_col { width:330px; clear:right; float:left; padding:10px 0px 10px 20px; border-left: #d9d9d9 1px solid;} .tright { width:285px; background:#FA0202 url(graphics/main/red_but_bg.jpg) repeat-x bottom; border: #000000 1px solid; height:auto; padding:10px 15px 15px 15px; color:#FFF; font-weight:normal} .tright a.red_but {text-align:center; border:#fff 1px solid; padding: 5px; color:#FFF; text-transform:uppercase; font-size:11px; text-decoration:none; margin:auto} .tright a:hover.red_but {text-align:center; border:#fff 1px solid; padding: 5px; color:#FFF; text-transform:uppercase; font-size:11px; background:#f90202;text-decoration:none; margin:auto} .tright a { text-align:center;} .tleft {width:285px; height:auto; background:#fff url(graphics/main/news_bg.jpg) repeat-x bottom; border: #7b2a2a 1px solid; font-weight:normal; border-top: #d9d9d9 1px solid; margin-top:20px; padding:10px 15px 15px 15px;} .tleft img {padding:5px; border:#b7b6b6 1px solid; margin-right:20px; margin-bottom:5px; text-align:left; display:inline; float:left} #footer { clear:both; height:100px; width:860px; margin:auto; color:#838181; font-size:11px; padding:10px 0px 0px 0px; border-top:#444242 1px solid;} .foot_link { color:#FFF; text-decoration:underline} #footer a img {margin:0; padding:0; border:0;} #footer table { margin:auto;} #footer ul { padding:0; margin: 0 0 5px 0;} #footer ul li {list-style:none; display:block; float:left;} #footer a { color:#fff; text-transform:uppercase; margin-right:10px;} #footer a.signup_but {background:#333333; border:#999999 1px solid; color:#ffffff; font-size:9px; letter-spacing:0.1em; padding:2px 6px 2px 6px; text-decoration:none; margin-top:5px; float:left;} #footer a:hover.signup_but {background:#66EAEC; border:#999999 1px solid; color:#000000;text-decoration:none;} #content a.signup_but {background:#333333; border:#999999 1px solid; color:#ffffff; font-size:9px; letter-spacing:0.1em; padding:2px 6px 2px 6px; text-decoration:none;} #content a:hover.signup_but {background:#66EAEC; border:#999999 1px solid; color:#000000;text-decoration:none;} /* ModuleBegin::events */ /* Events Lister */ .eventsListerWrapper { } .eventDateHeading { font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; } .eventsListerWrapper h2 { margin-bottom: 0; } .eventDate { } .eventTime { } .eventBlurb { } /* Events Detail */ .eventsDetailWrapper { clear: both; width: auto;} .eventsDetailWrapper table tr td a.buytix {background:#66EAEC; border:#999999 1px solid; color:#000000; font-size:13px; letter-spacing:0.1em; padding:3px 8px 4px 8px; text-decoration:none;} .eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress, .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone, .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket, .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3, .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; } .eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; } .eventDate { } .eventTime { } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { clear:both} .eventTicket { } .eventBody { } /* Events Small Calendar */ .calendarSmallWrapper { font-size: 12px; background: #ffffff; } .cal { width:100%; padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: #ffffff url(graphics/main/cal_bg.jpg) repeat-x top; } .calPrev { position: absolute; top: 4px; left: 45px; } .calNext { position: absolute; top: 4px; right: 45px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calMonth span { font-size:18px; color:#b60909; font-family:"Times New Roman", Ariel, san-serif; font-weight:none;} .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #0C2254; color: white; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; padding-left: 20px; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* Events Month at a Glance */ #calendarDetail table { width: 100%; table-layout: fixed; background: #242424; } #calendarDetail .calendarMonths { background:none; text-align: center; vertical-align: middle; } #calendarDetail .calendarMonths a { display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px; } #calendarDetail .calendarMonths a:hover { background-color: #000000; color: #ffffff; } #calendarDetail .calendarDays { border-collapse: collapse; table-layout: fixed; } #calendarDetail .calendarDays .title {padding: 10px 0px; font-size: 14px; color:#000000; background:#66EAEC } #calendarDetail .calendarDays .normal { display: none; } #calendarDetail .calendarDays td { text-align: center; border:#000000 1px solid; font-weight: bold; background: transparent;} #calendarDetail .calendarDays .weekdays { height: 30px; background: #333333; color: #fff; } #calendarDetail .calendarDays .weekends { height: 30px; background: #0C2254; color: #0C2254; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #333333; padding-left: 5px; color: #000; } #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } #calendarDetail .calendarDays .eventOn { height: auto; text-align: left; vertical-align: top; background: #ff0000; padding: 0px 5px 5px 5px; color: #000000; } #calendarDetail .calendarDays .eventOn h3 { font-size:12px; margin:0; padding:0;} #calendarDetail .calendarDays .eventOn p { font-size:11px; margin:0; padding:0;} #calendarDetail .calendarDays .eventOn a { color: #ffffff; font-size:11px; text-decoration: none; text-transform: capitalize;} #calendarDetail .calendarDays .prevLink {background:#9E3659} #calendarDetail .calendarDays .prevLink:hover {background:#A03638} #calendarDetail .calendarDays .prevLink a {color:#ffffff; text-decoration:none} #calendarDetail .calendarDays .nextLink {background:#9E3659} #calendarDetail .calendarDays .nextLink:hover {background:#A03638} #calendarDetail .calendarDays .nextLink a {color:#ffffff; text-decoration:none} .eventsGlanceWrapper { } /* ModuleEnd::events */ .newsWrapper .headline { font-weight: bold; } .newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; } .newsWrapper .blurb { } .newsWrapper .content { } .newsWrapper .newsitem { padding-bottom: 1em; } .newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsWrapper .links { border-top: #d9d9d9 1px solid; padding-top:5px;} /* ModuleEnd::news */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } /* ModuleEnd::membership */ #lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #imageContainer{padding:10px;} #loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #imageContainer>#hoverNav{left:0;} #hoverNav a{outline:none;} #prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;} #prevLink{left:0;float:left;} #nextLink{right:0;float:right;} #prevLink:hover,#prevLink:visited:hover{background:url(graphics/main/prevlabel.gif) left 15% no-repeat;} #nextLink:hover,#nextLink:visited:hover{background:url(graphics/main/nextlabel.gif) right 15% no-repeat;} #imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;margin:0 auto;} #imageData{color:#666;padding:0 10px;} #imageData #imageDetails{width:70%;float:left;text-align:left;} #imageData #caption{font-weight:700;} #imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;} #imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;} #overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;} .lbWidth{position:absolute;top:0;left:0;width:100%;min-width:790px;} * html .lbContent{margin-left:-790px;position:relative;} * html .lbMinWidth{padding-left:790px;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:block;} * html .clearfix{height:1%;} /********** Javascript popup calendar for edit controls *************/ #freedom_calendar {position: absolute;left: 100px;top: 100px; width:268px; z-index: 100;visibility: hidden;clip:rect(0px 268px 185px 0px);height: 185px;font-size:11px;line-height:1.2em;table-layout:fixed;background:#ffffff url(graphics/main/cal_bg.jpg) repeat-x top; } #freedom_calendar td {width:25px;} #freedom_calendar select.month {width: 25px; } #freedom_calendar input.year {width: 35px; } #freedom_calendar td.calDaysColor {} #freedom_calendar td.calWeekend {} #freedom_calendar td.calBgColor {} #freedom_calendar .calBorderColor {color: #000; background: #fff; } #freedom_calendar td.calHighlightColor { color: #fff;} #freedom_calendar a { width:5px; height:100%; color:#000} #freedom_calendar a.calHighlightColor { color: #fff; background:#223670;} #freedom_calendar a.cal { } #freedom_calendar a.cal:Hover {} .disabled { color: #808080; text-decoration: none; } .butClass { border: 1px solid; border-color: #000000; } .tdClass { padding-left: 3px}