@import url(reset.css);


/* the index page */
#dragbar td {
    text-align:right;
    font-size:11px;
}
#dragbar td a{
    text-decoration: none;
}

.fnt01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}
.fnt02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}
.fnt03{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}
.fnt04{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}
.fntB{
	font-weight: bold;
}


#pageWrapperIndex {
    margin: auto;
    width: 600px;
    background: transparent url(/images/jpg/start2010.jpg) top left no-repeat;
}
#contentIndex{
    border: 0 solid red;
    font-size: 11px;
    width: 600px;
}

body{
    margin:0 auto;
    padding:0;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    background-color: #900;
}
h1{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
h2{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
}
p{
    margin-bottom: 5px;
}

.clr01{
    color: #ccc;
}
.clr02{
    color: #f00;
}

.borderClr01{
    background-color: #ccc;
}
.borderClr02{
    background-color: #f00;
}

#pageWrapper {
    margin: auto;
    width: 800px;
    border: 1px solid #400;
    background: transparent url(/images/jpg/content.jpg) top left no-repeat;
}
#top{
    width: 800px;
    height: 248px;
    margin-top: 2px;
    background: transparent url(/images/gif/top2010.gif) top left no-repeat;
}

#nav{
    /* background: transparent url(/images/jpg/navBg.jpg) top left repeat-y; */
    height: 37px;
    width: 800px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

#content{
    border: 0 solid red;
    font-size: 11px;
    text-align: left;
    padding: 4px 5px 10px 5px;
}

#content.redcage{
    /* background: transparent url(/images/jpg/content.jpg) top left no-repeat; */
}
#footer{
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
}

#footer a{
    padding: 5px 5px 0 5px;
}


.centerCont{
    text-align: center;
    width: 800px;
    border-top: 1px solid red;
    display: block;
}


#indexEventsList{
    position: absolute; 
    top: 52px; 
    left:300px; 
    width: 300px; 
    border: 0px solid white; 
    color:red; 
    text-align: right;
}

#indexTwoFloors{
    border: 0px solid white;
    color: red;
    font-size: 15px;
    height: 19px;
    left: 9px;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 313px;
    width: 582px;
}

#indexCountdown,
#indexEntrance{
    border: 0px solid white;
    position: absolute;    
    top: 354px;     
    color: red;   
}

#indexCountdown{
    text-align:right;  
    left: 250px; 
    width: 340px; 
    height: 80px; 
}
#indexEntrance{
    text-align:left; 
    left: 9px; 
    width: 240px; 
    height: 89px; 
} 
/* on index for special popup */
#openSpecialPopupLayer,
#openSpecialPopupTransLayer{
    padding: 12px;
    left: 238px;
    position: absolute;
    top: 195px;
    text-align: left;
    width: 240px; 
}

#openSpecialPopupTransLayer{
    filter:Alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
    background-color: black; 
    height: 51px; 
}
#openSpecialPopupLayer{
    cursor: pointer; 
    border-top: 0px solid red; 
    color: red; 
    border-bottom: 0px solid red;  
    height: 52px;     
}
                     
/* special popup */
#specialPopupTransLayer0,
#specialPopupTransLayer1,
#specialPopupTransLayer2{
    background-color: black;
    filter:Alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
    padding: 3px;
}
#specialPopupLayer0,
#specialPopupLayer1,
#specialPopupLayer2{
    cursor: pointer;
    padding: 3px;
    text-align: left;  
}

#specialPopupLayer0{
    cursor: auto ;  
}
#specialPopupTransLayer0,
#specialPopupLayer0,
#specialPopupTransLayer1,
#specialPopupLayer1,
#specialPopupTransLayer2,
#specialPopupLayer2{
    position: absolute;
    left: 3px;
    height: 23px;
    width: 281px;
    border: 1px solid white;
}

#specialPopupTransLayer0,
#specialPopupLayer0{
    top: 219px;
}
#specialPopupTransLayer1,
#specialPopupLayer1{
    top: 249px;
}
#specialPopupTransLayer2,
#specialPopupLayer2{
    top: 279px;
}




/* events/dates */
ul.events {
    margin-top: 10px;
}

li.event,
div.event {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    float: left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding: 0;
    background-color:transparent;
    background-position: center 15px ;
    background-repeat:no-repeat;
    width: 197px;
    height: 190px;
    text-align: center;
}

#showAllDatesLink{
    font-weight: bolder;
    margin-left: 10px;
}
#currentDateText{
    /* background-color: #900; */
    border: 0px solid white;
    float: left;
    font-size: 12px;
    font-weight: bolder;
    height: 140px;
    margin: 15px 0 0 -6px;
    padding: 5px;
    /* width: 565px; */
    width: 193px;
}

#currentSpecialDateText{
    background-color: #900;
    float: left;
    font-size: 15px;
    font-weight: bolder;
    height: 140px;
    margin: 15px 0 0 7px;
    padding: 5px;
    /* width: 565px; */
    width: 230px;
}

/* gallery */
div.fadehover {
	position: relative;
    float: left;
    width: 100px;
    height: 60px;
    border-top: 0px solid red;
    border-bottom: 0px solid red;
}

img.off {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

img.on {
	position: absolute;
	left: 0;
	top: 0;
}

/* jobs/staff */
label, .label, .textField {
color:#76736B;
}

label, .label {
float:left;
font-weight:bold;
margin-right:10px;
padding-top:5px;
text-align:right;
width:140px;
}

input[type="text"] {
height:13px;
padding:2px;
}

input, select, textarea {
border-color:#CCC9C2;
}

input {
border:1px solid;
font-family:verdana;
font-size:10px;
}

input, textarea, select {
border-style:solid;
border-width:1px;
margin:5px;
width:240px;
}

/**/
.linkIcon{
    float: left;
    width: 140px;
    display: inline;
}
.linkText{
    float: left;
    width: 630px;
    display: inline;
}