
/* STRUCTURE */
body {
background-color: #f8f2d8;
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #300;
font-weight: normal;
text-align:center;
margin:0;
padding:0;
}
#container {
  width: 803px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  text-align:left;
  background: #fff url('images/shadow_right.jpg') repeat-y top left;
}
/* SHARED HEADER */
#header {
  background: transparent url('images/header_logo2.jpg') no-repeat top left;
  height: 127px;
  width: 803px;
}
#headerLogin {
  float:right;
  height: 127px;
  width:280px;
  font-size:8pt;
  text-align:right;
  padding: 0 11px 0 0;
}
#headerLogin input.typeText {
  border:1px solid #333;
  width:100px;
  font: 7pt arial, helvetica, sans-serif;
  margin:0 0 .3em 0;
}
#headerLogin label {
  margin:0 .3em .3em 0;
}
#headerLogin input.typeImage {
  margin:7px 0 0 0;
}
#mainArea {
  width:800px;
  overflow:hidden;
  display:block;
  border:0;
  padding:0;
  margin:0;
}
/* MENU */
#menu {
  background: transparent url('images/nav_new.jpg') no-repeat top left;
  width: 297px;
  height: 108px;
  float:left;
  margin:0;
  border:0;
  padding:0;
  
  font-size:9pt;
}
#menu ul {
  margin:7px 0 0 0;
  padding:0;
  border:0;
  list-style-type:none;
  width:288px;
  overflow:hidden;
}
#menu ul li {
  position:relative;
  padding:0;
  border:0;
  margin:0;
}
#menu a {
  display:block; /*use full width*/
  
  margin-left:3px;
  width: 289px;
}
#menu a:hover {
  
  text-decoration:none;
  width: 290px;
}
#menu a#mainNav1 {
  background-image: url('images/nav_home_off.jpg');
  height:17px;
  width:290px;
}
#menu a#mainNav1:hover {
 
}
#menu a#mainNav2 {
  background-image: url('images/nav_signup_off.jpg');
  height:16px;
  width:290px;
}
#menu a#mainNav2:hover {
  
}
#menu a#mainNav3 {
  background-image: url('images/nav_menus_off.jpg');
  height:15px;
  width:290px;
}
#menu a#mainNav3:hover {
  
}
#menu a#mainNav4 {
  background-image: url('images/nav_aboutus_off.jpg');
  height:17px;
  width:290px;
}
#menu a#mainNav4:hover {
 
}
#menu a#mainNav5 {
  background-image: url('images/nav_faqs_off.jpg');
  height:15px;
  width:290px;
}
#menu a#mainNav5:hover {
  
}
#menu a#mainNav6 {
  background-image: url('images/nav_locator_off.jpg');
  height:17px;
  width:290px;
}
#menu a#mainNav6:hover {
  
}
/* END MENU */
/* END SHARED HEADER */
/* HOME PAGE */
#topGraphicMain {
  background: transparent url('images/nav_photos.jpg') no-repeat top left;
  width: 500px;
  height: 108px;
  float:left;
  margin:0;
  border:0;
  padding:0;
}
.flag {
  width:123px;
  float:left;
  margin: 0;
  padding:0;
  font-size:8pt;
}
.event {
  width:200px;
  float:center;
  margin: 0;
  padding:10px;
  font-size:8pt;
}

.homeBlob {
  width:250px;
  float:left;
  text-align:justify;
  overflow:hidden;
  font-size:8pt;
}
/* END HOME PAGE */
/* SUB PAGE */
#topGraphicSub {
  background: transparent url('/images/nav_photos.jpg') no-repeat bottom left;
  width: 500px;
  height: 108px;
  float:left;
  margin:0;
  border:0;
  padding:0;
}
/* END SUB PAGE */
/* SHARED MAIN BODY */
.leftSide, .leftSideSub {
  /* 4 ways to enjoy, GC and newsletter */
  width: 300px;
  padding: 0;
  margin:0;
  display:block;
  overflow:hidden;
  font-size: 8pt;
  text-align:justify;
  float:left;
}
.leftSideSub {
  /* Sub page left side */
  background:transparent url('/images/leftSideArrow.jpg') no-repeat top left;
  padding: 25px 0 0 0;
}
.rightSide {
  /* intended to be used with leftSide or leftSideSub class */
  width:500px;
  padding: 0;
  margin:0;
  display:block;
  overflow:hidden;
  font-size: 8pt;
  text-align:justify;
  float:left;
}

