.print { display: none; }

body {
  margin:0;
  padding:0;
  border:0;
  width:100%;
  background:white;
  min-width:800px;  /* Minimum width of layout - remove line if not required */
  font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv;
  font-size:90%;
  color: black;
 }
 a, a:visited {
  color: black;
  font-weight: bold;
  text-decoration:underline;
 }
 a:hover {
  color:black;
  text-decoration:none;
 }
 a.dark, a.dark:visited,a.dark:hover { color: white; 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-top: 1em; clear:right; }

img { margin: 10px; border: none; }
.outlined { border: 1px solid black; }

.unitphoto { 
  float: right;
  margin-left: 1em;
  text-align:center;
  position:relative;
  top: -3em;
  width: 302px;
  font-size: 65%;
}

.unitphoto img {
  border: 1px solid black;
}

.images { text-align:center; }
.images img { border: 1px solid black; }

.spacer {
  clear:right;
  border-top: 1px solid black;
}

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

 p {
  margin:.4em 0 .8em 0;
  padding:0;
 }

.l { text-align: left; }
.r { text-align: right; }
.centered { margin: .5em auto .5em auto; text-align: center; }

 /* Header styles */
 #header {
  clear:both;
  float:left;
  width:100%;
  text-align: center;
 }
 #header p,
 #header h1,
 #header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
 }
 #header img{
   border: 2px solid black;
 }
#content {
  position: absolute;
  top: 384px;
  left: 200px;
  right: 200px;
}

#left {
  position: absolute;
  top: 384px;
  left: 0px;
  width: 200px;
  text-align: center;
  padding: 10px 0px;
  font-size: 75%; 
}

#right {
  position: absolute;
  top: 384px;
  right: 0px;
  width: 200px;
  text-align: center;
  padding: 10px 0px;
  font-size: 75%; 
} 
 
#footer {
  float: none;
  margin: 3em auto 1em auto;
  text-align:center;
  color: black;
  font-size:75%;
  padding: 2px 4px 4px 2px;
  background: #eeeeee;
  border: 2px solid #dddddd;
  position: relative;
  z-index: 40;
}
.imageleft { padding: 10px; text-align: center; float: left; }
.imageright { padding: 10px; text-align: center; float: right; }
.imagecaption { text-align: center; font-size: 75%; font-weight: bold; }

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

#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: .5em 1em;
  color: white;
  text-decoration: none;
  border: 1px solid #aaaaaa;
  background: black;
}

#nav a.sub {
  padding: .25em .5em;
}

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

#nav a.subnavon {
  margin-top: .2em;
  padding: .25em .5em;
  color: #220000;
}

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

/* ---------  contact -------------------------------------------------------- */

#name { display:none; }   

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

.jsbutton { display:none; text-align: center; padding: 1em 0; font-family: "Tahoma", serif; font-size: 110%; font-weight: bold; }
.jsbutton a { background: black; color: white; text-decoration: none; padding: 10px; border: 1px solid #aaaaaa;}
.jsbutton a:hover { background: white; color: black;  }
.stdbutton { background: black; color: white; padding: 10px; border: none; font-family: "Tahoma", serif; font-size: 110%; font-weight: bold; text-decoration: none; border: 1px solid #aaaaaa;}
.stdbutton:hover { background: white; color: black; }


  


span.red { color:#ff5555; }

/* --- dialog boxes ------ */

#dialog-overlay {
 
    /* set it to fill the whil screen */
    width:100%;
    height:100%;
     
    /* transparency for different browsers */
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background:black;
 
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute;
    top:0; left:0;
    z-index:3000;
 
    /* hide it by default */
    display:none;
}
 
 
#dialog-box {
     
    /* css3 drop shadow */
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     
    /* css3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     
    background:#eee;
    /* styling of the dialog box, i have a fixed dimension for this demo */
    width:auto;
     
    /* make sure it has the highest z-index */
    position:absolute;
    z-index:5000;
 
    /* hide it by default */
    display:none;
}
 
#dialog-box .dialog-content {
    /* style the content */
    text-align:left;
    padding:10px;
    margin:13px;
    color:#666;
}
 
a.button {
    /* styles for button */
    margin:10px auto 0 auto;
    text-align:center;
    display: block;
    width:3em;
    padding: 5px 10px 6px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
     
    /* button color */
    background-color: #900028;
     
    /* css3 implementation :) */
    /* rounded corner */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     
    /* drop shadow */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     
    /* text shaow */
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
 
a.button:hover {
    background-color: black;
}
 
/* extra styling */
#dialog-box .dialog-content p {
    font-weight:700; margin:0;
}
 
#dialog-box .dialog-content ul {
    margin:10px 0 10px 20px;
    padding:0;
/*    height:50px; */
}
 

/* simplify when printing */
@media print {
  .noprint { display: none; }
  #header { display: none; }
  #content { top: .2em; left: .2em; right: .2em; }
  #left { display: none; }
  #right { display: none; }
  #footer { display: none; }
  #nav { display: none; }
}

div.unitphotos{
    text-align:center;
    margin:auto;
}

div.unitphotos img{ border: 1px solid black; margin: 5px; }
div.unitphotos table { margin: auto; }