html
{
     margin: 0; padding: 0;
     background: #B4C397 none; 
}
body
{
     font-size: 62.5%;
     font-family: "Courier New", Courier, monospace;
     margin: 0; padding: 0; text-align: center;
}

/* main page divisions */

#head
{
     height: 175px; overflow: hidden;
     margin: 0 25px; border: 5px solid #A1B47D;
     background: transparent url(/graphics/forest.jpg) no-repeat left bottom;
     border-top: 0px solid #A1B47D;
     width: auto;
}
.about #head
{  
     background: transparent url(/graphics/marinela.jpg) no-repeat 0 0;
}     
#sleeve
{
     width: 700px; margin: 0 auto;
     text-align: left; border: 0;
     border-left: 2px solid #A1B47D; 
     border-right: 2px solid #A1B47D;
     background: #C7D2B1; 
}
#nav
{
     width: 14em; float: left; 
     background: transparent;
     overflow: hidden;
}
#content
{
     background: transparent; 
     margin: 45px 25px 0; position: relative;
}
#maincontent
{
     margin: 0 0 0 18em; 
     background: transparent;
     padding: 0 0 25px 0; 
     /* Hides from IE-mac \*/
     height: 1%;
     /* end hide */
     overflow: visible;
}
#footer
{
     background: transparent;
     clear: left; padding: 0;
     border-top: 2px solid #A1B47D;
}
#headblock
{
     margin: 0 0 3em; padding: 5px 0 5px 65px;
     background: url(/graphics/greenstar.gif) no-repeat -3px 50%;
     text-align: left; 
}

/* navigation styles */

a
{
     text-decoration: none;
}
#footer a:link, #footer a:visited
{
     color: #587F29; font-weight: bold;
     border-bottom: 1px dotted #222;
}
#footer a:hover
{
     color: #222;
     border-bottom: 1px solid #587F29;
}
ul, li
{
     list-style-type: none; 
     margin: 0; padding: 0;
}
.index li
{
     margin: 0 0 15px; 
     padding: 1em 0 0; 
}
.main li
{
     margin: 0 0 15px; 
     padding: 1em 0 0; 
}
#maincontent a
{
     font-weight: bold;
}
#maincontent a:link, #maincontent a:visited
{
     color: #587F29;
     border-bottom: 1px solid #A1B47D;
}
#maincontent a:hover
{
     color: #222;
     border-bottom: 1px solid #fff;
}
#nav ul 
{
     margin-left: 0;
}
#nav li
{  
     display: inline; width: 12em;
     float: left;
}
#nav li a
{
     text-transform: uppercase;
     font-size: 1.4em; padding: 0;
     line-height: 1.8; width: 100%;
     display: block; font-weight: normal;
     font-size: 1.2em; text-indent: 0.6em;
     margin: 0 0 3px; 
}
#nav li a:link, #nav li a:visited
{
     text-decoration: none;
     background: #587F29;
     color: #E3E8D8; border: 0;
     border-left: 10px double #E3E8D8;
}
#nav li a#current, #nav li a#current:visited 
{
     text-decoration: underline;
     background: #587F29;
     border: 0; color: #E3E8D8;
     border-left: 10px double #E3E8D8;
}
#nav li a#current:hover 
{
     text-decoration: none;
     background: #587F29;
     border: 0; color: #fff;
     border-left: 10px solid #fff;
}
#nav li a:hover
{
     text-decoration: none;
     background: #587F29;
     color: #fff; border: 0;
     border-left: 10px solid #fff;
}
#nav li a:active, #nav li a:focus
{
     color: #fff; border: 0;
     background: #587F29;
     border-left: 10px solid #fff;
}
#nav li #links {margin: 0}
#styleswitch
{
     background: transparent none;
     height: auto; float: right; 
     padding: 25px 25px 0 0;
     width: 100%; 
}
#styleswitch li
{
     margin: 0 0 0 10px; height: 25px;
     float: right; width: 55px;
}

/* display only non-current sheets */

