@charset "UTF-8";
body  {
	font: 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container { 
	width: 1260px;  
	margin: 50px auto; 
	border: 0;
	text-align: left; 
} 

.homepage #contentWrapper {
	background: #9a9a64 url(../images/bg-home.jpg) top left no-repeat;
	width: 1260px;  
	height: 678px;	
}

.lookinside #contentWrapper { background: #9a9a64 url(../images/bg-home.jpg) top left no-repeat;
	width: 1260px;  
	height: 678px;	
}

.about #contentWrapper { background: #9a9a64 url(../images/bg-home.jpg) top left no-repeat;
	width: 1260px;  
	height: 678px;	
}

.contact #contentWrapper { background: #9a9a64 url(../images/bg-home.jpg) top left no-repeat;
	width: 1260px;  
	height: 678px;	
}

.history #contentWrapper {background: #9a9a64 url(../images/bg-4.jpg) top left no-repeat; width: 1260px;  height: 678px;}
.menus #contentWrapper {background: #9a9a64 url(../images/bg-3.jpg) top left no-repeat; width: 1260px;  height: 678px;}
.entertainment #contentWrapper {background: #9a9a64 url(../images/bg-2.jpg) top left no-repeat; width: 1260px;  height: 678px;}
.directions #contentWrapper {background: #9a9a64 url(../images/bg-map.jpg) top left no-repeat; width: 1260px;  height: 678px;}

#rightContent {
	float: right; /* since this element is floated, a width must be given */
	width: 900px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 10px;
	border: 0;
}
#rightContent p {
	margin-left: 590px;
	padding-top: 20px;
	padding-right: 10px;
	font: 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #333; font-size:13px; font-weight: bold; 
}

#navigation { 
	margin: 0 950px 0 0;
	padding: 180px 20px; 
	height: 320px;
} 

#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
width: 150px;
font-family: arial;
font-size: 14px;
border: 0;
}

#navlist li {
display:block;
	list-style-type:none;
	padding: 0;
	margin: 0;
	border: 0;
	margin-bottom: 19px;

}

#navlist li a
{
display:block;
text-decoration: none;
color: #fff;
padding: 0;
background: url(../images/nav-button.gif) 0 0 no-repeat;
width: 150px;
height: 37px;
overflow:hidden;
}

#navlist li a span {display: block; padding: 10px 0 0 15px;}

.history #navlist li a.btn-history {background-position: 0 -37px;}
.menus #navlist li a.btn-menu {background-position: 0 -37px;}
.entertainment #navlist li a.btn-entertainment {background-position: 0 -37px;}
.directions #navlist li a.btn-directions {background-position: 0 -37px;}
.lookinside #navlist li a.btn-look {background-position: 0 -37px;}
.about #navlist li a.btn-about {background-position: 0 -37px;}
.contact #navlist li a.btn-contact {background-position: 0 -37px;}

#navlist li a:hover
{
color: #ccc;
background-position: 0 -37px;

}



#footer { 
	padding: 10px 10px 0 50px; 
	text-align: center;
} 
#footer p {
	margin: 0; 
	padding: 4px 0;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #fff;
	line-height:150%;
	letter-spacing: 1px;
}

#footer a {text-decoration:none; color: #FFF}
#footer a:hover {color:#666}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


h4 {color: #FFF; padding: 0; margin: 20px 0 18px 0; font-size:14px}



/*home page*/
#rotatingWrapper{position:relative; text-align:right;  width: 900px;}
.rotatingWrapperCopy {width: 300px; height: 150px; float: right; text-align:left; font: 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #333; font-size:13px; font-weight: bold; padding-right: 17px}
.rotatingWrapperCopy p {text-align: left}
.rotating {width: 900px; position: absolute; left: 0; text-align:right}
.rotating img {padding-right: 31px}
.history .rotating img {padding-right: 39px}
#frame1 {padding-top: 30px; }
#frame2 {display:none; padding-top: 30px;}
#frame3 {display:none; padding-top: 30px}
#frame4 {display:none; padding-top: 30px}
#frame5 {display:none; padding-top: 30px}
#frame6 {display:none; padding-top: 30px}
#frame7 {display:none; padding-top: 30px}
#frame8 {display:none; padding-top: 30px}
#frame9 {display:none; padding-top: 30px}
#frame10 {display:none; padding-top: 30px}


/*home page*/
.menus #rotatingWrapper{position:relative; text-align:right;  width: 750px; }
.menus .rotating {width: 750px; position: absolute; left: 0; text-align:right;}


.menus #frame1 {padding-top: 0px; }
.menus #frame2 {display:none; padding-top: 0px;}
.menus #frame3 {display:none; padding-top: 0px}
 .menus #frame4 {display:none; padding-top: 0px}
.menus #frame5 {display:none; padding-top: 0px}
.menus #frame6 {display:none; padding-top: 0px}
.menus #frame7 {display:none; padding-top: 0px}



/*menus page */
/*learn more button*/

.learnMore { 
	margin-left: 2px;	
	height: 28px;
	width: 113px;
	overflow:hidden;
	margin-bottom: 10px;
	}


.learnMore a:hover  {
background-position: 0 -28px;
color: #fff;
 }

.learnMore a {
 display: block;
 background: url(../images/nav-button-small.gif) no-repeat 0 0; 
 color: #fff;
 width: 113px;
 height: 56px;
 margin:0; padding: 0;
 font: 12px/1 Helvetica, Arial, sans-serif;
 text-decoration:none;
}

.learnMore span {display:block; padding: 8px 8px 0 15px;}


input.button {
 background: url(../images/nav-button-small.gif) no-repeat 0 0; 
 color: #fff;
 width: 113px;
 height: 56px;
 margin:0; padding: 0;
 font: 12px/1 Helvetica, Arial, sans-serif;
 }

input.button:hover {
background-position: 0 -28px;
color: #fff;}



/* directions */

#scrollable {
height: 350px; width: 300px; overflow:auto;overflow-x:hidden; font: 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #333; font-size:11px; font-weight: bold; float: right; margin-right: 10px;
}

/*entertainment*/
.tab_container {
	overflow: hidden;
	text-align:center;
	font: 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #333; font-size:13px; font-weight: bold; 
}
ul.tabs li {padding: 0; margin: 0}