/* Stephens Photo StyleSheet */

html, body {
margin: 0px;
height: 100%; 
text-align: center;
}

/* text styles */ 
body, table, a:link, a:visited, a:hover, input, select, textarea {
color: #999999;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:link, a:visited, a:hover { color: #777777; }
a:hover { color: #333333; }
input { color: #777777; }

h1, h2, h3 { 
margin: 0px; 
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 3px;
}
h1 {
font-size: 11pt; 
font-weight: normal;
letter-spacing: 5px;
}
h2 { font-size: 9pt; }
h3 {
color: #aaaaaa;
font-size: 10pt;
font-weight: normal;
margin: 8px;
}
.error { 
color: #cc0000;
font-weight: bold;
font-style: italic;
}
.credit { /* copyright notice & printede link on footer */
color: #555555;
padding-top: 4px;
font-style: italic;
}


a img { border: none; }

form { margin: 0px; }

.hr { /* fake horizontal rule (opera fix) */
margin: 5px; padding: 0px;
font-size: 0pt; /* IE fix */
height: 1px; 
border-top: 1px solid #cccccc;
}

td { text-align: center; }


/* classes */
#outer { /* full page table for vertical centering */
width: 100%;
height: 95%; 
}
#outer td { 
height: 100%;
vertical-align: middle; 
}

#main { 
width: 720px;
margin-left: auto; margin-right: auto; /* mac IE centering fix */
}
#main td { vertical-align: top; } /* only want inner tds top aligned */

.borderbot { border-bottom: 1px solid #cccccc; } /* #main borders */ 

#miniphotos { width: 280px; } /* mouseover photos table */
#miniphotos a img { filter: alpha(opacity=80); moz-opacity:.80; opacity:.80; } /* highlighting miniphotos on rollover */
#miniphotos a:hover img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; } 

.borderedbox { 
margin-left: auto; margin-right: auto; /* mac IE centering fix */
border: 1px solid #cccccc; 
}
.bordered { border: 1px solid #cccccc; }
.centered { margin-left: auto; margin-right: auto; } /* mac IE centering fix */

.box {
width: 90px;
height: 80px;
border: 1px solid #cccccc;
}


/**************************/
/* navigation */
/**************************/
#nav { /* righthand navs */
width: 295px; 
float: right; 
}
#nav2 { width: 100%; } /* lefthand navs */

.nav a { display: block; } /* class is both navs */

.subnav { 
margin: 0px; padding: 0px; 
width: 120px;
background: #ffffff;
border: 1px solid #cccccc;
}

.nav .subnav a { 
width: 120px; 
height: 24px;
line-height: 24px;
}
.nav .subnav a:hover {
background: #cccccc;
color: #ffffff;
}

.nav div { /* container for the dropdown */
position: relative; 
display: block; 
z-index: 3; 
}
.nav div .subnav {
list-style: none;
display: none;
position: absolute;
left: 0px; /* IE fix */
}

.nav td:hover .subnav, .nav div.over .subnav { display: block; }