/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/* ----- IDS ----- */

#bodyContainer { text-align:center;}
		
#container {
	margin:auto;
	min-width:750px;
	text-align:left;
	width:900px;
}

/* 1. header */
#header{
	display:block;
	width:100%;
	height:111px;
	margin:0;
	padding: 0;
}

#logotypeBox {
	width:75%;
	float:left;
}

#searchBox {
	width:25%;
	float:left;
	text-align: right;
	height: 111px;
}
.searchButton {
	position: relative;
	top: 3px;
}
.miniNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63%;
	color: #4f4c4d;
	display: block;
	padding-top: 33px;
	padding-bottom: 24px;
}
.miniNav a {
	text-decoration: underline;
	color: #4f4c4d;
}
.miniNav a:hover {
	color: #ff7800;
}
.logotype {
	padding-top: 14px;
	padding-bottom: 12px;
}
/* 2. navigation */
#navigation {
	display:block;
	width:100%;
	height:30px;
	clear: left;
}
li.about a {
	height: 34px;
	width: 105px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.about a span {
	background-image: url(/images/nav/nav_about.gif);
	position: absolute;
	height: 34px;
	width: 105px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .about .selected {
	background-image: url(/images/nav/nav_about2.gif);
}
li.about a span:hover {
	background-image: url(/images/nav/nav_about2.gif);
}

li.promotions a {
	height: 34px;
	width: 143px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.promotions a span {
	background-image: url(/images/nav/nav_promo.gif);
	position: absolute;
	height: 34px;
	width: 143px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .promotions .selected {
	background-image: url(/images/nav/nav_promo2.gif);
}
li.promotions a span:hover {
	background-image: url(/images/nav/nav_promo2.gif);

}
li.entertainment a {
	height: 34px;
	width: 162px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.entertainment a span {
	background-image: url(/images/nav/nav_entertainment.gif);
	position: absolute;
	height: 34px;
	width: 162px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .entertainment .selected {
	background-image: url(/images/nav/nav_entertainment2.gif);
}
li.entertainment a span:hover {
	background-image: url(/images/nav/nav_entertainment2.gif);
}
li.dining a {
	height: 34px;
	width: 112px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.dining a span {
	background-image: url(/images/nav/nav_dining.gif);
	position: absolute;
	height: 34px;
	width: 112px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .dining .selected {
	background-image: url(/images/nav/nav_dining2.gif);
}
li.dining a span:hover {
	background-image: url(/images/nav/nav_dining2.gif);
}
li.functions a {
	height: 34px;
	width: 133px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.functions a span {
	background-image: url(/images/nav/nav_functions.gif);
	position: absolute;
	height: 34px;
	width: 133px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .functions .selected {
	background-image: url(/images/nav/nav_functions2.gif);
}
li.functions a span:hover {
	background-image: url(/images/nav/nav_functions2.gif);
}
li.members a {
	height: 34px;
	width: 135px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.members a span {
	background-image: url(/images/nav/nav_members.gif);
	position: absolute;
	height: 34px;
	width: 135px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .members .selected {
	background-image: url(/images/nav/nav_members2.gif);
}
li.members a span:hover {
	background-image: url(/images/nav/nav_members2.gif);
}
li.contact a {
	height: 34px;
	width: 110px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
li.contact a span {
	background-image: url(/images/nav/nav_contact.gif);
	position: absolute;
	height: 34px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation .contact .selected {
	background-image: url(/images/nav/nav_contact2.gif);
}
li.contact a span:hover {
	background-image: url(/images/nav/nav_contact2.gif);
}
/* 2.1 Main Banner */

#mainBanner {
	height: 321px;
	width: 900px;
	display: block;
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.mainBannerPanel-right {
	width: 220px;
	padding-top: 20px;
	color: #282526;
	padding-bottom: 20px;
	float: right;
	margin-right: 12px;
	height: 281px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 2.2 Mini Banner */

#miniBanner {
	height: 146px;
	width: 900px;
	padding-top: 1px;
	padding-bottom: 1px;
	clear: left;
}

/* 3. Main Content */

#mainContentBox {
	display:block;
	width:884px;
	float: left;
	background-color: #282526;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-top: 12px;
}


.sidePanel-left, .mainContent, .sidePanel-right { 
	display:block;
	float:left; margin:0; padding:0;
}


/* 3.1 Seondary Nav  */
.sidePanel-left {}

#secondaryNav {
	display: block;
	height: 22px;
	width: 880px;
	background-color: #282526;
	padding-top: 8px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63%;
	color: #FFFFFF;
}
#secondaryNav a {
	color: #FFFFFF;
	text-decoration: none;
}

#secondaryNav a:hover {
	color: #ff7800;
	text-decoration: underline;
}
#secondaryNav .selected {
	color: #ff7800;
}

/* 3.2 main content */

.mainContent {
	width:600px;
	background-color: #FFFFFF;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-top: 12px;
}

.mainContent h2 {
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 12px;
	display: block;
}

/* 3.3 sidePanel */
.sidePanel-right {
	width: 220px;
	padding-top: 12px;
	color: #FFFFFF;
	padding-bottom: 12px;
}
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	color: #FFFFFF;
	display: block;
	padding-left: 10px;
}
.breadcrumb a {
	color: #FFFFFF;
	text-decoration: underline;
}


/* 4. footer */
	
#footer { clear:both; display:block; width:100%; }
#footerNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63%;
	color: #4f4c4d;
	display:block;
	width: 75%;
	height:40px;
	float:left;
	padding-top: 20px;
}
.footerNav a {
	text-decoration: underline;
	color: #4f4c4d;
}
.footerNav a:hover {
	color: #ff7800;
}
#poweredByBox {
	display:block;
	width: 25%;
	height:40px;
	padding-top: 20px;
	float:right;
}


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

.col2 { display:block; width:100%; }
.lhcol { float:left; width: 50%; }
.rhcol { float: right; width:50%; }

.content { margin: 0; padding:0;}


/* ----- PARAGRAPHS ----- */

p{ margin: 0 0 1em 0; padding:0; }
p.breadcrumbs { font-size:77%; }


/* ----- LISTS ----- */

#navigation ul, #footerNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
}

#navigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

#secondaryNav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#secondaryNav li {
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0em;
}

#secondaryNav li a {
	display:inline;
	padding: 3px 0 2px 0;
}

#secondary Nav li ul {}
#secondary Nav li li {}
#secondary Nav li li a {}


/* ----- BREAK ----- */

hr{ padding:0; margin:0; }

.clearer hr { display:none; }

/* ----- FORMS ----- */

form.searchForm {
	padding:0;
	margin-bottom: 0;
	margin-left: 0;
}

/* ----- DEFINITIONS ----- */

dl{ margin:0; padding:0; }
dt{ margin:0; padding:0; }
dd{ margin:0; padding:0; }