﻿body{
    margin:0px;
    font-family:Verdana,Helvatica,Arial,Sans-serif;
    font-size:small;
    color:#005555; /*green*/
    background-color:#feb8ed /*pink*/
}
img {
    border:none
}

#banner {
/*    height:90px;
    overflow:hidden; */
    text-align:center;
    background-color:#ffcc00; /*yellow*/
    background-image:url('images/yellow.png');
    border-bottom:solid 4px #cc0099; /*purple*/
    border-top:solid 4px #cc0099; /*purple*/
}

#photoBar{
    padding:0px 4px 4px 4px;
    background-color:#cc0099; /*purple*/
    height:630px
}
#menuBar{
    padding:0px 4px 4px 4px;
    background-color:#005555; /*green*/
    height:630px
}
#photoBar{
    float:left;
    width:120px;
}
#menuBar{
    float:right;
    width:130px;
}
.menuItem, .whenNWhere{
    text-align:center;
    background-color:#ffefb7; /*light yellow*/
    padding:3px;
    margin-bottom:4px;
    font-weight:bold
}
.menuItem:hover{
    background-color:#ffb200
}
.quote{
    margin:10px 10px 10px 10px;
    border:solid 4px #cc0099; /*purple*/
    padding:5px
}
.quoteRef{
    font-style:italic;
    font-size:small;
    text-align:right;
}

#pageContent{
    margin:0px 150px 5px 135px;
    /*border-bottom:solid #ffb200 4px*/
}
#footer{
    font-size:xx-small;
    clear:both;
    text-align:center;
    margin-top:0px;
    padding:5px;
    border-top:solid 4px #cc0099; /*purple*/
    background-color:#ffcc00; /*yellow*/
}
#sponsors{
    font-size:xx-small;
    clear:both;
    text-align:center;
    margin-top:0px;
    padding:5px;
    background-color:#ffffff;
    border-top:solid 4px #cc0099; /*purple*/
}
#sponsors a{
    padding:15px
}
a {
    color:#2e2eb2;
}
a:hover{
    background-color:#ffb200;
}
.specialLink
{
    border:solid 1px #cc0099; /*purple*/
    padding:5px;
    margin-top:5px;
    background-color:#ffefb7; /*light yellow*/
}

hr{
    border: solid 2px #ffb200
}
.menuItem a{
    color:#005555; /*green*/
    text-decoration:none
}
.pagePhoto {
    float:right;
    border:solid 4px #cc0099; /*purple*/
}
h1 {font-weight:bold;
    font-size:large;
    color:#005555; /*green*/
    letter-spacing:2px }
h2 {font-weight:bold;
    font-size:medium;
    color:#005555; /*green*/
    letter-spacing:1px}
h3 {font-weight:bold;
    font-size:medium;
    color:#005555; /*green*/
    letter-spacing:1px}
h4 {font-weight:bold;
    font-size:medium;
    margin: 20px 0px 5px 0px}
.textBlock, .wizardStep{
    border: solid 4px #005555; /*green*/
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px
}
.infoBoxInner{
    background-color:#ffecbf;
    border:solid 1px #ffb200;
    padding: 10px 10px 10px 10px
}
.wizardStep{
    display:none;
   /* height:450px*/
}
.tblScore, .foodTable, .priceTable
{
    border-top:solid 1px #cc0099; /*purple*/
    border-left:solid 1px #cc0099; /*purple*/
    border-collapse:collapse
}
.priceTable td{
	text-align:center;
}
.priceTable th{
	text-align:left;
}
.tblScore td, .tblScore th, .foodTable td, .foodTable th, .priceTable td, .priceTable th
{
    border-right:solid 1px #cc0099; /*purple*/
    border-bottom:solid 1px #cc0099; /*purple*/
}
.foodTable th, .foodTable td{
	padding:5px
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
 /*   width: 100%;*/
}

a.button {
    background-color:#ffefb7; /*light yellow*/
    border:solid 2px #cc0099; /*purple*/
    display: block;
    float: right;
    text-decoration: none;
    text-align:center;
    margin-left:5px;
}
a.button:hover {
    background-color:#ffcc00; /*yellow*/
}
a.button span {
    display: block;
    font-weight:bold;
    padding: 5px 10px 5px 10px;
} 
a.button:active {
    background-color:#cc0099; /*purple*/
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    padding: 6px 10px 4px 10px; /* push text down 1px */
} 
.blogTitle{
    font-size:medium;
    font-weight:bold;
    letter-spacing:1px
}
.blogDate{
    font-size:xx-small;
    color:#ffb200;
    
}
.blogContent{
    border-bottom:solid 4px #ffb200;
    padding:5px
}
.blogEntry{
    padding:10px  
}
input, textarea, select{background-color:#ffecbf}
.radioButton{background-color:#fff}
.tblScore
{
    border-top:solid 1px #cc0099; /*purple*/
    border-left:solid 1px #cc0099; /*purple*/
    border-collapse:collapse
}
.tblScore td, .tblScore th
{
    border-right:solid 1px #cc0099; /*purple*/
    border-bottom:solid 1px #cc0099; /*purple*/
}
.scroreRowError td {background-color:#ff0000}
.codeTable{border-collapse:collapse}
.flagCode {font-size:xx-small;color:#2e2eb2}
.flagNo {font-size:large;font-weight:bold;color:#2e2eb2}
.code1 {background-color:#c0c0ec}
.code2 {background-color:#ffecbf}
.code99 {background-color:#ff9090}
.photoThumbnail{
    background-color:#ffecbf;
    width:200px;
    height:200px
}
.topLinks{
	font-size:x-small;
	text-align:right;
	margin-bottom:5px
}
