A:link
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A:active
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

body
{
    BACKGROUND-COLOR: #000000;
    FONT-FAMILY: Verdana;
}

.detailText
{
   font-size: .9em;
    COLOR: #CCCCCC;
    FONT-FAMILY: Verdana;
}

.text
{
    FONT-SIZE: medium;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
}

.menuText
{
    FONT-SIZE: small;
    COLOR: #CCCCCC;
    FONT-FAMILY: Verdana;
}

.menuSelected
{
    COLOR: #F54949;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

.menuTable
{
}

.menuRow
{
    BACKGROUND-COLOR: #FFFDD9;
}

.menuItem
{
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: small;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    PADDING: 5px;
}

.menuDescription
{
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: xx-small;
    FONT-STYLE: italic;
    PADDING: 5px;
    WHITE-SPACE: nowrap;
}

.menuPrice
{
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: x-small;
    TEXT-ALIGN: right;
    PADDING: 5px;
}

.menuPriceHeader
{
    FONT-SIZE: xx-small;
    COLOR: #CCCCCC;
    TEXT-ALIGN: right;
    FONT-FAMILY: Verdana;
    VERTICAL-ALIGN: bottom;

}

.drinksHeader
{
    BACKGROUND-COLOR: #bbeeff;
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    FONT-STYLE: italic;
    PADDING: 5px;
}

.drinksItem
{
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: xx-small;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    PADDING: 5px;
}

.drinksItemCentered
{
    COLOR: #222222;
    FONT-FAMILY: Verdana;
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    PADDING: 5px;
}

.red
{
    COLOR: #FF4444;
}

.catering {
   color: #DDD;
   width: 600px;
}
.catering DIV {
   text-align: left;
}
.catering h1 { 
   text-align: center;
}
.catering h2 {
   text-align: center;
   text-decoration: underline;
   color: #69D;
}
.catering h3 {
   text-align: center;
}
.catering h4 {
   text-align: center;
}
.catering .priceBox {
   font-size: .9em;
   font-style: italic;
   text-align: center;
   color: #8BF;
   font-weight: bold;
   padding-top: 10px;
}
.catering .section {
   border: 1px dashed #900;
   padding: 10px;
   margin-bottom: 30px; 
   background-color: #222;
}
.catering UL {
}
UL.centered {
   text-align:center;
   list-style-type: none;
   padding-left: 0px;
   margin-left: 0px;
}
.catering LI {
   font-weight: bold;
   margin-bottom: 4px;
}
DIV.servedWith {
   font-size: .8em;
   padding: 20px;
   padding-top: 0px;
   font-style: italic;
   text-align: center;
}
span.details {
   font-size:.8em;
   font-style: italic;
   font-weight: normal;
   color: #CCC;
}

#orderForm {
   color: #333;
}

#orderForm input {
   color: #C33;
   font-weight: bold;
}

#orderForm table {
   margin: 10px;
}

#orderForm table td {
   color: #333;
   padding:5px;
}

#orderForm table td.label {
   white-space:nowrap;
   width:250px;
   text-align:right;
   font-weight: bold;
}

#orderForm table th {
   color: #DDD;
   background-color: #333;
   text-align:left;
   padding: 5px;
}

#orderForm .menuSection {
   width: 540px;
   border: 3px solid #666;
   background-color: #EEE;
   margin: 10px;
   clear:both;
   float:left;
   margin-bottom:30px;
}

#orderForm .sectionTitle {
   margin-top: 30px;
   font-weight: bold;
   padding: 10px;
   font-size: 1.3em;
   color: #C00;
   text-decoration: underline;
   text-align: center;
}
#orderForm .sectionSubTitle {
   font-weight: normal;
   padding: 10px;
   font-size: .8em;
   font-style:italic;
   color: #00C;
   text-align: center;
   font-weight: bold;
}

#orderForm .totalArea {
   width: 300px;
   float: right;
   margin: 10px;
   padding: 5px;
   font-weight: bold;
   font-size: .9em;
   border: 1px solid red;
   background-color: #DDD;
   color: #333;
}

#orderForm .totalArea table td {
   font-weight: bold;
   font-size: .8em;
   color: #333;
}

#orderForm .totalArea table td {
   font-weight: bold;
   font-size: .8em;
   color: #393;
}

#orderForm .totalArea table th {
   font-weight: bold;
   font-size: 1.2em;
   color: #333;
   text-decoration: none;
   background-color: #DDD;
}

.confirmSection {
   background-color: #EEE;
   padding-top: 20px;
   padding-bottom: 20px;
}

.smallText {
   font-size: .8em;
}

/* mobile styles */
@media handheld {

.detailText A
{
   font-size: 10em;
}
	a:link, a:visited {
		text-decoration: underline;
		}
	a:hover, a:active {
		text-decoration: underline;
		}

}