body
{
font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
font-size: 75%;
border: 0;
background-color: #FFFFFF;
}

pre
{
    font-family:      monospace;
    margin:      15px;
	font-size: 125% ! important;
    padding:     5px;
    white-space: pre;
    color:       #000;
}

pre.source
{
    background-color: #F3F3FF;
    /* border: dashed #aa9 1px; */
}

p
{
    /* margin-left: 15px; */
}

p.item_name 
{
font-size: 111%;
font-weight: bold;
background-color:#E6E6E6;
margin: 1.0em 0 0.5em 0;
padding: 0.1em 0 0.1em 0.2em;
}

#content
{
    font-size:           100%;
    color:               rgb(0,0,0);
    background-color:    rgb(255,255,255);
    border-left-width:   0px; 
    border-right-width:  0px; 
    border-top-width:    0px; 
    border-bottom-width: 0px;
    border-left-style:   none; 
    border-right-style:  none; 
    border-top-style:    none; 
    border-bottom-style: none;
    padding:             40px 31px 14px 17px;
    border-color:        rgb(0,0,0);
    text-align:          justify;
}

#navigation
{
    background-color: rgb(98,84,55);
    color:            rgb(230,221,202);
    font-family:      "Times New Roman", serif;
    font-style:       normal;
    border-color:     rgb(0,0,0);
}

a        {text-decoration: none;} 
a:link   {text-decoration: none; color: #0000AA;}
a:visited{text-decoration: none; color: #AA00AA;}
a:active {text-decoration: none; color: #0000AA;}
a:hover  {text-decoration: underline; color: #6666CC;}

a.menuitem
{
    font-size: 120%;
    background-color:    rgb(0,0,0);
    color:               rgb(195,165,100);
    font-variant:        normal;
    text-transform:      none;
    font-weight:         normal;
    padding:             1px 8px 3px 1px;
    margin-left:         5px; 
    margin-right:        5px; 
    margin-top:          5px; 
    margin-bottom:       5px;
    border-color:        rgb(159,126,57);
    text-align:          right;
}

#logo, #logo a
{
    font-size: 130%;
    background-color:   rgb(198,178,135);
    color:              rgb(98,84,55);
    font-family:        Georgia, serif;
    font-style:         normal;
    font-variant:       normal;
    text-transform:     none;
    font-weight:        bold;
    padding:            20px 18px 20px 18px;
    border-color:       rgb(255,255,255);
    text-align:         right;
}

#extra, #extra a
{
    font-size: 128%;
    background-color:    rgb(0,0,0);
    color:               rgb(230,221,202);
    font-style:          normal;
    font-variant:        normal;
    text-transform:      none;
    font-weight:         normal;
    border-left-width:   0px; 
    border-right-width:  0px; 
    border-top-width:    0px; 
    border-bottom-width: 0px;
    border-left-style:   none; 
    border-right-style:  none; 
    border-top-style:    none; 
    border-bottom-style: none;
    padding: 12px 12px 12px 12px;
    border-color:        rgb(195,165,100);
    text-align:          center;
}

#content a
{
    color:              rgb(159,126,57);
    text-decoration:    none;
}

#content a:hover, #content a:active
{
    color:              rgb(255,255,255);
    background-color:   rgb(159,126,57);
}

a.indexitem
{
    display: block;
}

h4, h5, h6
{
    background-color: rgb(221,221,221);
    font-family:      Arial, serif;
    font-style:       normal;
    font-variant:     normal;
    text-transform:   none;
    font-weight:      normal;
}

h1
{
    font-size: 200%;
	/* font-size: 144%; */
	font-weight: bold; /* Bold looks better against dark background. */
	font-family: Arial, Helvetica, sans-serif, "MS sans serif"; /* Arial looks much better than Verdana against dark background. */
	background-color: #405871;
	color: #FFFFFF;
	margin: 1.0em 0 0.5em 0;
	padding: 0.1em 0 0.1em 0.2em;
}

h2, h3
{
font-size: 155%;
font-weight: normal;
/* background-color: rgb(221,221,221); */
margin: 0;
padding: 3em 0 0.5em 4px;
/* border-top-style: double ; */
border-bottom-style: ridge ;
border-bottom-color: #FFFFFF;
border-bottom-width: 2px;

}

h3
{
    font-size: 133%;
}

h4
{
    font-size: 124%;
}

h5
{
    font-size: 115%;
}

h6
{
    font-size: 106%;
}

#navigation a
{
    text-decoration: none;
}

.menuitem:hover
{
    background-color:   rgb(195,165,100);
    color:              rgb(0,0,0);
}

#extra a
{
    text-decoration: none;
}

#logo a
{
    text-decoration: none;
}

#extra a:hover
{
}

/* layout */
#navigation
{
    width:       22%; 
    position:    relative; 
    top:         0; 
    right:       0; 
    float:       right; 
    text-align:  center;
    margin-left: 10px;
}

.menuitem       {width: auto;}
#content        {width: auto;}
.menuitem       {display: block;}


div#footer
{
    background-color: rgb(198,178,135);
    color:      rgb(98,84,55);
    clear:      left;
    width:      100%;
    font-size:   71%;
}

div#footer a
{
    background-color: rgb(198,178,135);
    color:            rgb(98,84,55);
}

div#footer p
{
    margin:0;
    padding:5px 10px
}

span.keyword
{
    color: #00F;
}

span.comment
{
    color: #080;
}

span.quote
{
    color: #F00;
}

span.squote
{
    color: #F0F;
}

span.sign
{
    color: #008B8B;
}


@media print
{
    #navigation {display: none;}
    #content    {padding: 0px;}
    #content a  {text-decoration: underline;}
}