/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 200px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		
		/*Links at bottom of page*/
		
		.textlinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003376;
		}
		
		.textlinks a:link {color: #003376;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.textlinks a:active {color: #003376;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.textlinks a:visited {color: #003376;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.textlinks a:hover {color: #bb0020; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* Oli Slider Panel */

#panel { width:525px; height:184px; margin:0; position:relative; overflow:hidden; background:url(oli/panel.png) no-repeat 0 0; }
#panel h2 { margin:6px 0 19px 0; padding:0 0 0 30px; background:red; width:290px; line-height:20px; float:right; background:url(oli/titlearr.png) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:18px; overflow:hidden; }
#panel h2 strong { display:block; font-weight:normal; width:1000px; }
#panel h2 strong b { display:inline-block; width:346px; height:10px; vertical-align:middle; background:url(oli/titlerpt.png) no-repeat 0 0; }

#panel-cats ul { padding:0; margin:0 0 0 15px; list-style:none; clear:both; }
#panel-cats li { float:left; margin:0 9px 0 0; padding:0; width:117px; }
#panel-cats em { background:#fff; display:block; font-style:normal; text-align:right; padding:3px 6px; }
#panel-cats img { border:1px solid #fff; width:115px; height:70px; vertical-align:bottom; }
#panel-cats a { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.panel-viewport { overflow:hidden; width:467px; height:82px; clear:both; margin:0 0 7px 30px; }
.panel-viewport ul { position:relative; padding:0; margin:0; list-style:none; width:2000px; }
.panel-viewport li { display:block; margin:0 5px 0 0; padding:0; width:113px; float:left; position:relative; }
.panel-viewport img { border:4px solid #fff; border-bottom-width:8px; width:105px; height:70px; }
.panel-viewport a { color:#fff; }
.panel-viewport strong { display:none; position:absolute; top:4px; left:4px; background:url(oli/hover.png); text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:5px 5px; width:95px; height:60px; }
.panel-viewport strong span { display:table-cell; font-size:12px; width:95px; height:60px; vertical-align:middle; }

.panel-previous, .panel-next { width:18px; height:15px; display:block; position:absolute; top:80px; z-index:100; }
.panel-previous strong, .panel-next strong { display:none; }
.panel-previous { left:5px; background:url(oli/arrows.png) no-repeat left; }
.panel-next { right:5px; background:url(oli/arrows.png) no-repeat right; }

#panel-back { height:40px; position:absolute; left:0; bottom:0; font-family:Arial, Helvetica, sans-serif; }
#panel-back a { background:url(oli/back.png) no-repeat 0 0; display:inline-block; line-height:25px; width:73px; padding:5px 0 0 35px; margin:10px 0 0 0; color:#003399; }
#panel-back em { font-style:normal; font-size:9px; display:inline-block; line-height:40px; vertical-align:top; font-size:12px; }