/* ---- FETTES THE VENUE - GLOBAL CSS - GJ --*/

/* ---- RESET --*/

* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }

/* ---- GLOBALS --*/

body { background: #b0016a; color: #666; font: normal normal normal 0.7em Arial, Helvetica, sans-serif; }

img { overflow: hidden; display: block; }
embed, object { display: block; visibility: visible !important; }
ul, ul li, ol, ol li { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin-right: 15px; line-height: 1.4em; color: #b0016a; margin-bottom: 15px; text-transform: uppercase; }
h1 { font-size: 1.4em; font-weight: bold; }
h2 { font-size: 1.4em; font-weight: normal; }
h3, h4, h5, h6 { font-size: 1.0em; color: #b0016a; }

p { margin-right: 15px; line-height: 1.4em; margin-bottom: 15px; }

input, select, textarea { border: solid 1px #bbbbbb; padding: 3px; background: #fff; color: #666 !important; font-family: Arial, Helvetica, sans-serif; }
input:hover, input:active, input:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus { border: solid 1px #333; }

strong { font-weight: bold !important; }
em { font-style: italic !important; font-weight: bold !important; }

a, a:visited { color: #b0016a; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; background: transparent; }

/* ---- REUSABLE CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px !important; }
.hidden { display: none !important; }
.last { margin: 0px !important; padding-bottom: 0px !important; border: 0px none !important; }

a.imgLeft { margin: 0px 20px 5px 0px; float: left; font-size: 0.8em; }
a.imgLeft img { margin-bottom: 5px; padding: 2px; border: solid 1px #ccc; }

.mb20 { margin-bottom: 20px !important; }

/* ---- LAYOUT --*/
.wrapper { margin: 15px auto 0px auto; width: 1011px; height: 611px; background: transparent url(../Images/bgWrapper.jpg) no-repeat scroll left top; position: relative; }
.wrapperInner { width: 920px; height: 520px; position: absolute; top: 40px; left: 40px; z-index: 1; }
.logo a { width: 348px; height: 40px; position: absolute; top: 0px; left: 0px; z-index: 1; }
.mainNav { width: 532px; height: 40px; position: absolute; top: 0px; right: 0px; z-index: 1; border-bottom: solid 1px #ccc; }
.mainNav ul { float: left; }
.mainNav ul li { float: left; }
.mainNav ul li a { padding: 0px 7px 0px 7px; float: left; display: block; text-align: center; line-height: 40px; color: #666; text-transform: uppercase; font-size: 0.9em; }
.mainNav ul li a:hover, .mainNav ul li a.on { text-decoration: none; color: #b0016a; }

.content { width: 268px; height: 220px; position: absolute; top: 120px; left: 40px; z-index: 1; }

.subNav { width: 348px; height: 100px; position: absolute; bottom: 0px; left: 0px; z-index: 1; }
.subNav span { width: 348px; height: 100px; position: absolute; bottom: 0px; left: 0px; z-index: 1; }

.subNav ul { float: left; width: 348px; }
.subNav ul li { margin-bottom: 0px; float: left; width: 348px; }
.subNav ul li a { padding: 0px 7px 0px 7px; float: left; display: block; text-align: left; line-height: 30px; color: #666; text-transform: uppercase; }
.subNav ul li a:hover, .subNav ul li a.on { text-decoration: none; color: #b0016a; }

#flash { width: 530px; height: 298px; position: absolute; top: 82px; right: 0px; z-index: 1; }
#flash p { padding: 10px; }

#flashIntro { margin: -252px 0px 0px -370px; width: 740px; height: 504px; position: absolute; top: 50%; left: 50%; z-index: 9999; }

.thumbs { width: 392px; height: 100px; position: absolute; bottom: 0px; right: 140px; z-index: 1; }
.thumbs ul { float: left; width: 392px; }
.thumbs ul li { margin-right: 20px; float: left; width: 100px; height: 100px; }
.thumbs ul li a { padding: 2px; float: left; display: block; border: solid 2px #999; width: 92px; height: 92px; }
.thumbs ul li a:hover { border: solid 2px #b0016a; }

.footer { padding: 15px 0px 15px 0px; float: left; clear: both; width: 100%; text-align: center; color: #fff; }
.footer a { color: #fff; }

#gallery { float: left; }

.contact h1 { color: #fff; }
.contact { padding: 20px; float: left; width: 460px; color: #fff; }
.contact ul { float: left; width: 460px; }
.contact ul li { margin-bottom: 10px; float: left; width: 460px; }
.contact ul li span { margin: 3px 0px 0px 10px; float: left; display: inline; }
.contact ul li label { margin: 3px 30px 0px 0px; float: left; width: 60px; color: #fff; font-weight: bold; text-transform: uppercase; }
.contact ul li input, .contact ul li select, .contact ul li textarea { float: left; width: 322px; }
.contact ul li textarea { height: 50px; }
.contact ul li input.submit { width: 120px; padding: 5px; text-align: center; color: #b0016a !important; background: #fff; cursor: pointer; }

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 5px; background-color: #fff; }
.vscrollerbar { width: 5px; background-color: #ccc; }
.hscrollerbase { height: 10px; background-color: black; }
.hscrollerbar { height: 10px; background-color: white; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }

/* The main calendar widget.  DIV containing a table. */

.calendar { position: relative; display: none; font-size: 8px; color: #AA0A74; cursor: default; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FFFFFF; border: 1px solid #AA0A74; }
.calendar table { border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-size: 10px; color: #AA0A74; cursor: default; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FFFFFF; }
/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 1px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; }
.calendar .nav { background: transparent url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 1px; border: 1px solid #000; color: #AA0A74; text-align: center; background-color: #FFFFFF; }
.calendar thead .headrow { /* Row <TR> containing navigation buttons */ }
.calendar thead .daynames { /* Row <TR> containing the day names */ }
.calendar thead .name { /* Cells <TD> containing the day names */ border-bottom: 1px solid #000; padding: 2px; text-align: center; background-color: #FFFFFF; }
.calendar thead .weekend { /* How a weekend day name shows in header */ color: #AA0A74; }
.calendar thead .hilite { /* How do the buttons in header appear when hover */ border-top: 2px solid #fff; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #fff; padding: 0px; background-color: #FFFFFF; }
.calendar thead .active { /* Active (pressed) buttons in header */ padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; background-color: #FFFFFF; }
/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */ width: 2em; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #aaa; }
.calendar tbody .day.othermonth.oweekend { color: #faa; }
.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background-color: #FFFFFF; }
.calendar tbody .rowhilite td { background-color: #FFFFFF; }
.calendar tbody .rowhilite td.wn { background-color: #FFFFFF; }
.calendar tbody td.hilite { /* Hovered cells <TD> */ padding: 1px 3px 1px 1px; border: 1px solid; border-color: #fff #000 #000 #fff; }
.calendar tbody td.active { /* Active (pressed) cells <TD> */ padding: 2px 2px 0px 2px; border: 1px solid; border-color: #000 #fff #fff #000; }
.calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; padding: 2px 2px 0px 2px; border: 1px solid; border-color: #000 #fff #fff #000; background-color: #FFFFFF; }
.calendar tbody td.weekend { /* Cells showing weekend days */ color: #AA0A74; }
.calendar tbody td.today { /* Cell showing today date */ font-weight: bold; color: #666666; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; }
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; }
/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ }
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ padding: 1px; border: 1px solid #000; background: #788084; color: #fff; text-align: center; background-color: #FFFFFF; }
.calendar tfoot .hilite { /* Hover style for buttons in footer */ border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background-color: #FFFFFF; }
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; }
/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; font-size: 90%; padding: 1px; z-index: 100; background-color: #FFFFFF; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .active { padding: 0px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; background-color: #FFFFFF; }
.calendar .combo .hilite { color: #999999; background-color: #CCCCCC; }
.calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #000000; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; }
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar td.time span.hilite { border-color: #000; background-color: #667; color: #fff; }
.calendar td.time span.active { border-color: #999999; background-color: #000; color: #AA0A74; }