@font-face { font-family: "Font"; src: url(LinLibertine_Re-4.4.1.otf) format("opentype"); }

html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background : #ccc;
   width : 100%;  
   font-family: "Font";
   font : 12px "Font";
}

marquee {
   font-weight: bold;
   font-size: 14px;
   color : #006666;
}

a:link {
   color : #909ea0;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #5c1919;
   text-decoration : none;
}

a:hover {
   color : #a52a2a;
   text-decoration : none;
}

a:active {
   color : #484500;
   text-decoration : none;
}

/* Links within paragraphs (subtle) "Trebuchet MS"    , Verdana, Arial, Helvetica, Tahoma, sans-serif  */
p a {
color: #666666;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a { 
color: #0000ff;
text-decoration: underline;
}

/* START                                  CONTAINER, TOP, LEFTNAV, RIGHTNAV, CONTENT & FOOTER */
#container {
   width : 90%;
   margin : 10px auto;
   background-color : #fff;

   color : #333;
   border : 1px solid #808080;
   border-bottom-width : 0px;
   line-height : 130%;
}

#top {
   padding : .5em;
/* was #99cc00; #FFFF66; */
   background-color : #FFF;
   color : #333;
   border-bottom : 1px solid #808080;
}
   
#top h1 {
   padding : 0;
   margin : 0;
}

#leftnav {
   float : left;

}

#rightnav {
   float : right;

}

#leftnav, #rightnav {
   width : 160px;
   margin : 0;
   padding : 1em;
}

#content {
   margin-left : 200px;
   border-left : 1px solid #808080;
   margin-right : 200px;
   border-right : 1px solid #808080;
   padding : 1em;

}

#footer {
   clear : both;
   margin : 0;
   padding : .25em 0 0.25em 0;
   color : #333;
/* was #99cc00; #FFFF66; */
   background-color : #99cc00;
   border-bottom : 1px solid #808080;
   border-top : 1px solid #808080;
}

#leftnav p, #rightnav p {
   margin : 0 0 1em 0;
}

#content h2 {
   margin : 0 0 .5em 0;
}

#footer p {
   padding-left : 5px;
}
/* END                                    CONTAINER, TOP, LEFTNAV, RIGHTNAV, CONTENT & FOOTER */

/* START MENU */
#menu {display:block; position:relative; background:#fff; width:122px; padding: 5px; border:1px solid #fff; margin:20px auto 100px auto;}
.white {position:absolute; width:110px; height:20px; color:#fff; background:#fff; border-top:1px solid #ccDc56; border-right:1px solid #957704; border-bottom:1px solid #937603; border-left:1px solid #ccDc56;overflow:hidden; text-align:center;

}
.blackc {position:absolute; top:0; left:0; width:108px; height:18px; color:#000; font-family:verdana; font-size:11px; font-weight:bold; overflow:hidden; border-top:1px solid #ccD42e; border-right:1px solid #caa205; border-bottom:1px solid #c9a105; border-left:1px solid #ccD42e; overflow:hidden; text-align:center; line-height:15px; background:#CCCCCC;

}
.black {position:relative; top:0; left:0; width:112px; height:22px; border:1px solid #000;

}
.cona {position:relative; top:0; left:0; width:115px; height:25px; border-top:1px solid #d5d3ca; border-left:1px solid #d5d3ca; background:#f7f6ef;

}
.conb {position:relative; top:0; left:0; width:117px; height:27px; border-top:1px solid #b8b7af; border-left:1px solid #b8b7af; background:#cccccc;

}



#menu a.switch:visited {text-decoration:none;}
#menu a.switch {color:#c00; text-decoration:none; position:absolute;}
#menu a.switch:hover {color:#c00; background:#edebdc; cursor:pointer;}
#menu a.switch:hover .white {position:absolute; width:110px; height:20px; color:#fff; background:#fff; border-bottom:1px solid #ccDc56; border-left:1px solid #957704; border-top:1px solid #937603; border-right:1px solid #ccDc56;overflow:hidden; text-align:center;}
#menu a.switch:hover .blackc {position:absolute; top:0; left:0; width:108px; height:18px; color:#000; font-size:11px; font-weight:bold; overflow:hidden; border-bottom:1px solid #ccD42e; border-left:1px solid #caa205; border-top:1px solid #c9a105; border-right:1px solid #ccD42e; overflow:hidden; text-align:center; line-height:17px; background:#999999;}
/* END MENU */