@charset "UTF-8";
/* SETUP START */
/* CSS Document */

body {
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-color: #FFFEE9;
	font-family: Arial;
}

li {
	font-size:11px;
	line-height:20px;
}

a, a:visited, a:hover{
	font-size:11px;
	line-height:16px;
	color:#000000;
}

.footer {
	font-size:10px;
	color:#000000;
}
.footer a, .footer a:visited, .footer a:hover{
	font-size:10px;
	color:#000000;
}

.footerLinks a, .footerLinks a:visited, .footerLinks a:hover{
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

/* TINY MCE */

/* MAIN STYLES START */

.home h1{
	margin:0px;
	color:#000000;
	font-size:24px;
	padding-top:10px;
}

.home h2 {
	margin:0px;
	font-weight:600;
	color:#000000;
	font-size:18px;
	line-height:24px;
	_line-height:23px;
}

.home h3, .home h4, .home h5, .home h6 {
	font-family: Arial;
	color: #000000;
	margin-bottom:-10px;
	_margin-bottom:-17px;
}

.home p, .home div {
	font-size:11px;
	_font-size:11px;
	line-height:15px;
	_line-height:15px;
	color:#000000;
}

.main h1{
	margin:0px;
	color:#FFFFFF;
	font-size:24px;
	padding-top:10px;
}

.main h2 {
	margin:0px;
	font-weight:600;
	color:#FFFFFF;
	font-size:18px;
	line-height:24px;
	_line-height:23px;
}

.main h3, .main h4, .main h5, .main h6 {
	font-family: Arial;
	color: #FFFFFF;
	margin-bottom:-10px;
	_margin-bottom:-17px;
}

.main p, .main div {
	font-size:11px;
	_font-size:11px;
	line-height:15px;
	_line-height:15px;
	color:#FFFFFF;
}

.dining_bgnd_left{
	background-image: url(../images/dining/SYImperial_web_template-BAR-DINING_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFEE9;
}

.dining_bgnd_right{
	background-image: url(../images/dining/SYImperial_web_template-BAR-DINING_r1_c4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFEE9;
}

.functions_bgnd_left{
	background-image: url(../images/functions/SYImperial_web_template-FUNCTIONS_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFEE9;
}

.functions_bgnd_right{
	background-image: url(../images/functions/SYImperial_web_template-FUNCTIONS_r1_c4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFEE9;
}

.home_bgnd_left{
	background-image: url(../images/home/SYImperial_web_template-HOME_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
}

.home_bgnd_right{
	background-image: url(../images/home/SYImperial_web_template-HOME_r1_c4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}

/* END OF TINY MCE */

/* Scroll Bar Master Styling Starts Here */
/* do not modify .scrollgeneric class, required for proper operation */

#scrollBar {
	width:467px;
	_width:467px;
	height:342px;
	overflow:auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0.3em auto;
	padding-right:10px;
	vertical-align:top;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #0f0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #f00;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 10;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 16px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 16px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.jScrollPaneTrack {
	background: url(images/scroll_bg.gif) repeat-y transparent;
}
.jScrollPaneDrag {
	background: url(images/scroll_icon.gif) repeat-y;
	
}
.jScrollPaneDragTop {
	background: transparent;
	height: 0;
}
.jScrollPaneDragBottom {
	background: transparent;
	height: 0;
}
a.jScrollArrowUp {
	margin-top:0px;
	width: 11px;
	height: 10px;
	background: url(images/scroll_arrow_top.gif) no-repeat 0 0;
}
a.jScrollArrowDown {
	margin-bottom:0px;
	width: 11px;
	height: 10px;
	background: url(images/scroll_arrow_bottom.gif) no-repeat 0 0;
}