.print { display: none; }

body {
  margin:0;
  padding:0;
  border:0;
  width:100%;
  background:black;
  min-width:600px;  /* Minimum width of layout - remove line if not required */
  font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv;
  font-size:90%;
  color: white;
 }
 a, a:visited {
  color: white;
  font-weight: bold;
  text-decoration:underline;
 }
 a:hover {
  color:white;
  text-decoration:none;
 }
 a.dark, a.dark:visited,a.dark:hover { color: black; font-weight: bold; text-decoration:underline; font-size:120%; }

 h1 { font-size:140%; margin:.8em 0 .2em 0; padding:0; text-align:center; }
 h2 { font-size:125%; margin:.8em 0 .2em 0; padding:0; }
 h3 { font-size:110%; margin:.8em 0 .2em 0; padding:0; }

 .high { font-size: 105%; font-weight: bold; }

 p {
  margin:.4em 0 .8em 0;
  padding:0;
 }
 img {
  margin:10px 0 5px;
 }
 /* Header styles */
 #header {
  clear:both;
  float:left;
  width:100%;
  text-align: center;
 }
 #header {
  border-bottom:1px solid #000;
 }
 #header p,
 #header h1,
 #header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
 }
 /* column container */
 .colmask {
  position:relative; /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;   /* width of whole page */
  overflow:hidden;  /* This chops off any overhanging divs */
 }
 /* common column settings */
 .colright,
 .colmid,
 .colleft {
  float:left;
  width:100%;   /* width of page */
  position:relative;
 }
 .col1,
 .col2,
 .col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
      only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
 }
 /* 3 Column settings */
 .threecol {
  background:black;  /* right column background colour */
 }
 .threecol .colmid {
  right:20%;   /* width of the right column */
  background: black;  /* center column background colour */
 }
 .threecol .colleft {
  right:60%;   /* width of the middle column */
  background:black; /* left column background colour */
 }
 .threecol .col1 {
  width:56%;   /* width of center column content (column width minus padding on either side) */
  left:102%;   /* 100% plus left padding of center column */
  text-align:center;
 }
 .threecol .col2 {
  width:16%;   /* Width of left column content (column width minus padding on either side) */
  left:26%;   /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  text-align:center;
 }
 .threecol .col3 {
  width:16%;   /* Width of right column content (column width minus padding on either side) */
  left:90%;   /* Please make note of the brackets here:
      (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
  text-align:center;
 }
 /* Footer styles */
 #footer {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
  border-top:1px solid #333333;
 }
 #footer p {
  padding:10px;
  margin:0;
 }

#nav {
float:left;
position:relative;
left:50%;
text-align:left;
margin-top:5px;
}

#nav ul {
  margin:0;
  padding: 0;
  list-style: none;
  position:relative;
  left:-50%;
}

#nav li {
  float: left;
  position:relative; /* for IE */
  font-family: "Tahoma", serif;
  font-size: 110%;
  font-weight: bold;
}

#nav li.sub {
  font-size: 90%;
}

#nav li.subnavon {
  font-size: 90%;
}

#nav a {
  display: block;
  margin: 0;
  padding: .3em .8em;
  color: black;
  text-decoration: none;
  border: 1px solid #555555;
  background: white;
  color: black;
}

#nav a.sub {
  padding: .2em .3em;
}

#nav a#navon {
  margin-top: .2em;
  color: #aa0000;
}

#nav a.subnavon {
  margin-top: .15em;
  padding: .2em .3em;
  color: #aa0000;
}

#nav a:hover {
  border-color: #777777;
  color: white;
  background: black;
}

table.layouts { margin:auto; }
table.layouts td { padding: 10px 20px; font-weight: bold; }

table.rooms { margin:auto; }
table.rooms td { text-align: left; padding: 5px; }
table.rooms td.rates { text-align: center; color: black; background-color: #EEEFCB; padding: 0px 10px 0px 10px; border: 1px solid white;}

table.menu { margin:auto; }
table.menu td { text-align: left; padding: 5px; }
table.menu td.price { text-align: right; padding: 5px; }

table.icons { margin:auto; }
table.icons td { padding: 3px; }

.so { border: 1px solid white; margin: 5px; padding: 1px }

.small { font-size: 75%; }
.l { text-align:left; }

#name { display:none; }   

table.contact { margin: auto; text-align: left;}

#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#111}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(../imagery/dialog_close.gif) no-repeatz}
#dialog-content {display:block; height:auto; padding:6px 6px 42px 6px; color:#111111; font-size:13px;}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#000; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:white url(../imagery/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(../imagery/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:white url(../imagery/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(../imagery/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:white url(../imagery/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(../imagery/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.working {background:white url(../imagery/working_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.workingheader {background:url(../imagery/working_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:white url(../imagery/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(../imagery/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
.love {background:white url(../imagery/luv_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.loveheader {background:url(../imagery/luv_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}

span.red { color:#ff5555; }

        p.button a {
                     color: #000000;
                     text-decoration: none;
                     background-color: #d5d5df;
                     display: block;
                     padding: 3px 0px 3px 12px;

                     border-top: 1px solid #EEEEEE;
                     border-right: 1px solid #666666;
                     border-bottom: 1px solid #666666;
                     border-left: 1px solid #EEEEEE;
                     background-repeat: no-repeat;
                     }
        p.button a:hover, p.button a:active {
                     background-color: #05050f;
                     color: #FFFFFF;
                     background-repeat: no-repeat;
                     }


div.cen {margin: auto; text-align:center; }
table.cen {margin: auto; text-align:left; }
table.menu{border: 0; text-align:left; margin: auto; background: black; border-collapse: collapse; font-size: 85%; font-weight: bold;}
table.menu td{padding: 2px 6px 2px 6px; border: 1px solid black; color:black;}
table.menu tr.r0{background-color:#DDDDDD;}
table.menu tr.r1{background-color:#BBBBBB;}
table.menu th{padding: 2px 6px 2px 6px; border: 2px solid black; vertical-align:bottom; color:black; background:#eeeeee; text-align: left;}
table.menu tr a:link{color:black}
table.menu th a:link{color:black}
table.menu th.centh {text-align: center;}

#busy{
width: 122px;
height: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -61px;
margin-top: -40px;
z-index:1000;
font-size: 60%;
}

#busy-inner
{
width:100px;
height:50px;
padding:15px 10px 10px 10px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #FCF8C7;
opacity: .85;
}

p.info { margin: auto; text-align: center; padding: 5px; border: 1px solid black; background: #FFFFC0; color: black; font-size: 85%; width: 50%;}
p.notice { margin: auto; text-align: center; padding: 5px; border: 1px solid black; background: #FFDDC0; color: black; font-size: 85%; font-weight: bold; width: 50%;}
h1.menu { text-align: center; font-size: 200% }
h2.menu { text-align: center; font-size: 125%; text-decoration : underline; }

a.alwaysblack, a.alwaysblack:visited { color: black; }

#lightbox{  position: absolute;  left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 998; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../imagery/prevlabel.gif) left 5% no-repeat; }
#nextLink { right: 0; float: right; background: url(../imagery/nextlabel.gif) right 5% no-repeat; }
/*#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imagery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imagery/nextlabel.gif) right 15% no-repeat; }
*/

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%  ; }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 500px; background-color: #000; }