body
{
margin: 0;
padding: 0;
font-family: verdana,  arial, helvetica, sans-serif ;
font-size: 1.0em;
color: #000;
background-color: #fefefd;
}

#container
{
width: 1000px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px;
border-color: #ddd;
line-height: 100%;
min-height:100%;
position:relative;
}

#top
{
padding-top: 0;
padding-bottom: 0;
background-color: #fefefd;
line-height: 30px;
text-decoration: none;
}

#top a
{
text-decoration: none;
color: #533519;
font-weight:bold;
font-family: comic Sans MS;
font-size: 1.7em;
}

#topborder1
{
padding-top: 0.5em;
padding-bottom: 0;
background-color: #533519;
}
#topborder2
{
padding-top: 0.3em;
padding-bottom: 0;
background-color: #c1d830;
}

#navcontainer
{
float: left;
width: 140px;
margin: 0;
padding-top: 5px;
padding-bottom: 2px;
padding-right: 0;
padding-left: 0;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 0.7em;
background-color: #ffffff;
display: block;
font-weight: none;
border-top: none;
height: 95%;
}

#navcontainer a
{
text-decoration: none;
color: #333;
display: block;
padding-bottom: 2px;
}

#navcontainer a:hover
{
background-color: #533519;
text-decoration: underline;
color: #c1d333;
display: block;
}

#navcontainer ul ul
{
padding-left: 3px;
/* offset sub menu */
}

#navlist
{
margin-left: 0;
padding-top: 1px;
padding-left: 0px;
list-style: none;
}

#navlist li 
 { margin-left: 0px; padding-top:  0px; padding-bottom: 0px; padding-left: 0px }

#navlist ul 
{ 
list-style: none; 
margin: 0px 0px 0px 0px;
}

ul#subnavlist li
 { background-image: url('images/arrowsmall.png'); background-repeat: no-repeat; background-position: 0em 0.5em; margin-left: 0; list-style-type:none; 
padding-top: 1px; padding-bottom: 1px; padding-left: 10px;
 }

#rightnav
{
float: right;
width: 305px;
margin-left: 0px;
padding-top: 3px;
margin-top: 0px;
padding-bottom: 5px;
padding-right: 0;
padding-left: 0px;
font-family:  verdana,  arial, helvetica, sans-serif;
font-size: 0.8em;
}

.rightbox 
{
border: 1px #fff solid;
color: #333333;
font-family: verdana,  arial, helvetica, sans-serif;
font-size: 1em;
}

.rightbox a
{
color:#0000FF;
}

.rightboxlist li
 { 
 background-image: url('images/arrowsmall.png'); 
 background-repeat: no-repeat; 
 background-position: 0 0.5em;
 list-style-type:none;
 padding-left: 8px;
 margin-left: 0;
 padding-bottom: 2px;
 padding-top: 0px;
 }
 
 ul.rightboxlist
 {
 padding-left: 0;
 margin-left: 0;
 padding-top: 0px;
 margin-top: 0px;
 }
 

/* #ff8000 is orange */ 
#rightnav h3 {
      font-family: verdana, arial,  helvetica, sans-serif;
font-size: 1.1em;
      font-weight: bold;
      color:#ffffff;
      margin-bottom: 0;
      padding-top: 2px;
	  padding-bottom: 2px;
	  padding-left: 2px;	  
      text-align:left;
      background:#ff8000;
}

/* #ffdb00 is yellow */
#rightnav h2 {
      font-family: verdana, arial,  helvetica, sans-serif;
font-size: 1.1em;
      color:#000000;
      margin-bottom: 1em;
      padding-top: 3px;
	  padding-bottom: 3px;
	  padding-left: 2px;
      text-align:left;
      background:#ffdb00;
}


/* #c0181f is red */
#rightnav h6 {
      font-family: verdana, arial,  helvetica, sans-serif;
font-size: 1.1em;
      color:#ffffff;
      margin-bottom: 1em;
      padding-top: 3px;
	  padding-bottom: 3px;
	  padding-left: 2px;
      text-align:left;
      background:#c0181f;
}

/* #533519 is dark brown */
#rightnav h4 {
      font-family: verdana, arial,  helvetica, sans-serif;
font-size: 1.1em;
      color:#ffffff;
      margin-bottom: 1em;
      padding-top: 3px;
	  padding-bottom: 3px;
	  padding-left: 2px;
      text-align:left;
      background:#533519;
}

/* #c1d830 is green */
#rightnav h5 {
      font-family: verdana, arial,  helvetica, sans-serif;
font-size: 1.1em;
      color:#000000;
      margin-bottom: 1em;
      padding-top: 3px;
	  padding-bottom: 3px;
	  padding-left: 2px;
      text-align:left;
      background:#c1d830;
}

.contentbox
{
border: none;
color: #000000;
font-size: 1em;
background: #fff;
      font-family: verdana, arial,  helvetica, sans-serif;
}

#content
{
margin-left: 140px;
border-right: 1px dotted #fff;
border-left: 1px dotted #fff;
margin-right: 315px;
padding-top: 1em;
padding-bottom: 2px;
padding-right: 1em;
padding-left: 1em;
font-size: 0.8em;
color: #333;
word-spacing: 0px;
letter-spacing: normal;
}

#content h1 
{ 
margin: 0 0 1em 0; 
font-family: verdana,  arial, helvetica, sans-serif;
font-size: 1.1em;
color:#0000FF;
text-decoration:underline;
}

#content h5
{ 
font-family: verdana,  arial, helvetica, sans-serif;
font-size: 1.1em;
}


#content a 
{ 
font-family: verdana,  arial, helvetica, sans-serif;
color:#0000FF;
}

#footer
{
clear: both;
margin: 0;
padding: 1em;
color: #fff6ef;
background-color: #533519;
border-top: none;
font-size: 0.8em;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
 
 .style1
 {
 color: #ff8000;
 }
  .style2
 {
 color:#ff8000;
 font-size: 0.8em;
 font-family: verdana,  arial, helvetica, sans-serif;
 font-weight: none;
 }
 
   .style3
 {
 color:#000000;
 background:#c1d830;
 font-size: 1.1em;
 font-family: verdana,  arial, helvetica, sans-serif;
 font-weight: none;
 }