/* STYLE SHEET FOR "Cafe Zalute & Retro Bar" */

body {background-image: url(Images/background.jpg);
     background-color: #fff;
     font-family: verdana, arial, helvetica, sans-serif;
     margin: 0 0 0 0;
}

body.menus {background-image: none;
      background-color: #e9e9e9;}

a:link {color: #a65f43;}
a:visited {color: #a65f43;}
a:hover {color: #000;}

table.main {width: 1004px;}

table.menus {font-family: arial;
     font-size: 12px;
     font-weight: bold;
     font-style: italic;
     text-align: right;
     padding-right: 10px;
     padding-left: 10px;
     width: 100%;
}

table.menuslist {font-family: arial;
     font-size: 12px;
     font-weight: bold;
     font-style: italic;
     padding-right: 10px;
     padding-left: 35px;
     width: 100%;
}

td.menuitem1 {text-align: left;
     vertical-align: top;
     font-size: 16px;
}
td.menuitem2 {text-align: left;
     vertical-align: top;
     font-size: 12px;
}
td.menuitem3 {font-size: 14px;
     text-align: left;
}
td.menuitem4 {text-align: center;
     vertical-align: top;
     font-size: 16px;
     padding: 10px 10px;
}
td.menuitem5 {font-size: 18px;
     text-align: center;
     vertical-align: top;
}
td.menuitem6 {font-family: arial;
     font-size: 12px;
     font-weight: bold;
     font-style: italic;
     text-align: center;
}

td.maintitle {border-top: 4px solid #000;
     border-bottom: 4px solid #000;
     text-align: center;
}

.printit {font-size: 11px;
     text-decoration: none;
     color: #a65f43;
}

td.centerit {text-align: center;
}
td.leftit {text-align: left;
}

#italicize {font-style: italic;}

#thewindow {height: 175px;
     position: relative;
     overflow: hidden;
     background-color: #e1e1e1;
}

#thetext {position: absolute;
     left: 9px;
     right: 2px;
     top: 100px;
}

.boldtext {font-style: normal;
     font-weight: bold;
}

.asterisk1 {font-size: 14px;
     color: #996633;
     font-weight: bold;
}
.asterisk2 {font-size: 18px;
     color: #996633;
     font-weight: bold;
}
 
.colorred {color: #990000;}
.colorgray {color: #777;}

.bizname {font-size: 14px;
     color: #C24A60;}

#mainheading {font-weight: bold;
     font-size: 40px;
     font-style: italic;
     color: #996633;
     text-align: center;
}

.heading1 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 22px;
     font-style: italic;
     font-weight: bold;
     color: #996633;
     text-align: center;
     padding-top: 5px;
}

#heading1 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 22px;
     font-style: italic;
     font-weight: bold;
     color: #996633;
     text-align: center;
     padding-top: 5px;
}
#heading2 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #000;
     text-align: center;
     margin: 0 10px;
}
#heading3 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 18px;
     font-weight: bold;
     font-style: italic;
     color: #333;
     text-align: center;
}
#heading4 {font-family: "Times New Roman", verdana, helvetica, sans-serif;
     font-size: 26px;
     font-style: italic;
     font-weight: bold;
     color: #000;
     text-align: center;
     padding-top: 10px;
}
#heading5 {font-family: "Times New Roman", verdana, helvetica, sans-serif;
     font-size: 20px;
     font-style: italic;
     font-weight: bold;
     color: #996633;
     text-align: center;
     padding-top: 10px;
}

#menudesc {font-size: 11px;
     font-style: normal;
     color: #333;
     padding-left: 5px;
}
#menudescgroup {font-size: 14px;
     font-style: normal;
     color: #333;
     padding-left: 5px;
}
#menusub1 {font-family: verdana;
     font-size: 13px;
     font-style: normal;
     color: #000;
     text-align: center;
}
#menusub2 {font-family: verdana;
     font-size: 11px;
     font-style: normal;
     color: #000;
     text-align: center;
}
#menusub3 {font-family: verdana;
     font-size: 12px;
     font-style: normal;
     color: #000;
     text-align: left;
     padding-left: 5px;
}


#author {font-size: 10px;
          color: #777;
          text-align: center;
}

