/* UNIVERSAL */

body
{
text-align: center;
margin: 10px auto;
width: 980px;
background-color: #000000;
}

body, 
td, 
div, 
p
{
font: 11px/14px Arial, Helvetica, sans-serif; 
color: #000;
}

a
{
color: #000;
text-decoration: underline;
font-weight: bold;
}

a:hover
{
color: #fff;
background: #007d7f;
}

a.img:hover
{
background: transparent;
}

a:hover img
{
background: transparent;
}

a.calloutlink, a.calloutlink:hover, a.calloutlink:visited 
{
color: #f04d1b;
text-decoration: underline;
font-weight: bold;
font-size: 120%;
background: transparent;
}

a.k_link, a.k_link:hover, a.k_link:visited 
{
color: #000000;
text-decoration: underline;
font-weight: bold;
font-size: 120%;
background: transparent;
}

a.leftNavSub, a.leftNavSub:hover, a.leftNavSub:visited 
{
background: transparent;
}

h1 
{
font: bold italic 14px/18px Arial, Helvetica, sans-serif;
color: #f04d1b;
text-transform: uppercase;
}

/* NAV BAR */

#nav
{
background-color: #000;
margin: 0 auto;
width: 850px;
text-align: center;
text-transform: uppercase;
}

#nav a,
#nav a:link,
#nav a:active,
#nav a:visited
{
margin: 0;
padding: 0;
float: left;
width: 120px;
height: 20px;
font: bold 11px/20px arial, helvetica, sans-serif;
color: #fff;
background: #000;
}

#nav a.on, 
#nav a.on:visited, 
#nav a.on:active, 
#nav a.on:hover,
#nav a:hover
{
margin: 0;
padding: 0;
color: #000;
background: url('../images/bg_tabs.gif') no-repeat #000;
}

#k_nav a.on, 
#k_nav a.on:visited, 
#k_nav a.on:active, 
#k_nav a.on:hover,
#k_nav a:hover
{
	margin: 0;
	padding: 0;
	float: center;
	width: 120px;
	height: 20px;
	font: bold 11px/20px arial, helvetica, sans-serif;
	color: #000;
	background: #000;
}

/* TEXT SIZE SELECTOR */

#nav #textsize
{
float: right;
height: 20px;
color: #fff;
margin-left: 15px;
text-transform: none;
}

#nav #textsize a, #nav #textsize a:hover
{
color: #fff;
font-weight: normal;
float: none;
background: transparent;
}

/* MASTHEAD */

#masthead
{
clear: both;
background-color: #000;
width: 980px;
}


/* MAIN */

#main
{
clear: both;
width: 964px;
background: #fff;
}


/* LEFT SIDEBAR */

#leftsidebar 
{
vertical-align: top;
width: 210px;
margin: 0px;
background: url('../images/bg_sidebar.gif') repeat-y bottom #000;
border-bottom: 6px solid #000;
}

#leftsidebar h1
{
display: block;
width: 210px;
height: 35px;
margin: 0px;
color: #fff;
text-align: center;
font: bold 12px/35px arial, helvetica, sans-serif;
text-transform: uppercase;
background: url('../images/bg_sidebar_top.gif') top no-repeat #000;
}

#leftsidebar
{
width: 198px;
text-align: left;
margin: 0px 6px;
}

#leftsidebar div
{
padding: 0px 6px;
}

#leftsidebar p
{
margin: 0px;
padding: 6px;
clear: both;
}

#leftsidebar form
{
margin: 0px;
padding: 5px;
text-align: center;
}

#leftsidebar input
{
padding: 3px;
font-size: 10px;
}

#leftsidebar hr
{
height: 6px;
background-color: #000;
color: #000;
border: 0px;
width: 210px;;
margin-bottom: 10px;
padding: 0px;
}

#leftsidebar h2
{
font: bold italic 13px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
margin: 0px 0px 15px 0px;
}

#leftsidebar p a
{
font-weight: bold;
}

p.loc
{
clear: both;
}

#leftsidebar #leftnav
{
width: 173px;
clear: both;
padding-left: 10px;
padding-right: 5px;
font: bold 12px/15px arial, helvetica, sans-serif;
}

#leftsidebar #leftnav a
{
line-height: 14px;
}

