



span.blue-white { width: 15%;  background-color: rgb(0,0,255); color: #FFFFFF }

span.black-white { width: 15%; background-color: 400040; color: FFFFFF}

span.red-white { width: 15%; background-color: FF0000; color: #FFFFFF}

span.orange-white { width: 15%; background-color: FF8000; color: #FFFFFF}

span.green-white { width: 15%; background-color:008040; color: #FFFFFF}

span.gray-orange { width: 15%; background-color:7F7F7F; color: #FFAA55}

span.gray-white { width: 15%; background-color:7F7F7F; color:#FFFFFF}
span.tan-white { width: 15%; background-color:D76B00; color: #FFFFFF}

span.white-black { width: 15%; background-color:#FFFFFF; color: 400040}

div.menu {font-size}: 50px arial, sans-serif;}
div.blue-white {  background-color: rgb(0,0,255); color: #FFFFFF }

div.black-white { background-color: 400040; color: FFFFFF}

div.red-white { background-color: FF0000; color: #FFFFFF}

div.orange-white { background-color: FF8000; color: #FFFFFF}

div.green-white { background-color:008040; color: #FFFFFF}


div.white-black { background-color:#FFFFFF; color: 400040}

div.white-blue {  background-color: #FFFFFF ; color:rgb(0,0,255) }

div.white-white {  background-color: #FFFFFF;  color:#FFFFFF }

div.black-yellow {  background-color: 400040;  color:#FFFFFF }

div.white-white {  background-color: #FFFFFF;  color:#FFFFFF }




.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
		
	