#styleswitch li.drama, #styleswitch li.default,
#styleswitch li.simple, #styleswitch li.chunky
{
     display: block;
}
#styleswitch li.courier
{
     display: none;
}

/* end styleswitch li display instructions */

#styleswitch li a
{
     padding: 0; display: block; height: 25px;
     width: 55px; float: right;
     text-indent: -9999px; overflow: hidden;
}
#styleswitch li a:link, #styleswitch li a:visited
{
     
     border: 0; border-bottom: 3px solid #A1B47D;
     background: transparent;
}
#styleswitch li a:hover
{
     color: #fff; border: 0; padding: 0;
     background: transparent; 
     letter-spacing: 0; font-size: .8em;
     border-bottom: 3px solid #fff;
}
#styleswitch li a:active, #styleswitch li a:focus
{
     outline: none;
     -moz-outline-style: none;
}
.chunky
{
     background: url(/graphics/chunky.gif) no-repeat 0 50%;
}
.default
{
     background: url(/graphics/default.gif) no-repeat 0 50%;
}
.simple
{
     background: url(/graphics/simple.gif) no-repeat 0 50%;
}
.drama
{
     background: url(/graphics/drama.gif) no-repeat 0 50%;
}

/* Typography */

strong
{
     color: #444;
}
.author
{
     font-size: 1.4em;
     color: #060; display: block;
     letter-spacing: 0.05em;
}
p, li
{
     color: #333; font-size: 1.2em;
     line-height: 1.8; text-align: justify; 
}
p#first: before
{
     color: #587F29;
}
p#first:first-line
{
     font-variant: normal; 
}
.def
{
     margin: 30px 0 0 0; font-size: 1.1em; 
     text-transform: lowercase; letter-spacing: 0;
     border-top: 1px solid #587F29; padding: 8px 5px; 
     line-height: 1.2em; clear: left; float: left;
     border-bottom: 1px solid #587F29; width: 100%;
     text-align: left; word-spacing: -1px;
     background: #D0DABE; color: #454E33;
     border-left: 0;
}
.def strong {color: #587F29}
acronym
{
     color: #550; font-weight: bold;
     border-bottom: 1px dotted #222;
}
acronym:hover
{
     color: #fff; cursor: default;
     border-bottom: 1px solid #222;
}
h1, h2, h3
{
     margin: 0; line-height: 1;
}
#head h1
{
     font-size: 4.6em; background: transparent;
     color: #E3E8D8; text-transform: none;
     padding: 45px 0 0 25px; letter-spacing: 15px;
     float: none; cursor: default;
     clear: right; margin: 0; text-align: left;
}
.about #head h1
{
     background: transparent;
     padding: 45px 0 0 25px;
     color: #060;
}
.about #head h1:first-letter
{
     color: #ff0;
}     
#head h1:hover
{
     text-decoration: blink;
     color: #fff; cursor: default;
}
#head h1:first-letter
{
     color: #B4C397;
}
#head h2
{
     display: none;
}
.toptitle
{
     font-size: 2.6em; letter-spacing: 5px;
     color: #587F29; font-variant: small-caps;
     text-indent: 0; word-spacing: -5px;
     text-transform: none; 
}
.toptitle:first-letter 
{
     font-family: "Book Antiqua", "Palatino Linotype", serif;
     color: #000; border: 0; padding: 0 2px 0 0;
}
.subtitle 
{
     font-size: 1.6em; margin: 5px 0 0;
     color: #222; letter-spacing: 0.05em;
     padding: 0; font-weight: normal;
}
.editor
{
     font-size: 1.4em; margin: 2em 0 0;
     font-weight: bold; letter-spacing: 0;
     color: #587F29; 
}
#footer p
{
     margin: 0; color: #304516;
     padding: 1em 0; letter-spacing: 0;
     font-size: 1.2em;
}
#footer span
{
     letter-spacing: 2px; 
     color: #E3E8D8; background: #222;
     font-variant: small-caps;
     font-weight: bold; padding: 0 0 0 4px;
}