h1 {font-weight: bold;
     font-style: italic;
     color: #996633;
     text-align: center;
}
h3 {font-size: 22px;
     font-style: normal;
     text-align: center;
}
h3.grouptitle {color: #663300;}

/* Paragraph styles */
p {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 13px;
     color: #000;
     text-align: left;
     margin-left: 5px;
     margin-right: 5px; 
}

p.scrolldown {text-align: right;
     font-size: 12px;
     color: #08374A;
     font-weight: bold;
     line-height: 4.5;
}

p.content1 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 13px;
     color: #000;
     text-align: left;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 10px;
}
p.content2 {font-size: 18px;
     font-weight: bold;
     color: #996633;
     text-align: center;
}
p.content3 {font-family: verdana, helvetica, sans-serif;
     font-size: 14px;
     font-style: italic;
     font-weight: bold;
     color: #000;
     text-align: center;
}
p.content4 {font-size: 14px;
     font-style: italic;
     font-weight: bold;
     text-align: justify;
     color: #663300;
}
p.content5 {font-size: 15px;
     font-weight: bold;
     color: #000;
     text-align: left;
}
p.content6 {font-size: 20px;
     font-weight: bold;
     font-style: italic;
     color: #996633;
     padding: 10px 10px;
}
p.content7 {font-size: 16px;
     font-style: italic;
     font-weight: bold;
     text-align: center;
     color: #663300;
}
p.content8 {font-family: verdana; font-size: 16px;
     font-style: italic;
     font-weight: bold;
     text-align: center;
     color: #663300;
}
p.content9 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     color: #000;
     text-align: left;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 10px;
}
p.content10 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 11px;
     color: #000;
     text-align: left;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 10px;
}
p.content11 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     font-style: italic;
     font-weight: bold;
     color: #000;
     text-align: left;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 10px;
}

#customize {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 16px;
     font-weight: bold;
     font-style: italic;
     color: #000;
     text-align: center;
     background: #ccc;
     width: 200px;
     border-top: 2px solid #777;
     border-left: 2px solid #777;
}
p.albumtitle {font-size: 16px;
              font-weight: bold;
              color: #fff;
              text-align: center;
}
p.address {
     font-size: 12px;
     font-weight: bold;
     color: #000;
     font-style: italic;
     text-align: right;
     margin: 0px;
     padding-top: 10px;
     padding-bottom: 0px;
     padding-left: 25px;
}
p.validators {font-size: 10px;}

.more1 {font-family: arial;
    margin-left: 400px;
}
.more1 a {text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #996633;
}

.more2 {font-family: arial;
    text-align: left;
    margin-left: 155px;
}
.more2 a {text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #996633;
}

.back {font-family: arial;
    text-align: left;
    margin-left: 15px;
}
.back a {text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #996633;
}

/* Images */
img {border: 0;}

.floatit {float: right;
     margin-right: 25px;
}

.floatleft {float: left;
     margin-right: 10px;
}

.floatright {float: right;
     margin-left: 10px;
}

/* Table cells */

.logocell {background-image: url(Images/background.side.png);
     background-position: center;
     background-color: transparent;
     text-align: center;
     border-top: 2px solid #000;
     border-bottom: 1px solid #ccc;
     border-left: 2px solid #000;
     padding-left: 10px;
     width: 250px;
}