/* END SHARED MAIN BODY */
/* MENU ITEMS (MEALS) */
.menuItem {
  font-size: 8pt;
  color: #000;
  clear:both;
  width:100%;
  margin:4px 0 4px 0;
  overflow:hidden;
}
.menuItem .title {
  color:#c63;
  font-size: 13pt;
  font-weight:bold;
  text-indent:0;
  margin: 0 0 10px 5px;
}
.menuItem img {
  margin:0 8px 8px 0;
}
.menuItem .selection {
  padding:0 0 0 5px;
  margin:0 0 5px 0;
  font-size:9pt;
}
.menuItem .selection select {
  font-size:8pt;
  margin:0 7px 0 0;
}
.menuItem .description {
  padding:0 5px 0 5px;
}
.menuItem .details {
  clear:both;
  height:21px;
  vertical-align:middle;
  display:block;
  width:100%;
  text-align:left;
}
.menuItem .details .icon {
  width:30px;
  text-indent:0;
}
.menuItem .details div {
  margin-top:5px;
  width:90px;
  height:21px;
  overflow:hidden;
  display:block;
  font-size:7.5pt;
  text-align:left;
  text-indent:0;
  float:right;
}
.menuItem .details .bigger {
  width:182px;
}
.menuItem .details img {
  margin:0;
  vertical-align:middle;
}
/* END MENU ITEMS */
/* FOOTER */
#footer {
  background: #f8f2d8 url('images/footer_curve.jpg') no-repeat top left;
  width:803px;
  height: 120px;
}
#footerText {
  font: 7.5pt arial, helvetica, sans-serif;
  color: #999;
  width:800px;
  position:relative;
  top:60px;
  left:140px;
}
#footer a, #footer a:hover {
  color: #999;
}
/* END FOOTER */
/* END STRUCTURE */
/* ELEMENT TEXT ALIGNMENT AND SPACING */
.bigPad {
  padding: 3px 10px 0 10px;
  text-align:left;
}
.breakLine {
  clear:both;
  height:20px;
} 
.menuDetails {

}
.form label {
  display:block;
  float:left;
  width:100px;
  text-align:right;
  margin: 0 10px .3em 0;
}
.form input, .form select, .form textarea {
  float:left;
  margin: 0 0 .3em 0;
  font-size: 9pt;
}
.form br {
  clear:left;
}
.form textarea {
  font-family: arial, helvetica, sans-serif;
  width:300px;
  height:75px;
}
#featuredTitle {
  font-size:9pt;
  font-weight:bold;
  color:#c63;
}
#featuredDetails {
}
.miniHeader {
  color:#c63;
  font-weight:bold;
  font-size:9pt;
}
.miniLabel {
  color:#8d9e41;
  font-weight:bold;
}
/* END ELEMENT TEXT ALIGNMENT AND SPACING */
/* TAG MODIFIERS */
a {
color:#c63;
text-decoration:none;
}

a:link {
color:#c63;
text-decoration:none;
}

a:hover {
color:#c63;
text-decoration: underline;
}
.header a {
color:#8d9e41;
}
a.preview {
color:#c63;
}

a.preview:visited {
color:#c63;
}

a.notred {
color:#FACC79;
text-decoration: none;
}

a:hover.notred {
color:#FACC79;
text-decoration: none;
}

a:visited.notred {
color:#FACC79;
text-decoration: none;
}

