/* Browser Resets */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{ margin:0; padding:0 }
h1, h2, h3, h4, h5, h6, pre, code { font-size:100%; }

html, body {
	height: 100%;
	overflow:hidden;
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

* a img {border: 0;}

#content-box a {color: #207613;
border-bottom: 1px dotted #207613;
text-decoration:none;
font-weight:bold;}

.dropdown ul li a {color: #000000;
text-decoration:none;
}

.dropdown ul li a:hover, ul.smallprint li a:hover, ul.smallprint.last li a:hover {color: #207613; border-bottom: 1px dotted #207613;}

ul.smallprint li a {color:#666666; text-decoration: none; border-bottom: 1px dotted #666666;}
ul.smallprint.last li a {color:#595959; text-decoration: none; border-bottom: 1px dotted #000000;}

#cboxSlideshow {color: #73c966; border-bottom: 1px dotted #207613;}

#content-box a:hover {color: #73c966;}
.clear {height:0;width:0;font-size:0;line-height:0;padding:0;margin:0;clear:both;}
ul li {list-style-type: none;}

#arrowDownTheatre, #arrowDownHotel, .dropdown .hook li, #lever, #honk, #theatreGo, #hotelGo {
cursor:pointer;
}


/***********************************************************************************************************/
/***FONTS*********************************************************/

h1, h2,  h3, h4 {font-family: Arial, Helvetica, sans-serif;}

p {margin-bottom: 10px;}

.item h3 {
color: #fff;
font-size: 16px;
line-height: 18px;
margin-top: 10px;
}


h1 {
color:#001500;
font-size: 40px;
font-weight: light;
padding-bottom: 10px;
margin-bottom: 25px;
background: transparent url(../img/h1Line.png) 0 100% repeat-x;
}

h1.mission {color:#1b9607; font-size: 34px; line-height:38px; background:none;}

h2 {font-size:14px;}

#content-box img {
margin: 10px;
}

#content-box img.right {
float: right;
margin-right: 0;
}

#content-box img.left {
float: left;
margin-left: 0;
}

ul.smallprint li {color:#666666; font-size: 10px;}

/* Fonts - Cufon loading **************************************************************************/
.cufon-loading #nav li {
visibility: hidden !important;
}

/***********************************************************************************************************/
/* Wrapper Styles */

#wrapper1 {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow: hidden;
}
#wrapper2 {
	position: absolute;
	top: 0px;	
	right: 0px;	
	bottom: 207px;
	left: 0px;
	overflow: hidden;
}

#wrapper {
	position: relative;
	width: 990px;
	min-height: 100%;
	margin: 0 auto;
}

#home-intro {position:fixed;}

/* Content Area */

#content-box {
	position: absolute;
	height: auto;
	width: auto;
	top: 80px;
	left: 245px;
	bottom: 0px;
	right: 0px;
	background: #fff url(../img/panelBackground.jpg) 0 0 repeat-x;	
}

#content-box .hook-1 {
	margin: 25px 0 400px 30px;
}
#main {overflow:auto;
	padding-bottom: 157px;}  /* must be same height as the footer */

/* Content Area */

