body {
margin: 0;
padding: 0;
color: #000000;
text-align: center;
background: url("webimages/grasswhitehoriz.jpg") repeat-x;
}

/* old body color: background-color: #70822E; */

.nobackground{
margin: 0;
padding: 0;
background: transparent none;
text-align: center;
color: #FFFFFF;
}

#left h3, p, ul, ol {
font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
font-size:85%;
color: #663300;
background: transparent none;

}

#left h1, h2{
font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
color: #663300;
background: transparent none;
}


#wrapper {
border-style: solid; 
border-width: 1px; 
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 750px;
padding: 5px; 
background: url("webimages/lulufade.jpg") no-repeat 100% 100% #FFFFFF;  
text-align:left;
color: #000000;

}







#left {
float: left;
text-align: left;
padding: 5px 2px 2px 5px;
width: 76%;
margin: 5px 5px 5px 5px; 

}


#leftnarrow {
float: left;
text-align: left;
padding: 5px 2px 2px 5px;
width: 510px;
margin: 5px 5px 5px 5px; 

}

.menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#right {
float: right;
text-align:left;
padding: 3px;
width:24%;
margin: 5px 5px 5px 5px; 
background: url("webimages/ballfade3.gif") no-repeat 100% 100% transparent;
color: #663300;
border: 1px dotted;
font-size:95%;
}


#rightwide {
float: right;
text-align:left;
padding: 3px;
width:190px;
margin: 5px 5px 5px 5px; 
background: url("webimages/ballfade3.gif") no-repeat 100% 100% transparent;
color: #663300;
border: 1px dotted;
font-size:95%;
}



#right h3 {
background: #658091 none;
color: #663300;
font-weight: bold;
padding: 4px 0px 2px 5px;
margin: 0px 0px 2px 1px;
}

#right p {
padding: 0px 0px 2px 1px;
margin: 0px 0px 2px 3px;
}

#right ul, #right ol  {
padding-left: 10px;
}

#right img {border: 1px solid #000000;
margin: 2px;}


#footer{
clear: both;
text-align:center;
background: #658091 none;
width: 99%;
padding: 4px;
margin:2px 0px 0px 1px;
font-size: 90%;
color:#FFFFFF;
}






#content{
float: right;
text-align: left;
font-size: 70%;
}


.logo {
float: left;
width: 100%;
margin: 1px 0px 0px 0px; 
text-align:left;
border-top:  1px solid #000;
background: #658091 none; 
color: #000000;

}

.rotate {
float: right;
width: 21%;
margin: 5px 5px 0px 0px; 
background: #9999FF none;
color: #000000;
}



#left a:link, #left a:visited, #footer a:link,  #footer a:visited {
text-decoration: underline;
color: #2222FF;
background: transparent none;
}

#left a:hover, #left a:active, #footer a:hover, #footer a:active {
text-decoration: none;
color: #FFFFFF;
background: #990000 none;
}



#scroll {
font-weight: bold; 
font-size: 70%; 
font-family:Arial; 
color:#000; 
text-decoration: none;
background: transparent none;
}






#floatybox {
position: absolute;
z-index:101;
right: 140px;
margin-top: 105px; 
background: #FFFFFF none; 
color: #000000;
padding: 0px;
}

#floatybox img {border: 1px solid #FFFFFF; padding:0px;}


/* start of the picbox menu for pictures in the main left text with a blue-ish border */
.picbox2 {
float: right;
border: 5px solid #658091;
}

/* end of the Picbox menu */



/* start of the right nav menu */


#navcontainer ul
{
border-left: 9px solid #666699;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
list-style-type: none;

border-bottom: 0px dotted #666699;
margin: 0;
}

#navcontainer li a
{
border-bottom: 1px dotted #666699;
color: #666699;
background: transparent none;
text-decoration: none;

}

#navcontainer li a:hover
{
width: 30%;
border-bottom: 1px dotted #3087B4;
border-left: 9px solid #990000;
background: #658091 none;
color: #fff;
}

/* end of the right nav menu */






/* start of the right menu from  listamatic Eric Myer's Simple List Separators http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
/*all commented out for now

#navcontainer
{
width: 10em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

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

#navcontainer li
{
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 9px solid #3087B4;
border-right: 9px solid #CC0000;
background: #395c72 none;
color: #fff;
text-decoration: none;
width: 90%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 9px solid #3087B4;
border-right: 9px solid #CC0000;
background: #2175bc none;
color: #fff;
}
/*all the above is commented out.*/
/* end of the right menu */