body
{
background-color: rgb(170,87,62);
color: rgb(244,220,213);
font-family: Arial, Helvetica, sans-serif;
border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
border-left-style: outset; border-right-style: solid; border-top-style: none; border-bottom-style: solid;
border-color: rgb(65,19,6);
}

#csscontent table
{
color: rgb(0,0,0);
}

#csscontent
{
font-size: 110%;
background-color: rgb(255,255,255);
color: rgb(105,28,5);
border-left-width: 9px; border-right-width: 9px; border-top-width: 9px; border-bottom-width: 9px;
border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
padding: 40px 40px 40px 40px;
border-color: rgb(0,0,0);
text-align: justify;
}

#menu
{
background-color: rgb(255,255,255);
color: rgb(170,87,62);
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
border-color: rgb(255,255,255);
}

a.menuitem
{
font-size: 157%;
background-color: rgb(255,255,255);
color: rgb(86,37,22);
font-variant: small-caps;
text-transform: none;
font-weight: bold;
margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px;
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;
border-color: rgb(86,37,22);
text-align: left;
}

#logo, #logo a
{
font-size: 195%;
background-color: rgb(105,28,5);
color: rgb(244,220,213);
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
padding: 2px 5px 2px 5px;
border-color: rgb(170,87,62);
text-align: center;
}

#trail, #trail a
{
font-size: 96%;
background-color: rgb(88,51,41);
color: rgb(244,220,213);
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: 16px 16px 16px 16px;
border-color: rgb(244,220,213);
text-align: right;
}

#csscontent a
{
color: rgb(170,87,62);
text-decoration: underline;
}

#csscontent a:hover, #csscontent a:active
{
background-color: rgb(170,87,62);
color: rgb(255,255,255);
}

#config h1
{
background-color: #cc9900;
color: black;
}

#config h2
{
background-color: #ffcc00;
}

#readme h1
{
background-color: #ffcc00;
}

#readme h2
{
background-color: #ffcc11;
}

code
{
background-color: #ffcc11;
}

pre
{
background-color: #ffcc11;
}

#grammar pre
{
background-color: #E0E0E0;
}

#example pre
{
background-color: #989898;
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
}

h1
{
font-size: 128%;
}

h2
{
font-size: 113%;
}

h3
{
font-size: 98%;
}

h4
{
font-size: 83%;
}

h5
{
font-size: 68%;
}

h6
{
font-size: 53%;
}

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: rgb(86,37,22);
color: rgb(255,255,255);
}

#trail a
{
text-decoration: none;
}

#trail a:hover, #trail a:active
{
background-color: rgb(170,87,64)
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}

/* layout */
#menu		{width: 28%; position: relative; top: 0; right: 0; float: right; text-align: center;}
.menuitem		{width: auto;}
#csscontent		{margin-right: 28%; width: auto}
.menuitem		{display: block;}

div#faq h1 {
  font-size: 18pt; 
}

div#faq h2 {
  font-size: 17pt; 
  background-color: #aa7744;
  color: black;
}

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