a:link {color: #333300; text-decoration:none }
a:visited {color: #333300; text-decoration:none }
a:active {color: #666633; text-decoration:none }
a:hover {color: #FFFFCC; text-decoration: none}

body {font-family: Verdana , Arial, Helvetica, sans-serif;  background: #666633;}
hr {color: #666633; height: 2px;}

.maintable { background: #666633;  border: solid #669966 1px }
.title { font-size: 13px; color: #110055; background: #E1DDA0;  border: solid #666633 3px }
.nav { font-size: 18px; color: #110055; background: #999966;  border: solid #666633 3px }
.navitem { font-size: 13px; color: #110055; background: #CCCC99;  border: solid #FFFFCC 1px }
.content { font-size: 13px; color: #110055; background: #CCCC99;  border: solid #666633 3px }

.key { font-size: 11px; color: #222222;  }
.xsm { font-size: 9px; color: #222222;  }
.sm { font-size: 11px; color: #222222;  }
.md { font-size: 15px; color: #222222;  }
.lg { font-size: 18px;  color: #222222;  }


////////////////////////////////////////////
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow1,
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .container {
        background: #cccc99;
        border: 2px solid #cccc99;
        padding: 0px;
    }
    
    #shadow-container .shadow1 {
        background: #999966;
    }

    #shadow-container .shadow2 {
        background: #666633;
    }

    #shadow-container .shadow3 {
        background: #333300;
    }