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;
		left: -40px;
		top: 0px;
		height: 35px;
		width: 830px;
		background: url(../images/red.jpg) x-repeat bottom left;
	}
 
	#nav li ul{
		margin: 0;
		padding: 0;
		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: 12px;
		left: 0;
		height: 35px;
		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: 35px;
		left: 0;
		padding-top: 0px;
		height: 35px;
		width: 830px;
		padding-left: 0px;
	}

	#nav li ul {
		background: url(../images/blue_down.jpg) x-repeat bottom left;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: url(../images/blue_down.jpg) x-repeat bottom left;
	}

	#nav li a {
		color: #FFFFFF;
		font-weight: bold;
		display: inline;
		line-height: 35px;
/*		padding-right: 7px;
		height: 30px;
		background: url(../images/red_right.jpg) no-repeat bottom right;
*/
	}

	#nav li.on a{
		background: url(../images/blue_up_right_2.jpg) no-repeat bottom right;
		padding-right: 12px;
		color: #C12542;		
		
	}
	#nav li.off a {
		padding-right: 12px;
		background: url(../images/red_right.jpg) no-repeat top right;
	}


	#nav li.on {
		height: 35px;
		background: url(../images/blue_up_left_2.jpg) no-repeat bottom left;
	}

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

	#nav li.on ul li.act a{
		color: #C12542;
	}
	
	
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
/*		background: #C30;*/
	}

	#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: #000000;
		
	}

	/*do the image replacement*/

	#nav li.off span {
		position: realtive;
		left: 5	px;
		padding-right: 12px;
		height: 35px;
		background: url(../images/red_right.jpg) no-repeat bottom right;

	}
	#nav li.on span {
		position: realtive;
		left: 5	px;
		padding-right: 12px;
		height: 35px;
		background: url(../images/blue_up_right_2.jpg) no-repeat bottom right;

	}

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

#nav li.off ul a, #nav li.on ul a {
	display: inline;
/*	background: #C30;*/
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	padding-right: 12px;
	background: url(../images/blue_down_right.jpg) no-repeat top right;
}		

#nav li.on ul a {
/**	background: #C30;*/
}






#cont {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #003163}
p  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003163}
a  {font-family: Verdana, Arial, Helvetica, sans-serif, bold; font-size: 12px; color: #003163}

#content{margin: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003163}


/*
 * Vertical Button Style
 */

.vbutton {
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 10px;
 line-height: 10px;
}
.vbutton UL,
.vbutton LI {
 display: inline;
 margin: 0;
 border: 0;
 padding: 0;
}
.vbutton A {
 display: block;
 white-space: normal;
/* white-space: normal; */
 width: 135px;
 padding: 3px;
 color: black;
 text-decoration: none;
 font-weight: normal;
 font-size: 11px;
}
.vbutton A:link,
.vbutton A:visited {
 border: 1px outset;
 background: #003163;
/* background: #dddddd; */
 color: white;
}
.vbutton A:hover {
 background: #eeeeee;
 color: black;
 text-decoration: none;
}
.vbutton A:active {
 border: 1px inset;
 background-color: #cccccc;
 
}

/* Nested list items */

.vbutton UL A:link,
.vbutton UL A:visited {
 color: black;
 border: 1px solid black;
 border-top: 0;
 margin-left: 4px;
 margin-right: 0;
 width: 116px;
}
.vbutton UL A:hover {
 background: white;
 color: black;
 text-decoration: none;
}
.vbutton UL A:active {
 background: #bbbbbb;
 border: 1px inset;
}