BODY           {
 scrollbar-face-border: #000000;
 scrollbar-face-color: #E3E3E3;
 scrollbar-highlight-color: #E3E3E3;
 scrollbar-3dlight-color: #003366;
 scrollbar-arrow-color: #003366;
 scrollbar-darkshadow-color: #003366;
 scrollbar-track-color: White;
 scrollbar-track-border: #93B3BD;
 }

.red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font: bold; color: #C30}

<!-- Mostly used for backgroundimages in tables :-) -->
.menu { background-image: url(../images/leftmenu2.jpg); background-repeat: no-repeat;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #003366; text-align: justify}
.line { background-attachment: fixed; background-image: url(../images/line.jpg); background-repeat: repeat; background-position: left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #003366; ; text-align: justify}




/*==================================================*
 $Id: buttonstyle.css,v 1.1 2002/11/26 02:37:45 pat Exp pat $
 Copyright 2002 Patrick Fitzgerald, pat@barelyfitz.com
 For more documentation and examples, visit:
 http://www.barelyfitz.com/webdesign/articles/list-menu-buttons/

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *==================================================*/
	#nav {
		position: relative;
		top: 0px;
		height: 30px;
		width: 830px;
		left: -40px;
	}
 
	#nav li ul{
		margin-left: 40;
		padding: 0;
		height: 30px;
		list-style-position: outside;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		float: left;
		display: inline;
		padding-top: 0px;
		padding-left: 8px;
		left: 0;
		height: 30px;
		background: url(../images/blue_down_left.jpg) no-repeat bottom left;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 30px;
		left: 0;
		padding-top: 0px;
		height: 30px;
		width: 830px;
		padding-left: 0px;
	}

	#nav li ul {
		background: url(../images/blue_down.jpg) x-repeat bottom left;
	}
	
	#nav li a {
		color: #FFFFFF;
		display: inline;
		line-height: 30px;
		height: 30px;
	}

	#nav li.on a{
/*		height: 30px;
		background: url(../images/blue_up.jpg) x-repeat top left;
*/		display: inline;	
		border: 0;
		float: left; 
		position: realtive;
		left: 5	px;
		padding-right: 8px;
		background: url(../images/blue_up_right.jpg) no-repeat top right;
	}
	#nav li.off a {
/*		height: 30px;
		background: url(../images/red.jpg) x-repeat top left;
*/
		display: inline;	
		border: 0;
		float: left; 
		position: realtive;
		left: 5	px;
		padding-right: 8px;
		background: url(../images/red_right.jpg) no-repeat top right;

	}


	#nav li.on {
		height: 30px;
		line-height: 30px;
		background: url(../images/blue_up_left.jpg) no-repeat top left;
	}

	#nav li.off {
		height: 30px;
		line-height: 30px;
		background: url(../images/red_left.jpg) no-repeat top left;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #003973;
		
	}

	/*do the image replacement*/
/*
	#nav li.off span {
		position: realtive;
		left: 5	px;
		padding-right: 8px;
		background: url(../images/red_right.jpg) no-repeat top right;

	}
	#nav li.on span {
		position: realtive;
		left: 5	px;
		height: 30px;	
		padding-right: 8px;
		background: url(../images/blue_up_right.jpg) no-repeat top right;

	}
*/
	#lista a {
		display: inline;
		position: relative;
		height: 30px;
	}
	
/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: inline;
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	padding-right: 8px;
	height: 30px;
	background: url(../images/blue_down_right.jpg) no-repeat bottom right;
}