html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Myriad Pro, Verdana, Tahoma, Arial, sans-serif;
 font-size: 11pt;
 color: black;
 background-color: white;

} 
 
.thumb{
 float: right;
 width: 150px;
 border: 1px solid #5f9215;
}
 

#wrapper{ 
 width:780px; 
 text-align:left; 
 min-width: 400px;
 margin-left: auto; 
 margin-right:auto;
 border: 1px solid #5f9215;
  
} 

#header{ 
 font-weight:bold;
 width: 100%;
 height: 100px;
 float: left;
 background: url(../images/SJinterface.gif)  right top no-repeat;
 } 

#sidebar{
 float: right;
 clear: both;
 background-color:#5f9215;
}


#leftcol{
 width:142px; 
 float:left; 
 position:relative; 
 margin-left:-160px; 
 margin-right:0px; 
 background: #5f9215;
 
 }
 
#outer{ 
 border:solid white 0px; 
border-left-width: 160px ; 
border-left-color: white;   
border-left-style: solid; 
background-color: white; 
width: auto; 
} 
 
#footer{
 height:20px; 
 width:100%; 
 background-color:#5f9215;
 text-align: center;
 color: white;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -2px 0 -2px; 
}
 
#outer>#inner { border-bottom: 0px solid #ffffff;  }
 
.clearer{clear:both;}
 
.content{padding:2px;}  

.image{ text-align:right;}
 
 
#header .content{padding-bottom:0;} 
 

 
@media print{ 
#leftcol{display:none;} 
#outer{border-left:0;} 
}

#navcontainer
{
/*avoid gap after li in ie6 by setting width*/
width: 120px;
font-size: 12px;
font-family: Myriad Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 10px;

}

#navcontainer ul
{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

#navlist a
{
display: block;
color: #5f9215;
padding: 1px 0 1px 8px;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
#navlist a { width: 114px; }

#navlist a
{
\width: 130px;
w\idth: 114px;
}

#subnavlist a
{
display: block;
color: white;
padding: 1px 0 1px 8px;
margin-left: 8px;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
#subnavlist a { width: 106px; }

#subnavlist a
{
\width: 122px;
w\idth: 106px;
}

#navlist a, #navlist a:visited,#subnavlist a, #subnavlist a:visited
{
border-left: 8px solid #5f9215;
background: #5f9215;
color: white;
text-decoration: none;
}

#navlist a:hover, #navlist a#current:hover
{
border-left: 8px solid white;
color: #E6F9C5;
}

#subnavlist a:hover, #subnavlist a#subcurrent:hover
{
border-left: 8px solid #5f9215;
text-decoration: underline;
}

a#current, a:visited#current, a#subcurrent , a:visited#subcurrent
{
border-left: 8px solid white;
background: #5f9215;
border-top: 2px solid white;
border-bottom: 2px solid white;
color: #E6F9C5;
text-decoration: none;
}

#banner
{
border: 0;
}


/* Elements */

a {
text-decoration: none;
}

h1 {
font-size: 18px;
}

h2 {
font-size: 16px;
color: black;
}

h3 {
font-size: 14px;
}