body.home
{
    background-color: black; /* 	background:url("images/MX-bwBackground.jpg"); 	*/
    margin: 0;
    text-align: left;
    font-family: arial,helvetica, sans-serif;
}

body.directions
{
    background: url( "images/paper.jpg" );
    margin: 0;
    text-align: left;
    font-family: arial,helvetica, sans-serif;
}

body.booking
{
    background: url( "images/cp41.jpg" );
    margin: 0;
    text-align: left;
    font-family: arial,helvetica, sans-serif;
}

body.cafe
{
    background: url( "images/bg.gif" );
    margin: 0;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

body.shop
{
    background: url( "images/muster.gif" );
    margin: 0;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

body.mailing
{
    background: url( "images/cp45.jpg" );
    margin: 0;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

div.banner
{
    margin: 0;
    background-color: black;
    min-width: 900px;
    height: 120px;
    width: 100%;
}

img.logo
{
    margin-left: 0px;
}

div.title
{
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 220px;
}

span
{
    color: white;
}

div.mxfont
{
    font-size: 2.5em;
    color: #87CEFA;
    white-space: nowrap;
}

div.subfont
{
    font-size: 1.5em;
    color: #FFA07A;
    white-space: nowrap;
}

table.menubar
{
    position: absolute;
    top: 90px;
    left: 190px;
    width: 617px;
}

div.main
{
    margin: 0px;
}

div.sidebar
{
    margin: 10px 0 0 0;
    height: auto;
    float: left;
    text-align: left;
    background-color: #FF8C00;
    border: 2px solid;
    border-color: #FFD700;
}

img.sidebar
{
    display: inline;
    margin: 5px 5px 0px 5px;
    border: 2px solid;
    border-color: black
}

div.sidebartext
{
    text-align: left;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 5px 5px 5px;
    width: 150px
}

hr
{
    border:0;
    color:#FFD700;
    background-color:#FFD700
}

div.hitcounter
{
    position:absolute;
    top: 550px;
    left:600px
}

div.myspace
{
    width: 400px;
    position: absolute;
    top: 510px;
    left: 30px;
    color: white;
    font-weight: bold
}

div.myspace a
{
    color: #FF00FF;
}

.cafeblock
{
    width: 250px;
    height: 150px;
    position: absolute;
    top: 130px;
    left: 550px;
    font-size: 1.2em;
    font-weight: bold;
    font-style:italic;
    background: url( "images/cafeblock.jpg" ) /*  background:#FFA07A  */;
}

.cafeblock a
{
    text-decoration: none;
    color: black;
}

.vintageblock
{
    width: 400px;
    height: 350px;
    position: absolute;
    top: 145px;
    left: 190px;
    font-size: 1.2em;
    font-weight: bold;
    background: url( "images/vintageblock.jpg" ); /*  background: #87CEFA;  */
    color: black;
}

.vintageblock a
{
    text-decoration: none;
    color: black;
}

.musicblock
{
    width: 330px;
    height: 300px;
    position: absolute;
    top: 245px;
    left: 450px;
    font-size: 1.0em;
    font-weight: bold;
    background: url( "images/musicblock.gif" ); /*  background-color:black;  */
    color: white;
    
}

.musicblock a
{
    text-decoration: none;
    color: white;
}

.blocktext
{
    margin: 15px 10px 0px 30px;
}

.musictext
{
    margin: 10px 20px 0px 20px;
    text-align:center
}

.blockpic
{
    float: left;
    margin: 10px 0 0 20px;
    border: solid 1px black
}

div.booking
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid;

    border-color: #808080;
    background-color: #F5F5F5;
}

div.cafe
{
    width: 70%;
	margin-top:0;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid;
    border-color: #808080;
    background-color: #DEB887;
}

div.shop
{
    width: 70%;
	margin-top:0;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid;
    border-color: #808080;
    background-color: #AFEEEE;
}

div.directions
{
    margin: 0 15%;
}

div.map
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

div.mail
{
    font-size: 1.5em;
    font-weight: bold;
}

form
{
    padding:20px
}

img.shade
{
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: hand;
}

div.thumbleft
{
    margin: 0 20px 0 -150px;
    height: auto;
    float: left;
    position: relative;
    text-align: center;
    background-color: black;
}


div.thumbright
{
    margin: 0 -150px 0 20px;
    height: auto;
    float: right;
    position: relative;
    text-align: center;
    background-color: black;
}

div.phototitle a:hover
{
    background-color: blue;
}

img.thumb
{
    display: inline;
    margin: 5px 5px 0px 5px;
    border: 2px solid #C0C0C0;
}

a:hover img.thumb
{
    border: 2px solid white;
}

div.phototitle
{
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: white;
    margin: 0 3px 5px 3px;
    width: 250px;
}

div.phototitle a
{
    text-decoration: none;
    color: white;
}

.left
{
    float: left;
    margin: 20px 20px 20px 0;
    position: relative;
}

.right
{
    float: right;
    margin: 20px 0 20px 20px;
    position: relative;
}

p
{
    font-size: 1.2em;
	margin:20px
}

div.bodytext
{
    font-size: 1.2em;
	margin:20px
}

ul
{
    margin-top:0;
    margin-bottom:0;
}

li
{
    margin-left:1em
}

.drinks
{
 margin:20px;
 border:solid 1px black;
 font-size:1.2em;
}

.coffee
{
 margin:0 25px 25px 25px;
 float:left
}

.drinks-etc
{
 margin:25px;
 float:left
}

.food
{
 margin:20px;
 border:solid 1px black;
 font-size:1.2em;
 width:auto 
}