body {
    font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    width: 800px;
    overflow: auto;
}

img { 
    border: none;
}

#leftColumn{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 300px;
    right: 20px;
    height: 375px;
    overflow: visible;
    background-color: White;
    color: #660099;
}
#rightColumn{
    position: relative;
    left: 320px;
    right: 20px;
    overflow: visible;
    background-color: White;
    color: Black;
    padding: 10px;
}

#frameContentTop
{
    left: 140px;
    right: 0;
    width: 700px;
    height: 160px;
    overflow: visible;
    color: White;
}

#mainContent{
    position: absolute;
    width: 650px;
    top: 10px;
    left: 10px;
    height: 100%;
    width: 99%;
    overflow: auto;
    background-color: #660099;
    color: Black;
}

#headerBar{
   position: relative;
   width: 700px;
   left: 20px;
   font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
   letter-spacing:.3em;
   font-weight: bold;
   line-height: 22px;
   font-size: 18px;
   font-weight: normal;
   background-color: #660099;
   color: white;
   }
   
#linkBar{
   position: absolute;
   width: 700px;
   top: 44px;
   left: 20px;
   font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
   letter-spacing: .1em;
   line-height: 18px;
   font-weight:normal;
   font-size: 12px;
   color: White;}
   
   /* override default hyperlink appearance ---- this is white on dark background */   
   A:link {text-decoration: none; color:white;}
   A:visited {text-decoration: none; color:#CDCFC2;}
   A:active {text-decoration: none; color:#CDCFC2;}
   A:hover {text-decoration: none; font-weight: bold; color: Yellow;}
   /* use darkLink class for white background */
   A.darkLink:link{text-decoration: none; color:Navy;}
   A.darkLink:visited{text-decoration: none; color:Purple;}
   A.darkLink:active{text-decoration: none; color:Navy;}
   A.darkLink:hover{text-decoration: none; color:Navy}
   /* use smallLink class for -------> a smaller link font!!! */
   A.smallLink:link{font-size:smaller;}
   A.smallLink:visited{font-size:smaller;}
   A.smallLink:active{font-size:smaller;}
   A.smallLink:hover{font-size:smaller;}
   
   
#pageBody{
   position: relative;
   width: 700px;
   top: 20px;
   left: 20px;
   font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
   font-size: 12px;
   background-color: white;
   }

.innertube {margin: 3px;}

.floatLeft {
    float: left;
    padding: 5px 5px 5px 0px;
}
.floatRight {
    float: right;
    padding: 5px 0px 5px 0px;
}



.pageBody {
    text-align: left;
    font-size: 14px;
    padding-left:25px;
    padding-right:75px;
}


.rightText {
    text-align: right;
    font-size: 14px;
    margin-right: 22px;
}

.sectionHdr{font-size: 24px; font-family: Trebuchet MS, Arial, Geneva, Sans-Serif; letter-spacing: .2em; color: #660099;}
.tagLine{ font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
   font-size:11px;
   font-weight:normal;
   color:black;
   letter-spacing:.2em}
   
.ctrTxt {
padding: 20px;
font-size: 12px; font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
letter-spacing: .2em}

.sml{   font-size:9px}
.attn{  font-size:8px; font-weight:bold}
.hdr{  font: 16px Arial; font-weight:bold;}
.norm{ font-size: 12px; font-family: Trebuchet MS, Geneva, Sans-Serif;}
.errorMsg{font-size:12px;font-family:Arial, Geneva, Sans-Serif; color:Red; font-weight:bold;}

.tinyText {
    font-family: Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 9px;
    color: GrayText;
}

.wwwPreview {padding: 40px 0 10px 80px; background-color: #F0FFFF;}
.wwwSection{ font-size: 16px; font-weight: bold; letter-spacing: .1em;}
.wwwSectionNotes{ font-size: 12px; color: Navy;}
.wwwName{ font-size: 14px; padding-left: 5px; font-weight:bold;}
.wwwDesc{ font-size: 12px; padding-left: 10px;}
.wwwPrice{ font-size: 11px; color: Gray; position:absolute; left: 420px;}
.wwwPrice2{ font-size: 11px; color: Gray; position:absolute; left: 450px;}

/* this is the color scheme used by the various MENU pages  */
.menuBody{               
    text-align:left;
    padding-left:100px;
    padding-right:100px;
}
.menuHdr { 
    font-family:  Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 16px;
	letter-spacing: .1em;
    color: #4169E1;           /* royalBlue */
    }
.menuSection{
    font-family:   Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 16px;
    color: Navy;
	letter-spacing: .2em;
	font-weight: normal;
    }
.menuItem{
    font-family:   Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 14px;
    color: Black;
    letter-spacing: .1em;
    }
.menuDetails{
	padding-left: 7px;
    font-family: Verdana, Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    color: Black;
    }
.menuDesc{
    padding-left:7px;
    font-family: Verdana, Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    color:Navy;
    }
.menuIsh{
    padding-left: 9px;
    font-family:   Trebuchet MS, Arial, Geneva, Sans-Serif;
    font-size: 14px;
    color: #333333;
    }
.menuPrice{
    position: absolute;
    left: 420px;
    width: 200px;
    font-family: Arial, Geneva, Sans-Serif;
    font-size: 11px;
    color: #333333;
}

.tiamocolor{
	color: #BA5919;
}