#leftnav a:link,  #leftnav a:visited, #leftnav a:active
{
color: #ff3333;
text-decoration: underline;
font: bold 12px/25px arial, helvetica, sans-serif;
}

#leftnav a:hover, #leftnav a.active
{
color: #000;
text-decoration: none;
font: bold 12px/25px arial, helvetica, sans-serif;
background-color: transparent;
}

/* RIGHT SIDEBAR */

#rightsidebar 
{
vertical-align: top;
width: 210px;
margin: 0px;
background: url('../images/bg_sidebar.gif') repeat-y bottom #000;
border-bottom: 6px solid #000;
}

#rightsidebar h1
{
display: block;
width: 210px;
height: 35px;
margin: 0px;
color: #fff;
text-align: center;
font: bold 12px/35px arial, helvetica, sans-serif;
text-transform: uppercase;
background: url('../images/bg_sidebar_top.gif') top no-repeat #000;
}

#rightsidebar div
{
width: 198px;
text-align: left;
margin: 0px 6px;
}

#rightsidebar div p
{
margin: 0px;
padding: 5px;
clear: both;
}

#rightsidebar form
{
margin: 0px;
padding: 5px;
text-align: center;
}

#rightsidebar form input
{
padding: 3px;
font-size: 10px;
}

#rightsidebar hr
{
height: 6px;
background-color: #000;
color: #000;
border: 0px;
width: 198px;
margin-bottom: 6px;
padding: 0px;
line-height:0px;
}

#rightsidebar h2
{
font: bold italic 13px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
margin: 0px 0px 15px 0px;
}

#rightsidebar p a
{
font-weight: bold;
}


/* CONTENT */

#content 
{
vertical-align: top;
background-color: #fff;
text-align: left;
}

.textcontent
{
padding: 15px 50px;
}

#content h1
{
clear: both;
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #00928F;
text-transform: uppercase;
}

#content h1.red
{
font: bold 20px/24px Arial, Helvetica, sans-serif;
color: #f04d1b;
text-transform: uppercase;
}

#content h2
{
clear: both;
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #00928F;
text-transform: uppercase;
}

#content h2.red
{
clear: both;
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #f04d1b;
text-transform: uppercase;
}

#content h2.medium_blue
{
clear: both;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color: #00928F;
text-transform: uppercase;
}

/* Repeated from main.css to reset changes made above */
#content .errors h2
{
  padding: 5px 20px 5px 25px;
  font-size: 11px;
  color: #fff;
  background: #f33 url('/sf/sf_admin/images/error.png') no-repeat 5px 2px;
  text-transform: none;
}

#content .save-ok h2
{
  margin: 0 !important;
  padding: 5px 20px 5px 25px;
  font-size: 11px;
  color: #fff;
  background: #73B65A url('/sf/sf_admin/images/ok.png') no-repeat 5px 2px;
  text-transform: none;
}
/* end repeated */

#breadcrumbs
{
margin: 15px 50px 0 50px;
color: #00928F;
font-weight: normal;
text-align: center;
}

#breadcrumbs ul
{
display: inline;
margin: 0;
padding: 0;
}

#breadcrumbs ul li
{
margin: 0 10px;
padding: 0;
display: inline;
list-style-type: none;
}

#breadcrumbs ul li a, #breadcrumbs ul li a:visited
{
color: #00928F;
font-weight: normal;
white-space: nowrap;
}

#breadcrumbs ul li a:hover, #breadcrumbs ul li a:active
{
color: #fff;
font-weight: normal;
white-space: nowrap;
}

#searchlabel
{
color: #ff6600;
font-weight: bold;
text-align:center;
}

#map-box-container
{
width: 300px;
float: right;
margin-bottom: 10px;
}

#map-box
{
width: 300px; 
height: 200px; 
border: 1px solid #000;
margin-bottom: 4px;
}


/* FORM STYLES */

.smallinput
{
font-size: 9px;
border: 1px solid #000;
}


/* MISC STYLES */

.list_col_1
{
  background-color: #eef;
}

.bio-image
{
margin: 0px 10px 10px 0;
float: left;
}

.text-column
{
float: left;
width: 45%;
margin-right: 15px;
}

.text-callout
{
width: 30%;
float: right;
clear: right;
font-weight: bold;
border: 1px solid #000;
background-color: #FFCC00;
padding: 10px;
margin: 0 10px 10px 10px;
}

