A:link {color:gray; text-decoration:none}
A:visited {color:gray; text-decoration:none}
A:active {color:white; text-decoration:none}
A:hover {color:orange; text-decoration:none}

p {font-size:90%; text-align:left;}

body{background-color:white; font-family:verdana, futura;sans-serif;
text-color:#C0C0C0; text-align:center;}
        
div#bodycontent{background-color:#ffffff; margin: 5% auto 0% auto; align:center; width:1000px; color:#c0c0c0}

div#logobar{height:30px; margin:5px 86px -40px 0 ; font-size:xx-large;
text-align:right; font-family: futura; verdana, futura,sans-serif;
padding-top:20px;}

.logo {letter-spacing:.25em; font-size:large;}

div#linkbar{margin:1% 5% 0 5%; align:center;}

div.links{float:left; padding-right:2em; font-size:10pt; margin: 0 0 0
10px}

div#imageholder{margin: 60px 0px 0px 50px; border:0px yellow solid;
height:480px; }

div.images{float:left; margin-left:20px; margin-right:20px; border:2px
solid black; }

div#textcontent{height:auto; min-height:487px; border:0px solid gray; padding:1em}

#nav, #nav ul { /* all lists */
        padding: .2em;
        margin: 0em;
        list-style: none;
        line-height: 1;
        border: 0px solid red;
		z-index:99;
}

#nav a {
        display: block;
        width: 15em;
        height:1.3em;
}

#nav li { /* all list items */
        float: left;
        text-align:left;
        width: 15em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
padding:1em;
        position: absolute;
        background: #191919;
        width: 15em;
        border:1px solid gray;
text-align:left;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level list items */
                 border:px solid orange;
                                 padding: em 0em em 0em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
        left: auto
        }