a:link {text-decoration: none; color: #993333}
a:visited {text-decoration: none; color: #555555}
a:hover{ color: #339933}
a:active { text-decoration: none }
img { border: none }
h1 { margin: 5px 0px 10px }
h2 { margin: 0px 0px 10px }

/* Common table placements */
.top, .tl, .tc, .tr { vertical-align:top }
.mid, .ml, .mc, .mr { vertical-align:middle }
.bot, .bl, .bc, .br { vertical-align:bottom }
.left,  .tl, .ml, .bl {text-align:left }
.center, .tc, .mc, .bc, h1 {text-align:center }
.right, .tr, .mr, .br {text-align:right }
table.center { margin-left: auto; margin-right:auto; text-align: left }

/* FONTS */
.camera { font: italic 11px Verdana,Arial,Helvetica,sans-serif; text-decoration: none }
.text, .acaption { font: 11px Verdana,Arial,Helvetica,sans-serif; text-decoration: none }
.textsmall { font: 9px Verdana,Arial,Helvetica,sans-serif; text-decoration: none }
.textbig, .caption, .radcap, .lfloat, .rfloat, .lfloats, .rfloats, .lfloato, .rfloato, .geocb, .news {
    font: 14px Arial,Helvetica,sans-serif;  text-decoration: none }
.textbold, .pcell, ol {  font: bold 14px Arial,Helvetica,sans-serif;  text-decoration: none }
.texthuge, .sstext { font: 16px Arial,Helvetica,sans-serif;  text-decoration: none }
.texthugebold, .radhead, .radinline { font: bold 16px Arial,Helvetica,sans-serif;  text-decoration: none }
.acaption:first-letter, .caption:first-letter, .sstext:first-letter { text-transform:capitalize }

.text30, .logo {font: small-caps 30px Arial,Helvetica,sans-serif; text-decoration: none }
.eventtitle {   font: small-caps bold 20px Arial,Helvetica,sans-serif; text-decoration: none }
.eventwhen, .editing th, .dirtab  th { font: bold 18px Arial,Helvetica,sans-serif;  text-decoration: none }
.logosub {font: 12px Arial,Helvetica,sans-serif; letter-spacing:1px}
.sig { font: italic 11px Verdana,Arial,Helvetica,sans-serif; text-decoration: none }
.news { margin: 20px 0px 20px 20px; text-indent: -20px; line-height: 19px }
.news:first-line { font-weight:bold }

/* instruction and option table */
.radcap:first-line { font-weight:bold }
.radcap, .radinline { display: inline-block; vertical-align:text-top; }
.radcap    { margin: 0px 0px 10px 5px }
.radinline { margin: 0px 30px 0px 5px; color:black }
.radhead    {margin: 5px 0px 15px 0px}

/* transparency for title
.logo, .logosub {
    display:inline; padding:0px 15px; background-color: #ffffff;
    opacity:0.6; filter:alpha(opacity=60);
}
.logo P, .logosub P { display:inline; margin 0px; padding:0px; }
*/

/* Year Selector Buttons */
a.ybutton {
    display:block; font-weight:bold;
    text-align:center; text-decoration:none;
    border-width: 2px; padding:3px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-bottomleft:8px;
}
a.ybutton:link, a.ybutton:visited, a.ybutton:hover {
    border-style: none none outset outset;
}
a.ybutton:hover, a.ybutton:active {
    border-width: 4px; padding:2px; 
}
a.ybutton:active {
    border-style: none none inset inset;
}

/* Main page floating picture */
#floatpic {
    table-layout:fixed; max-width: 384px; width: 384px;
    position: fixed; margin-left: -384px;
}
#Rphoto {
    text-align:center; vertical-align:middle; 
    width: 384px; height: 512px; cursor:pointer;
}

/* dirtable and subtable */
#yrsel tr { vertical-align:top; margin-left: auto; margin-right: auto }
#subtab  { table-layout:fixed; height: 512px;  }
.editing, .dirtab, #insttab, #subtab  { border: 3px inset #98bf21; -moz-border-radius:10px; }

/* Row formatting in dirtable */
.editing .pcell {cursor: move}
#subtab td { padding:6px 2px; }
.editing td, .editing th, .dirtab td, .dirtab  th { padding:7px 5px; margin:0px 1px; vertical-align: top}
.editing th, .dirtab  th {background-color: #F7F7D7; color: #993333 }

/* Cell formatting in dirtable */
.caption, .acaption { text-align:left; margin: 5px 4px 1px 4px; }
.pcell {padding:0px; margin:0px; }
.tblock { display:block; margin-top:3px; }
.pict {
    display: table-cell; vertical-align: bottom;
    height: 116px; padding:0px; 
}
.pict img {max-height:108px}        /*128/136 or 108/116*/

/* image formatting for dirtable and subtable */
.pict img, #subtab img, #wmap {
    border: 2px outset #98bf21; margin: 2px }
.pict img:hover, #subtab img:hover, #wmap:hover   {
    border: 4px outset #98bf21; margin: 0px}
.pict img:active, #subtab img:active, #wmap:active  {
    border: 4px inset #98bf21; margin: 0px}
#wmap {vertical-align:middle}

/* formatting of slideshow text cell */
#ss_text { width: 100%; padding: 7px; text-align:left }
#ss_text img { margin: 5px 10px }
#ss_text #wmap { margin: 5px 10px }
#ss_text #wmap:hover, #ss_text #wmap:active { margin: 3px 8px}
.sstext { margin: 0px;}


input[type="text"]:focus { background-color:yellow;}
dl, dt {margin-top:5px}
li {margin-top:10px}
.dirtab ol {margin:10px 0px}

/* floating buttons and text */
.lfloat, .lfloato, .lfloats {float:left;  margin:0px 0px 0px 50px}
.rfloat, .rfloato, .rfloats {float:right; margin:0px 50px 0px 0px}
.lfloats {margin:0px 0px 0px 25px}
.rfloats {margin:0px 25px 0px 0px}
.lfloato, .geocb {float:left; margin:0px}
.rfloato {margin:0px}

#ss_controls img, #ss_img_div img {border:none}
.camera {margin-top: 20px;}
.tc1, .tc2 {
    display:table-cell; position:relative; z-index:0; text-align:center; 
    width:250px;height:64px; vertical-align:top;
}
.tc1 { width:72px;height:96px; vertical-align:middle; margin:0px }
.tc1 img, .tc2 img {
    vertical-align:middle;z-index:-1;position:absolute;right:0px;top:0px
}
.ebut input { margin:0px 0px 10px; width:105px }