.blankcell1 {border-left: 2px solid #000;}
.blankcell2 {background-image: url(Images/background.bannertop.jpg);
     border-top: 2px solid #000;
}


.navcell1 {background: #000;
     border-top: 2px solid #000;
     border-right: 2px solid #000;
}

.navcell2 {border-right: 2px solid #000;
     border-top: 1px solid #ccc;
     background:url(Images/navbackground.jpg) left top;
}

.scrollercell {background-image: url(Images/background.side.png);
     background-position: center;
     background-color: transparent;
     border-right: 2px solid #000;
     text-align: center;
}

.contentcell1 {background-color: #e9e9e9;
     padding-top: 15px;
     padding-bottom: 15px;
     border-right: 2px solid #ccc;
     border-left: 2px solid #ccc;
}
.contentcell2 {background-color: #e9e9e9;
     border-right: 2px solid #ccc;
     border-left: 2px solid #ccc;
}
.contentcell3 {background-color: #000;
     padding-top: 15px;
     padding-bottom: 15px;
     border-right: 2px solid #ccc;
     border-left: 2px solid #ccc;
}

.flashcell {background-color: #000;
     text-align: center;}

.videocell {background-color: #000;
     color: #fff;
     text-align: center;
}
.outoftowncell {background-image: url(Images/background.bottom.png);
      background-position: left top;
      background-color: transparent;
      border-top: 2px solid #aaa;
      border-bottom: 1px solid #ccc;
      text-align: left;
}
.contactcell1 {font-size: 11px;
    color: #000;
    padding-left: 100px;
    padding-right: 5px;
    text-align: left;
}

.contactcell2 {font-size: 11px;
    color: #000;
    padding-right: 5px;
    text-align: left;
}
.authorcellmain {background-color: #e1e1e1;
      border-top: 2px solid #aaa;
      border-right: 2px solid #000;
      border-bottom: 1px solid #ccc;
}

.authorcellblank {background-color: #e1e1e1;
      border-top: 2px solid #aaa;
      border-bottom: 1px solid #ccc;
}

.validatorcell {background-color: #e1e1e1;
      border-top: 2px solid #aaa;
      border-bottom: 1px solid #ccc;
}

.authorcell {background-color: #e1e1e1;
      border-top: 2px solid #aaa;
      border-bottom: 1px solid #ccc;
}

.connectcell {background-color: #e1e1e1;
      border-top: 2px solid #aaa;
      border-right: 2px solid #000;
      border-bottom: 1px solid #ccc;
      text-align: right;
      padding: 10px;
}

.spacercell1 {background: url(Images/navbackground.jpg) left top;
     border-right: 2px solid #000;
     border-left: 2px solid #000;
}

.spacercell2 {background-color: #1f1f1f;}
.spacercell3 {background-color: #ccc;}
.spacercell4 {background-color: #e1e1e1;}
.spacercell5 {background-color: transparent;}

/* Navigation Top */

     .navtabs1{ float: left;
     width: 350px;
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 14px;
     font-style: italic;
     line-height: 35px;
     text-align: center;
}

.navtabs1 ul{list-style-type: none;
     margin: 0;
     padding: 0;
}
.navtabs1 li{display: inline;
     margin: 0;
     padding: 0;
}
.navtabs1 a{float: left;
     width:80px;
     margin: 0px;
     padding: 0 18px;
     text-decoration: none;
     font-weight: bold;
     color: #ccc;
}
.navtabs1 a span{
     float: left;
     display: block;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navtabs1 a span {float: none;}
/* End IE5-Mac hack */
.navtabs1 a:hover span {
font-weight: bold;
color: #777;
}
.navtabs1 li.selected a{ /*Selected Tab style*/
background-position:0 -0px; /*Shift background image up to start of 2nd tab image*/
}
.navtabs1 li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #000;
}
.navtabs1 a:hover, .navtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}
.navtabs1 a:hover span, .navtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
}

/* Navigation Bottom */
     .navtabs2{ float: left;
     width: 100%;
     line-height: 37px;
     text-align: center;
}

.navtabs2 ul{list-style-type: none;
     margin: 0;
     padding: 0;
}
.navtabs2 li{display: inline;
     margin: 0;
     padding: 0;
}
.navtabs2 a{float: left;
     background: url(Images/navbackground.jpg) left top;
     margin: 0px;
     padding-top: 4px;
     padding-right: 0px;
     padding-left: 0px;
     border-right: 2px solid #ccc;
     width: 105px;
     text-decoration: none;
     color: #333;
}
.navtabs2 a span{
     float: left;
     display: block;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navtabs2 a span {float: none;}
/* End IE5-Mac hack */
.navtabs2 a:hover span {
color: #888;
}
.navtabs2 li.selected a{ /*Selected Tab style*/
background-position:0 -0px; /*Shift background image up to start of 2nd tab image*/
}
.navtabs2 li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #000;
}
.navtabs2 a:hover, .navtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}
.navtabs2 a:hover span, .navtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_d{position:absolute;
     top: 0;
     border: 1px solid #555; /*THEME CHANGE HERE*/
     border-width: 0 1px;
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     line-height: 16px;
     z-index: 100;
     background-color: #eee;
     width: 100px;
     margin-top: 0px;
     visibility: hidden;
}
.dropmenudiv_d a{width: auto;
     background: #ccc;
     display: block;
     text-indent: 3px;
     text-align: left;
     font-weight: bold;
    /*  border-right: 2px solid #aaa;THEME CHANGE HERE*/
     border-bottom: 1px solid #555;
     font-weight: bold;
     padding: 0;
     text-decoration: none;
     color: #000;
     margin-top: 0;
     height: 30px;
}
* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv_d a:hover { /*THEME CHANGE HERE*/
     background-color: #eee;
}

/* ######### Style for Drop Down Menu Tour ######### */
.dropmenudiv_dt{position:absolute;
     top: 0;
     border: 1px solid #555; /*THEME CHANGE HERE*/
     border-width: 0 1px;
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     line-height: 16px;
     z-index: 100;
     background-color: #eee;
     width: 100px;
     margin-top: -97px;
     visibility: hidden;
}
.dropmenudiv_dt a{width: auto;
     background: #ccc;
     display: block;
     text-indent: 3px;
     text-align: left;
     font-weight: bold;
    /*  border-right: 2px solid #aaa;THEME CHANGE HERE*/
     border-bottom: 1px solid #555;
     font-weight: bold;
     padding: 0;
     text-decoration: none;
     color: #000;
     margin-top: 0;
     height: 30px;
}
* html .dropmenudiv_dt a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv_dt a:hover { /*THEME CHANGE HERE*/
     background-color: #eee;
}