p.dropcap::first-letter
{
color: #00928F;
font-size: 200%;
font-weight: bold;
float: left;
}

.hr-grey-fade
{
clear: both;
text-align: center;
margin: 25px -50px 20px -50px;
}

hr.blue
{
color: #00928F;
background-color: #00928F;
height: 4px;
width: 100%;
border: none;
}

.back-to-top
{
clear: both; 
text-align: right;
color: #00928F;
font-size: 10px;
}

.back-to-top a, .back-to-top a:visited
{
color: #00928F;
font-weight: normal;
white-space: nowrap;
font-size: 10px;
}

.back-to-top a:hover, .back-to-top a:active
{
color: #fff;
}

/* MENU STYLES */

.menutable
{
clear: both;
width: 464px;
border: 0;
padding: 0;
}

.menutable .menutableheader
{
width: 464px;
height: 35px;
background-image: url('../images/menu/bg_blue_cap.gif');
text-align: center;
font-weight: bold;
color: #fff;
}

.menutable .menutablebody
{
background-color: #FFCC00;
background-image: url('../images/menu/bg_gold_radial.jpg');
background-repeat: repeat-y;
color: #000;
}

.menutable .menutablebody div
{
padding: 10px;
}

.menutable .menutablebody div ul
{
margin: 0 5px 0 28px;
padding: 0;
}

.menutable .menutablebody div li
{
margin: 0;
padding: 0;
}

.menutable .menutablebody .menubodytable
{
width: 100%;
border-collapse: collapse;
}

.menutable .menutablebody .menubodytable th
{
background-color: #F04D1B;
color: #fff;
border: 1px solid #fff;
text-align: center;
font-weight: normal;
padding: 5px;
empty-cells: show;
}

.menutable .menutablebody .menubodytable td
{
border: 1px solid #fff;
background-color: transparent;
color: #000;
text-align: center;
font-weight: bold;
padding: 5px;
empty-cells: show;
}

.menutable .menutablebody #fav,
.menutable .menutablebody #dessert,
.menutable .menutablebody #sides,
.menutable .menutablebody #buffet
{
margin: 0;
padding: 10px 0;
}

#favnav,
#dessertnav,
#sidesnav,
#buffetnav
{
width: 214px; 
height: 320px; 
float: left; 
margin: 0; 
padding: 8px 0; 
background: #F04D1B url('../images/menu/fav-nav_off.jpg') repeat-y right; 
color: #fff; 
text-align: right;
}

#favnav .on, #favnav a:hover .off,
#dessertnav .on, #dessertnav a:hover .off,
#sidesnav .on, #sidesnav a:hover .off,
#buffetnav .on, #buffetnav a:hover .off
{
background: #fff url('../images/menu/fav-nav_on.jpg') repeat-y right;
width: 198px;
height: 11px; 
padding: 7px 8px; 
font-size: 11px; 
line-height: normal; 
color: #000; 
text-decoration: none; 
font-weight: bold; 
text-transform: uppercase;
cursor: pointer;
}

#favnav .off,
#dessertnav .off,
#sidesnav .off,
#buffetnav .off
{
width: 198px; 
height: 11px; 
padding: 7px 8px; 
font-size: 11px; 
line-height: normal; 
color: #fff; 
text-decoration: none; 
font-weight: bold; 
text-transform: uppercase;
}

#favimage, #dessertimage, #sidesimage, #buffetimage
{
width: 234px;
height: 300px;
float: right; 
margin: 0; 
padding: 8px; 
background-color: #FFCC00;
}

#favtext,
#desserttext,
#sidestext,
#buffettext
{
text-align: center; 
font-weight: bold; 
clear: both;
}

/* FOOTER */

#footer,
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited
{
clear: both;
margin: 15px 8px 0 8px;
font: 11px/14px arial, helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}



/* z css */

.schoolRatesTH 
{
font-size: 10px; 
line-height: normal; 
color: #666; 
text-decoration: none; 
font-weight: bold; 
text-transform: uppercase;
text-align: center;
}

.callout_RED 
{
font-size: 20px; 
line-height: normal; 
color: #F03316; 
text-decoration: none; 
font-weight: bold; 
text-transform: uppercase;
text-align: center;
}