a.white {
color:#fff;
text-decoration: none;
}

a:hover.white {
color:#fff;
text-decoration: underline;
}

a:visited.white {
color:#fff;
}

form {
margin:0;
}

a img, a:hover img {
border:0;
}
div.parent{
background-color:#FFFFFF;
width:755px;
padding:3px;
color: #660;
}
table {
/*background-color: #FFDCA5;*/
color: #777;
font-size: 11pt;
overflow:hidden;
}
div.header table {
color:#f8f2d8;
}
/* END TAG MODIFIERS */
table.none{
background-color: transparent;
color: #000000;
}
.inner_table{
background-color:#FFFFFF;
border: 1px solid #A0875A;
}
.inner2_table{
background-color:#FDEED2;
}
.inner3_table{
background-color:#FBF6ED;
}
.days {
color: #777;
font-size: 9pt;
font-weight: bold;
}

.date {
color: #777;
font-size: 9pt;
}

.annc {
font-size: 8pt;
color:#eee;
background-color:#c63;
}
.appt1 {
font-size: 8pt;
color: #fdf9ce;
background-color:#8d9e41;
}
.appt2 {
font-size: 8pt;
color: #fdf9ce;
background-color:#c7cfa2;
}

#sm-font{
font-size: 9pt;
}
#med-font{
font-size: 10pt;
font-weight: bold;
}
#bold{
font-weight: 600;
}
#lg-font{
font-size: 11pt;
font-weight: 600;
}
#required{
font-size: 12pt;
font-weight: bold;
color: #FF0000;
}
#error{
font-size: 11pt;
font-weight: bold;
color: #EC8F22;
}
#error_list{
list-style-image: url(/images/error_new.gif);
}
#options_list{
list-style-image: url(/images/link_arrow.gif);
}
.button{
/*
  background-color: #FFFFFF;
  font: 9pt arial, helvetica;
  color: #777;
  font-weight: bold;
  cursor: pointer;
  width: 120px;
*/
}

.imgOnclick {
  cursor:pointer;
}

.box{
font-size: 10pt;
color: #555;
}
.pad{
padding: 8px;
}
.white{
color: #FFF;
}
div.header{
padding:4px;
width:100%;
}
span.header{
padding:2px;
padding-top:15px;
padding-bottom:15px;
width:100%;
font-weight:600;
font-size:10pt;
}
.subheader{
background-color: #FAF2E3;
color: #777;
font-weight: bold;
padding:2px;
}
.header{
background: transparent url('/images/header_bar_bg.jpg') repeat-x top left;
color: #8d9e41;
height:27px;
font-size:12pt;
}
.header_light{
background-color: #FFE5BC;
color: #777;
}
#tab_on{
color: #CCC;
font-weight: bold;
font-size: 10pt;
}
#tab_off{
color: #777;
font-weight: bold;
font-size: 10pt;
}
#open{
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
}
#closed{
border: 1px solid #777;
}
#login_bar{
background-color: #CC0000;
}
#small_button{
  width: 75px;
}

#confirm_button{
  width: 300px;
}

#float_area{
font-size: 9pt;
overflow:hidden;
background:transparent url(/images/order_summary.jpg) no-repeat;
color:#333;
width:297px;
height:218px;
padding:51px 0 0 65px;
text-align:left;
position:absolute;
left:600px;
top:1000px;
z-index:1000;
}
#float_area label{
position:relative;
float:left;
display:block;
width:103px;
text-align:left;
margin:0 4px 0 0;
}
#float_area span{
position:relative;
text-align:right;
float:left;
width:83px;
}
#float_area .line {
background-color:#9a4;
width:200px;
height:1px;
overflow:hidden;
margin:0 0 10px 0;
}
#left_nav{
background-color: #F4E0BD;
color: #777;
border: 1px solid #A0875A;
}

.sm-text {
  font-size: 70%;
  font-weight: normal;
}