.footer {
	position: relative;
	width: 990px;
	height: 197px; /* .push must be the same height as .footer */
	margin-top: -197px; /* negative value of height */
	margin-left: auto;
	margin-right: auto;
	clear:both;
	width: 990px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


.footer {
background: transparent url(../img/footer-bg.png) 0 0 no-repeat;
}

.footer .title {
width: 970px;
height: 40px;
margin-left: 10px;
background: transparent url(../img/footerLine-horizontal.png) 0 33px repeat-x;
}

.footer .title img {
margin-left: auto;
margin-right: auto;
display: block;
}

.telno-alt {position: absolute; right: 0; top: 4px; color: #fff; text-align: right; font-weight: 900; font-size: 18px; padding-right: 32px; background: transparent url(../img/telno-icon.png) 100% 50% no-repeat; height: 28px; line-height: 28px;}
.telno-alt span {color:#87ff69; font-size: 13px; position: relative; bottom: 3px;}

.footer .footerItem {
width: 970px;
height: 103px;
margin-left: 10px;
background: transparent url(../img/footer-central.png) 50% 0 no-repeat;
}

.item {
float: left;
height: 103px;
}

.item p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
margin-bottom: 2px;
color: #fff;
}

.item.first {
width: 223px;
margin-right: 10px;
text-align: right;
background: transparent url(../img/footerItem-CCard.png) 0 0 no-repeat;
}

.item.second {
width: 220px;
margin-right: 64px;
text-align: right;
background: transparent url(../img/footerLine-vert.png) 0 0 repeat-y;
position: relative;
}

.item.third {
width: 220px;
margin-right: 10px;
text-align: left;
background: transparent url(../img/footerLine-vert.png) 100% 0 repeat-y;
position: relative;
}

/*.item.fourth {
width: 223px;
text-align: left;
background: transparent url(../img/footerItem-lever.png) 120px 0 no-repeat;
}*/

#honk/*, #lever*/ {
opacity:0.4;filter:alpha(opacity=40);
position: relative; /* For IE opacity on cufon */
z-index: 2; /* For IE opacity on cufon */
}
ul.smallprint {clear: both; margin-top: 20px; margin-left: 10px;overflow:hidden;}
ul.smallprint li {float:left; margin-right: 7px; padding-right: 8px; font-size:9px; background: transparent url(../img/footerLine-vert.png) 100% 0 repeat-y;}
ul.smallprint li.last {margin-right: 0px;background: none;}
/*ul.smallprint.last {margin-top:0;}
ul.smallprint.last li {font-size:9px; background:url(../img/footerLine-vert2.png) 100% 50% no-repeat;}
ul.smallprint.last li.first {margin-right: 7px; margin-left: 20px;background: transparent url(../img/footerLine-vert.png) 100% 0 repeat-y;}
ul.smallprint li.nobg {background:none;}
ul.smallprint li.last {margin-right: 0; padding-right: 0; background: none;}*/

/************************************************************************************************/
/* CONTENT BITS */

ul.searchBar {
width: 201px;
height: 27px;
}

ul.searchBar li {
float: left;
line-height: 27px;
}

ul.searchBar li.first {
width: 119px;
padding-left: 10px;
background: #000 url(../img/searchBar.png) 0 0 no-repeat;
text-align:left;
}


/******* Dropdown ****/
.dropdown {
position: absolute;
background: #fbfbfb url(../img/dropdownBackground.jpg) 0 0 repeat;
top: -110px;
width: 201px;
padding-top:8px;
z-index: 1;
}

#searchHotel, #searchTheatre {
display:none;
}

.item.second .dropdown {
left: 20px;
text-align:left;
}

.dropdown .hook {
overflow:scroll;
height: 180px;
width: 195px;
position:relative;
}

.dropdown ul {
margin: 5px;
margin-top: 0;
display:block;
position:relative;
}

.dropdown ul li {
float:none;
text-align:left;
}


/* For resizable background */
#bg {
	position: fixed;
	top: 0;
	left: 0;
}
.bgwidth {
	width: 100%;
}
.bgheight {
	height: 100%;
}

.bgsmallwidth {
width: 1024px;
height: 600px;
}

/* Fonts */
ul#nav {
width: 245px;
float: left;
margin-right: 20px;
}

ul#nav li {
background: transparent url(../img/navLine.png) 0 0 no-repeat;
list-style-type:none;
}

ul#nav li a {
display: block;
font-size: 30px;
text-transform:uppercase;
line-height: 30px;
color: #fff;
padding: 10px 0 10px 24px;
text-decoration:none;
}
ul#nav li.first {
background: none;}

ul#nav li.first a {
font-weight:700;
}

ul#nav li a:hover, ul#nav li.select a {
background: transparent url(../img/navBullet.png) 0 50% no-repeat;
}

#content-box .tool {
clear:both;
background: transparent url(../img/h1Line.png) 0 100% repeat-x;
margin-bottom: 15px;
padding-bottom: 15px;
overflow:hidden;
}

#content-box .tool img {float: left; margin: 0; padding:0 15px 0 0; background: url(../img/toolLine.png) 207px 0 repeat-y;}
#content-box .tool .description {width: 425px; margin-left: 215px;}
#content-box .tool .description p {margin-bottom: 0;}


	/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 18px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: transparent url(../img/scrollbar-jspTrack.png) 50% 0 repeat-y;
	position: relative;
}

.jspDrag
{
	background: transparent url(../img/scrollbar-jspDrag.png) 0 0 repeat-y;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspDrag.jspDragTop {
	background: transparent url(../img/scrollbar-jspDragTop.png) 0 0 no-repeat;
	height: 9px;
	}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspArrowDown {
background: transparent url(../img/scrollbar-jspArrowDown.png) 0 0 no-repeat;
}

.jspArrow.jspArrowUp {
background: transparent url(../img/scrollbar-jspArrowUp.png) 0 0 no-repeat;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background-position: 0 -18px;
}

.jspVerticalBar .jspArrow
{
	height: 18px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* To add the fixed position 'close' tab on internal pages */
.fixed-position {
top: 80px;
right: 37px;
position: absolute ;
text-align: center ;
z-index: 1000 ;
}

.fixed-position a {
display:block;
height: 24px;
width: 61px;
background: transparent url(../img/close-tab.png) 0 0 no-repeat;
text-indent: -10000000px;
}

.fixed-position a:hover {
background-position: 100% 0;
}