/* This is a trick I use for restaurant style menus */
p{text-align: center;color: #50A7FF}
a{color: #0055EA}

div#menu{width:720px;
         margin: 0 auto;
         font: 90% "Trebuchet MS",Arial,sans-serif;text-align:left}

h2{margin: 1em auto 0.3em;
   color: #008C00;
   font-size: 250%;text-align:center}

dl{width: 100%;overflow: auto;
   margin: 0 80 1em;
   background: url(./graphics/dot.gif) repeat-x 0 1.2em}


dt,dd.price{background: #FFF;font-size: 130%;font-weight: bold}
dt{float: left;padding-right: 3px;color: #F70000}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #777777;}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;color: #0033FF}

/* This is for links in the content area of the site */
a:link {
  color: #CC0000; 
  text-decoration: none;
  FONT-WEIGHT: bold}
a:visited {
  color: #FF6600; 
  text-decoration: none;
  FONT-WEIGHT: bold}
a:hover {
  color: #CC0000; 
  text-decoration: none;}
a:active { 
  color: #CC0000; 
  text-decoration: none;}


/* This is for links in the upper (gray slate) border) */
.toplink a:link {
  color: #FFCC00; 
  text-decoration: none;
  FONT-WEIGHT: bold}
.toplink a:visited {
  color: #FFCC00; 
  text-decoration: none;
  FONT-WEIGHT: bold}
.toplink a:hover
  color: #FFFFFF; 
  text-decoration: none;}
.toplink a:active {
  color: #FFCC00; 
  text-decoration: none;}

.hborder {
         }

/* This is for the area above the menu bar */
.headert{
  COLOR: #000000;
  FONT-SIZE: 14px; 
  FONT-WEIGHT: bold
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.headerb{
  BACKGROUND: #37A7E3;
  COLOR: #000000;
  FONT-SIZE: 14px; 
  FONT-WEIGHT: bold
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.headerb2{
  BACKGROUND: #37A7E3;
  COLOR: #000000;
  FONT-SIZE: 14px; 
  FONT-WEIGHT: bold
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 5px;
  padding-bottom: 3px;  border-top: 1px solid #1B329C;}
.header {
  BACKGROUND: #FFFFFF;
  COLOR: #000000;
  FONT-SIZE: 14px; 
  FONT-WEIGHT: bold
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}


/* These are for the coupon */
.coupon_header {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 18px;
   FONT-WEIGHT: bold 
   line-height: 20px;
		
   color: #FFFFFF;	
   background-color: #FF0000;
	
   padding-bottom: 6px;
   PADDING-RIGHT: 6px; 
   PADDING-LEFT: 6px;
   PADDING-TOP: 6px;

}


/* These are for the coupon */
.coupon_offer {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 18px;
   FONT-WEIGHT: bold
   line-height: 20px;
		
   color: #000000;	
	
   padding-bottom: 3px;
   PADDING-RIGHT: 6px; 
   PADDING-LEFT: 6px;
   PADDING-TOP: 3px;

}


.coupon_value {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 250%;
   FONT-WEIGHT: bold
   line-height: 20px;
		
   color: #008C00;	
	
   padding-bottom: 3px;
   PADDING-RIGHT: 6px; 
   PADDING-LEFT: 6px;
   PADDING-TOP: 3px;

}

.coupon_disclaimer {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 8px;   
   line-height: 10px;
		
   color: #000000;		
   padding-bottom: 3px;

}

/* This is for the content */
.content {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 12px;   
   line-height: 14px;
		
   color: #444444;	
   background-color: #FFFFFF;
 /* Pink would be FFECEE */	
   padding-bottom: 3px;
	
   border-bottom: 1px dashed #999999;
   padding-top: 15px;
	
   border-top: 1px dashed #999999;}

.inner_content {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 12px;   
   line-height: 14px;
		
   color: #444444;	
   background-color: #FFFFFF;
	
   padding-bottom: 3px;

}

.highlight {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 14px;   
   line-height: 16px;
		
   color: #000000;	
   background-color: #FFFF00;   
   padding-top: 15px;
	
   padding-bottom: 3px;}

.testimonial {
   font-family: Courier, Verdana, Arial;
   font-size: 12px;   
   line-height: 14px;
		
   color: #444444;	
   padding-top: 15px;

	
   padding-bottom: 3px;

}

.footer {
  BACKGROUND: #37A7E3;
  FONT-WEIGHT: normal;
  COLOR: #FFFFFF; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  HEIGHT: 40px;
  padding-top: 1px;
	
  border-top: 1px solid #000000;}
.menu {
   COLOR: #000000;
   FONT-WEIGHT: bold; 
   FONT-SIZE: 16px; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.vborder {
  BACKGROUND: #000000;
  WIDTH: 1px;}
.black_text {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 12px;
	
    line-height: 14px;
	
    color: #444444;
	
    font-weight: bold;
    }
.black {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 12px;
	
    line-height: 14px;
	
    color: #FF6600;
	
    font-weight: bold;
    }
.black_underline {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 12px;
	
    line-height: 14px;
	
    color: #000000;
	
    font-weight: bold;
    border-bottom: 1px dashed #FFFFFF;
    }
.boldblack {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 14px;
	
    line-height: 16px;
	
    color: #1B329C;
	
    font-weight: bold;
    }
.white {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 12px;
	
    line-height: 14px;
	
    color: #FFFFFF;
	
    font-weight: normal;
    }
.ultrawhite {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 14px;
	
    line-height: 16px;
	
    color: #FFFFFF;
	
    font-weight: normal;
    }
.strong_point {
    font-family: "Lucida Grande", Verdana, Arial;
	
    font-size: 12px;
	
    line-height: 14px;
	
    color: #FF6600;
	
    font-weight: bold;
    }
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: small/1.5em Georgia,Serif; COLOR: #000; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
	FONT-SIZE: small
}
#header {
	FONT-SIZE: 93%; BACKGROUND: url(./graphics/menu/bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#header UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header LI {
	PADDING-RIGHT: 0px; 
        PADDING-LEFT: 9px; 
        BACKGROUND: url(./graphics/menu/left.gif) no-repeat left top; 
        FLOAT: left; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 0px; 
        PADDING-TOP: 0px
        font-family: "Lucida Grande", Verdana, Arial;
	
        font-size: 14px;
}
#header A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(./graphics/menu/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #384400; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
	FLOAT: none
}
#header A:hover {
	COLOR: #333
}
#header #current {
	BACKGROUND-IMAGE: url(./graphics/menu/left_on.gif)
}
#header #current A {
	BACKGROUND-IMAGE: url(./graphics/menu/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}

/* This is for those rounded boxes that bracket the content so nicely */
.rbroundbox { background: url(./graphics/round_boxes/nt.gif) repeat; }
.rbtop div { background: url(./graphics/round_boxes/tl.gif) no-repeat top left; }
.rbtop { background: url(./graphics/round_boxes/tr.gif) no-repeat top right; }
.rbbot div { background: url(./graphics/round_boxes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(./graphics/round_boxes/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }


/* This is for the Nav Menu */
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: center;
margin: 0 0.15em;
}

#nav-menu li a
{
background: #ff0000 bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #000000;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
}