<!-- this is the bottom horizontal menu setup -->

ul#menu  {font-family: arial, helvetica, sans-serif;font-size: 10pt;white-space:nowrap; list-style-type:none; width: 100%; float: left;}

ul#menu li {display:inline;font-size: 10pt;font-family: arial, helvetica, sans-serif;}

ul#menu a {display:block; float:left; padding:0.2em 1em; background:#cccccc; color:#000;   text-decoration:none; border:1px solid #000; font-family: arial, helvetica, sans-serif;}

ul#menu a:hover {color:#fff; background:#08c;}


/*.menu {display:table;padding:0;margin:0 auto;font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 10pt;white-space:nowrap; list-style-type:none;}
* html .menu {display:inline-block;width:1px;padding:0 2px;font-size: 10pt;}  

.menu li {display:table-cell;font-size: 10pt;font-family: "futura light", "century gothic",arial, helvetica, sans-serif;}
* html .menu li {display:inline;font-size: 10pt;font-family: "futura light", "century gothic",arial, helvetica, sans-serif;}
.menu a {display:block;padding:0.2em 1em; background:#cccccc; color:#000;   text-decoration:none; border:1px solid #000; font-family: "futura light", "century gothic",arial, helvetica, sans-serif;}
* html .menu a {display:inline-block; margin:0 -2px;font-family: "futura light", "century gothic",arial, helvetica, sans-serif;}
.menu a:hover {color:#fff; background:#08c;}
*/

.headerbox a {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 20pt;background-color: #000000;text-align: left;color: #ffffff;
text-decoration: none}

.headerbox {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 20pt;background-color: #000000;text-align: left;color: #ffffff; margin-left: 80px;margin-right: 80px; margin-top: 0;margin-bottom: 0;padding-left: 10px;padding-bottom: 30px;}

.headerbox2 {font-family: "futura light", "century gothic",arial, helvetica, sans-serif; background-color: #000000;text-align: right;color: #cc0000;font-size: 12pt;font-weight: bold; margin-left: 80px;margin-right: 80px; margin-top: 0;margin-bottom: 0;padding-bottom: 3px;padding-top: 25px;padding-right: 10px;}

.headerbox3 {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 12pt;background-color: #a8a8a8;text-align: left;color: #000000; margin-left: 80px;margin-right: 80px; margin-top: 20px;margin-bottom: 0;padding-left: 10px;padding-bottom: 0px; font-style: italic; border: 1px #000000 solid;}

.topmenubox {font-family: "futura light", "century gothic",arial, helvetica, sans-serif; background-color: #000000;text-align: right;color: #ff0000;font-size: 14pt; margin-left: 80px;margin-right: 80px; margin-top: 0;margin-bottom: 0;padding-bottom: 2px;padding-top: 10px;padding-right: 10px;}

p.fronttext {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 11pt;text-align: center; margin-left: 80px;margin-right: 80px;}

div.maintext {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 11pt;text-align: left; margin-left: 160px;margin-right: 80px;}

p.footer {font-family: "futura light", "century gothic",arial, helvetica, sans-serif;font-size: 8pt;text-align: left; margin-left: 80px;margin-right: 80px;  }

body {text-align:center; font-family: "futura light", "century gothic",arial, helvetica, sans-serif; font-size:76%; letter-spacing:0.05em; position: relative;}
.clear {clear : both;}

.highlight {color: #cc0000; font-weight: bold;}

#topgallerymenu {font-family: "futura light", "century gothic",arial, helvetica, sans-serif; background-color: #000000;text-align: right;color: #ffffff; font-size: 10pt; margin-top: 0;margin-bottom: 0;padding-bottom: 3px;padding-top: 5px;padding-right: 10px;white-space:nowrap; list-style-type:none; }

/** html .topgallerymenu {display:inline-block;width:1px;padding:0 2px;font-size: 10pt;}  */
#topgallerymenu li {display: inline;
font-size: 10pt;font-family: "futura light", "century gothic",arial, helvetica, sans-serif; margin-right: 20px; border-right: 1px #CBCBCB solid;}
/** html .topgallerymenu li {display:inline;font-size: 10pt;font-family: arial, helvetica, sans-serif;}*/
#topgallerymenu a {display:inline;padding: 2px 1px 0px 7px; border:1px solid #000; font-family: "futura light", "century gothic",arial, helvetica, sans-serif;color: #ff2115;
text-decoration: none;}
/** html .topgallerymenu a {display:inline-block; margin:0 -2px;font-family: "futura light", "century gothic",arial, helvetica, sans-serif;}*/
#topgallerymenu a:hover {background:#cccccc;}


#left-menu {
position: absolute;
top: 160px;
left: 0;
width: 120px;
line-height: 22px;
text-align: left;
padding-top: 10px;
padding-bottom: 60px;
font-size: 12px;}

#left-menu li {list-style-type:none;padding-bottom:15px; font-size: 12px; }
#left-menu li img {padding-bottom: 0px;border: 1px #000000 solid;
}
#left-menu li a {font-size: 10px; color: #ffffff; }


#left-menu a:link, #left-menu a:visited {
color: #ffffff;
text-decoration: none;
}

#left-menu a:hover, #left-menu a.current {
color: #070fff;
text-decoration: none; 
}

.notetable {}

.notetable td {}


#container {position:relative; width:770px; height:600px; margin:10px auto 10px auto;  border:1px solid #aaa;}

#container table {width:320px; height:420px; padding:0; margin:5px; float:right; border-collapse: separate; table-layout: fixed;
padding-left: 40px;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#container a.gallery:hover span {position:absolute; width:400px; height:480px; top:10px; left:35px; color:#000; background:#cccccc;}

#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;}
#container a.gallery:hover {border:1px solid #fff;cursor: hand}
#container a.gallery:hover img {border: 1px #ffffff solid; float:left; margin-right:5px;}