@charset "UTF-8";
#menubar/* VERSION 4  USE THIS - FINAL FORMATTING  BUT VER 3 WORKS WAS GOOD, BUT NOT DONE */
/* VERSION 3 WILL TEST VARIABLE WIDTH BOXES */
/* VERSION 2 OF THIS TEST WORKS WELL IN THE LIST EXAMPLE, BUT ALL BOXES ARE EQUAL WIDTH  - IN VER 3 I WILL PLAY WITH ADJUSTING IT TO WORK WITH VARIABLE WIDTH BOXES */

{
	width: 884px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 33px;
	margin-top: 6px;
	clear: both;
}
#menubar  ul
{
list-style: none;
padding: 0;
margin: 0;
}
#menubar  li
{
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
#menubar  li  a
{
	background: url(../images/menuBar/boxtop_5X30px_9dbdb0_grad.gif) #fff bottom left repeat-x;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 6px;
	width: auto;
	font-weight: bold;
	padding-left: 6px;
	border: 1px solid #999999;
}
#menubar  a:hover 
{
	background:  url(../images/menuBar/boxtop_5X30px_67001c_grad.gif) #fff bottom left repeat-x;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 6px;
	padding-left: 6px;
	width: auto;
	font-weight: bold;
	border: 1px solid #999999;
}

#body {
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

#preloadImages1 {
	background-image: url(../images/menuBar/boxtop_5X30px_9dbdb0_grad.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

#preloadImages2 {
	background-image: url(../images/menuBar/boxtop_5X30px_67001c_grad.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	
#preloadbb {
	background-image: url(../images/borders/bb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

#preloadblc {
	background-image: url(../images/borders/bb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	
#preloadbrc {
	background-image: url(../images/borders/brc.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

#preloadlb {
	background-image: url(../images/borders/lb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	
#preloadrb {
	background-image: url(../images/borders/rb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

#preloadtb {
	background-image: url(../images/borders/tb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	
#preloadtlc {
	background-image: url(../images/borders/tlc.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

#preloadtrc {
	background-image: url(../images/borders/trc.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}	

.aftermenubar {
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0px;
}