/** GLOBAL RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 0; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/** GLOBAL STYLES **/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #252525;
	background: #360000 url(../images/background.jpg) repeat-x top center;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 0; padding: 5px 0 15px 0; font-size: 24px; font-weight: normal; color: #510000; text-align: left; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: 1px; }
h2 { margin: 0; padding: 10px 0 15px 0; font-size: 19px; font-weight: normal; color: #510000; text-align: left; line-height: 1.5em; font-family: helvetica, arial, verdana, sans-serif; }
h3 { margin: 0; padding: 10px 0 15px 0; font-size: 15px; font-weight: bold; color: #252525; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
h4 { margin: 0; padding: 0 0 8px 0; font-size: 14px; font-weight: bold; color: #510000; text-align: left; line-height: 1.3em; font-family: helvetica, arial, verdana, sans-serif; }
h1.home { margin: 0; padding: 0 0 27px 0; font-size: 19px; font-weight: normal; color: #510000; text-align: left; line-height: 1.5em; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: normal; }

p { margin: 0; padding: 0 0 20px 0; text-align: justify; }
a { color: #1657c0; text-decoration: underline; }
a:focus { outline:none }
a:hover { color: #510000; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin: 0; padding: 0 0 15px 18px; }
ol li { padding: 4px 0; }
ul { text-align: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; font-size: 14px; fline-height: 1.4em; }
ul li { padding: 3px 0; background: transparent url(../images/bullet.gif) no-repeat center left; padding-left: 25px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.small { font-size: 12px; }


/** STYLES **/

#header { margin: 0 auto; margin-top: 53px; width: 964px; height: 533px; text-align: left; line-height: 0px; }

#content { margin: 0 auto; width: 888px; padding: 30px 38px 10px 38px; background: transparent url(../images/content_background.gif) repeat-y top left; }

.colleft { float: left; width: 550px; text-align: left; }

.colright { float: right; width: 288px; text-align: left; }

#footer p { text-align: center; padding: 20px 0 0 0; font-size: 14px; color: #fff; line-height: 2.5em; }
#footer p.subline { padding: 0 0 20px 0; font-size: 12px; color: #757575; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #1657c0; text-decoration: underline; }


.map { padding: 4px; border: 1px solid #b8b8b8; background-color: #fff; }

ul.pdfs { text-align: left; margin: 0 0 20px 0; padding: 0 0 0 10px; list-style-type: none; font-size: 18px; font-weight: bold; line-height: 1.4em; }
ul.pdfs li { padding-left: 28px; }
ul.pdfs a { color: #510000; text-decoration: none; }
ul.pdfs a:hover { color: #1657c0; text-decoration: underline; }

/** NAV **/

#nav { margin: 0 auto; width: 964px; height: 84px; text-align: center; }
#nav ul { margin: 0; padding: 0 0 0 26px; list-style-type: none; }
#nav a { display: block; height: 84px; text-indent: -9999px; }
#nav li { margin: 0; padding: 0 0 0 12px; list-style: none; float: left; background: none; }

#nav li.home a { background: url(../images/home.gif) no-repeat; width: 288px; }
#nav li.homeSelected a { background: url(../images/home.gif) no-repeat 0 -84px; width: 288px; }
#nav li.home a:hover { background: url(../images/home.gif) no-repeat 0 -84px; }

#nav li.menus a { background: url(../images/menus.gif) no-repeat; width: 288px; }
#nav li.menusSelected a { background: url(../images/menus.gif) no-repeat 0 -84px; width: 288px; }
#nav li.menus a:hover { background: url(../images/menus.gif) no-repeat 0 -84px; }

#nav li.catering a { background: url(../images/catering.gif) no-repeat; width: 288px; }
#nav li.cateringSelected a { background: url(../images/catering.gif) no-repeat 0 -84px; width: 288px; }
#nav li.catering a:hover { background: url(../images/catering.gif) no-repeat 0 -84px; }
