html
{
     margin: 0; padding: 0;
     background: #fff url(/graphics/rose.jpg) fixed no-repeat 50% -60px; 
     /* #E8E9E2 */
}
body
{
     font-size: 62.5%;
     font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
     margin: 0; padding: 15px 0 0; text-align: center;
}
#sleeve
{
     width: 500px; margin: 0 auto;
     background: transparent; 
     text-align: left;
}
#head
{
     background: transparent none; 
     height: auto; width: auto; margin: 0 0 5px;   
     border-bottom: 3px double #222; 
}
#nav
{
     float: none; width: 500px; 
     padding: 0; margin: 0;
     background: transparent;
}
#content
{
     margin: 0; clear: none; 
     background: transparent; 
}
#maincontent
{
     margin: 0; border: 0; clear: none;
     background: transparent; 
     padding: 45px 0; width: auto;
     
}
#footer
{
     background: #fff;
     clear: left; margin: 0;
     border-top: 3px double #222;
}
#headblock
{
     background: transparent none;
     padding: 0 0 3px 0; margin: 0 0 2.4em;
     text-align: left; 
}

/* navigation styles */

a
{
     text-decoration: none;
}
#footer a:link, #footer a:visited
{
     color: #222;
     border-bottom: 1px solid #ccc;
}
#footer a:hover
{
     color: #499; 
     border-bottom: 1px solid #222;
}
ul, li
{
     list-style-type: none;
     margin: 0; padding: 0;
}
.index li
{
     margin: 0 0 15px; 
     background: transparent none;
     padding: 0; 
}
.main li
{
     margin: 0 0 15px; 
     padding: 0; 
}
#maincontent a
{
     font-weight: normal;
}
#maincontent a:link, #maincontent a:visited
{
     color: #299;
     border-bottom: 1px solid #ccc;
}
#maincontent a:hover
{
     color: #222;
     border-bottom: 1px solid #299;
}
#nav ul 
{
     margin: 0; 
}
#nav li
{
     margin: 0 10px 0 0; width: 70px; 
     display: inline; float: none;
}
#nav li a
{
     font-size: .9em; text-indent: 0;
     text-transform: uppercase;
     font-weight: normal; width: 70px;
     letter-spacing: 0.1em; 
     padding: 0; display: inline; margin: 0; 
     font-variant: normal;
}
#nav li a:link, #nav li a:visited
{
     color: #222; border: 0;
     background: transparent;
}
#nav li a#current, #nav li #current:visited 
{
     color: #222; background: transparent;
     text-decoration: underline;
     border: 0;
}
#nav li a#current:hover 
{
     color: #299; text-decoration: line-through;
     border: 0; background: transparent;
}
#nav li a:hover
{
     color: #299; border: 0;
     background: transparent;
     text-decoration: line-through;
}
#nav li a:active, #nav li a:focus
{
     color: #222; 
}
#nav li #links {margin: 0}
#styleswitch
{
     margin: 0; height: auto; 
     padding: 0; float: none; 
     background: transparent; 
     width: 100%; text-align: right;
}
#styleswitch li
{
     margin: 0; height: auto;
     width: auto; display: inline; 
}

/* display only non-current sheets */

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

/* end styleswitch li display instructions */

#styleswitch li a
{
     font-size: .9em; text-transform: lowercase;
     padding: 0; display: inline; width: auto;
     height: auto; float: none; 
     margin: 0 0 0 10px; font-variant: normal;
}
#styleswitch li a:link, #styleswitch li a:visited
{
     color: #222; border: 0;
     background: transparent;
}
#styleswitch li a:hover
{
     color: #299; 
     background: transparent;
     text-decoration: underline;
}
#styleswitch li a:active, #styleswitch li a:focus
{
     outline: none;
     -moz-outline-style: none;
}
.chunky
{
     background: url(/graphics/chunky.gif) no-repeat 0 50%;
}
.redstar
{
     background: url(/graphics/default.gif) no-repeat 0 50%;
}
.courier
{
     background: url(/graphics/courier.gif) no-repeat 0 50%;
}
.drama
{
     background: url(/graphics/drama.gif) no-repeat 0 50%;
}

/* Typography */

strong
{
     color: #222;
}
.author
{
     font-size: 1em;
     color: #222; display: block;
     letter-spacing: 0.05em;
}
p, li
{
     color: #444; font-size: 1.1em;
     line-height: 1.8; text-align: justify;
}
.def
{
     margin: 15px 0; font-size: .9em; 
     text-transform: lowercase; letter-spacing: 1px;
     border-top: 1px solid #ccc; padding: 8px 0; 
     line-height: 1.4;  float: left; 
     border-bottom: 1px solid #ccc; clear: left;
     width: 100%; color: #444;
     border-left: 0;
}
.def strong {color: #222; padding-left: 1em;}
acronym
{
     color: #468; font-weight: bold;
     border-bottom: 1px dotted #222;
}
acronym:hover
{
     color: #499;
     border-bottom: 1px solid #222;
     cursor: default;
}
h1, h2, h3
{
     margin: 0; line-height: 1;
}
#head h1
{
     margin: 0; padding: 0; color: #222;
     font-size: 8em;  font-weight: normal;
     font-family: "Edwardian Script ITC", Cezanne, "Colonna MT", "Vivaldi Italic", cursive; 
     background: transparent none;
     text-align: left; font-variant: normal;
}
.about #head h1
{
     background: transparent none;
     color: #222; padding: 0;
}
#head h1:first-letter 
{
     color: #499; font-size: 110%;
     font-family: "Edwardian Script ITC", Cezanne, "Colonna MT", "Vivaldi Italic", cursive;
}
.about #head h1:first-letter
{
     color: #dc0;
}
.toptitle
{
     background: transparent none; 
     color: #222; font-size: 1.6em; 
     letter-spacing: 2px; font-variant: normal;
     text-transform: uppercase;
     font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
}
.toptitle:first-letter 
{
     border-bottom: 0; margin: 0 2px 0 0;
     color: #000; font-size: 2em;
     letter-spacing: 0; 
}
.subtitle
{
     font-size: 1.1em; 
     text-transform: lowercase;
     color: #222; letter-spacing: 3px;
     padding: 5px 0 10px; font-weight: normal;
}
.editor
{
     font-size: 1.1em;
     margin: 1.4em 0 0.2em;
     font-weight: bold;
}
#footer p
{
     margin: 0; color: #666;
     padding: 15px 0;
     letter-spacing: 0.05em;
     font-size: 1.1em;
}
#footer span
{
     letter-spacing: 2px; 
     color: #222;
     font-variant: normal;
     font-weight: bold;
}