/* RESET DEFAULTS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { MARGIN: 0; PADDING: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { FONT-SIZE: 1em; FONT-WEIGHT: normal; FONT-STYLE: normal; }
ul,ol { LIST-STYLE: none; }
fieldset,img { BORDER: 0px none; }
caption,th { TEXT-ALIGN: left; }
table { BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; }
BODY { BACKGROUND: #EEE; COLOR: #999; FONT-FAMILY: Tahoma, Verdana, sans-serif; FONT-SIZE: 0.7em; LINE-HEIGHT: 125%; PADDING-TOP: 5px; }
P, TD { COLOR: #999; FONT-FAMILY: Tahoma, Verdana, sans-serif; FONT-SIZE: 1em; MARGIN: 0.25em 0 0.75em 0; }
A:LINK,
A:ACTIVE,
A:VISITED { COLOR: #4C4615; TEXT-DECORATION: none; }
A:HOVER { COLOR: #000; TEXT-DECORATION: none; }
H1,
H2,
H3,
H4,
H5,
H6 { COLOR: #333; FONT-FAMILY: Tahoma, Verdana, sans-serif; FONT-WEIGHT: bold; LINE-HEIGHT: 1em; MARGIN-BOTTOM: 1em; }
H1 { FONT-SIZE: 200%; MARGIN: 20px 0 1em 0 }
H2 { FONT-SIZE: 180%; MARGIN: 0em 0 1em 0; }
H3 { FONT-SIZE: 100%; MARGIN: 0em 0 0.5em 0; }
H4 { FONT-SIZE: 100%; }
H5 { FONT-SIZE: 100%; }
H6 { FONT-SIZE: 100%; }
UL,
OL { MARGIN-LEFT: 25px; *margin-left: 35px; MARGIN-BOTTOM: 15px; PADDING: 0px; }
UL UL,
UL OL,
OL OL,
OL UL { MARGIN: 8px 20px; }
LI { MARGIN-BOTTOM: 5px; }
UL LI { LIST-STYLE-TYPE: none; }
HR { BACKGROUND: #F5F5F5; COLOR: #F5F5F5; HEIGHT: 1px; MARGIN: 10px 0px; }
THEAD TH { BACKGROUND: #BBB; COLOR: #FFF; BORDER-RIGHT: 1px solid #FFF; BORDER-TOP: 1px solid #FFF; FONT-SIZE: 86%; PADDING: 10px 10px 5px 5px; }
TBODY TD,
#CONTENT TBODY TH { COLOR: #222; BORDER-TOP: 1px solid #EEE; PADDING: 2px 10px 2px 5px; }


/* HELPERS */
.block { DISPLAY: BLOCK; HEIGHT: auto; *HEIGHT: 1%; OVERFLOW: HIDDEN; }
.fl { FLOAT: left; }
.fr { FLOAT: right; }
.nf { FLOAT: none; }


/* WRAPPER */
#wrapper { BACKGROUND: #FFF; PADDING: 14px 14px 14px 14px; MARGIN: auto; WIDTH: 938px; }


/* NAVIGATION */
#navigation { MARGIN: 0px 0px 0px 35px; WIDTH: 128px; }
#navigation #logo { MARGIN: 0px 0px 100px 0px; }
#navigation #logo H1 { MARGIN: 0px; }

#navigation #menu { MARGIN: 0px 0px 100px 0px; }

#navigation #menu A { COLOR: #777; CLEAR: both; DISPLAY: block; PADDING: 3px 10px 3px 20px; }
#navigation #menu A:HOVER { BACKGROUND: #FFF1C1; COLOR: #000; }
#navigation #menu A.active { COLOR: #000; FONT-WEIGHT: bold; }


/* CONTENT */
#contentcontainer { WIDTH: 719px; }
#content { PADDING: 20px 0px 30px 0px; }


/* HERO */
#hero { BACKGROUND: #000; CLEAR: both; MARGIN-BOTTOM: 1px; }


/* EVENTS */
#eventsblock {
	BACKGROUND: #151515;
	CLEAR: both;
	HEIGHT: 152px;
	MARGIN-BOTTOM: 14px;
	OVERFLOW: hidden;
}
#eventsblock H3 { COLOR: #FFF; FONT-SIZE: 140%; MARGIN: 0 0 1em 0; PADDING: 0; }
#eventsblock H4 { COLOR: #FFF; LINE-HEIGHT: 12px; FONT-SIZE: 100%; MARGIN: 0 0 5px 0; PADDING: 0; }
#eventsblock P { LINE-HEIGHT: 12px; MARGIN: 0 0 5px 0; PADDING: 0; }
#eventsblock A { COLOR: #FFF; }
#eventsblock A:HOVER { TEXT-DECORATION: underline; }
#eventsblock DIV.column { HEIGHT: 152px; OVERFLOW: hidden; }
#eventsblock #events { BORDER-RIGHT: 1px solid #FFF; PADDING: 10px; HEIGHT: 152px; OVERFLOW: hidden; POSITION: relative; WIDTH: 219px; }
#eventsblock .stepcarousel {
position: relative; /*leave this value alone*/
border: 0px none;
overflow: scroll; /*leave this value alone*/
width: 239px;
height: 152px; /*Height should enough to fit largest content's height*/
}
#eventsblock .stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
}
#eventsblock .stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
height: 100px;
margin: 0px; /*margin around each panel*/
width: 219px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 0px 10px;
}
#eventsblock #new { BORDER-RIGHT: 1px solid #FFF; PADDING: 10px; WIDTH: 219px; }
#eventsblock #menus { PADDING: 0px; WIDTH: 239px; }
#eventsblock #menus A { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 10px 10px; BORDER-BOTTOM: 1px solid #FFF; COLOR: #FFF; DISPLAY: block; HEIGHT: 50px; PADDING: 0px 0px 0px 0px; }
#eventsblock #menus A:HOVER { BACKGROUND-COLOR: #666; }
#eventsblock #menus A SPAN { DISPLAY: none; }
#eventsblock #menus A.breakfast { BACKGROUND-IMAGE: url(/img/bre_menu.png); }
#eventsblock #menus A.lunch { BACKGROUND-IMAGE: url(/img/lun_menu.png); }
#eventsblock #menus A.dinner { BACKGROUND-IMAGE: url(/img/din_menu.png); }
 

/* FOOTER */
#footer { BACKGROUND: #DBDBDB; CLEAR: both; MARGIN-TOP: 14px; PADDING: 10px 10px; }
#footer P { COLOR: #AAA; FONT-SIZE: 86%; MARGIN: 0px; }
#footer A { COLOR: #777; MARGIN: 0px 6px; }
#footer A:HOVER { COLOR: #000; TEXT-DECORATION: underline; }