.box {    
	margin: 0 0 5px 0;
    padding: 0;
    width: 900px;
    height: 81px;
    float: right;
    background: white;
}

    a#logoLink img {
	float: left;
	position: absolute;
	left: 0;
	/*padding: 16px 22px;*/
	border: 0;
	display: inline;
	/*width: 90px;*/
	z-index: 1;
    }
    
    .box #mid {
	/*positions the color menu bar*/
	border-left:1px solid #000; border-right:1px solid #000; border-top:0 solid #000; padding:0; height: 35px;
	line-height: 35px;
	background:#fff url(images/button1.gif);
	border-bottom:1px solid #444; margin-left:150px; margin-right:0; margin-top:45px; margin-bottom:0
    }

.menu1 {
	/*padding for the distance on the right*/
	margin:0; /*distance menu bar is from the top*/
	height:35px; 
	background:#fff url(images/button1.gif);
	position:absolute;
	right: 0;
	z-index: 2; list-style-type:none; padding-left:50px; padding-right:0; padding-top:0; padding-bottom:0
	
	}
	
.menu1 li {float:left; clear: right;}

.menu1 li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#fff; 
	text-decoration:none; 
	font-size:11px; 
	font-family:arial, verdana, sans-serif;  
	text-align:center; 
	padding:0 0 0 30px; /*distance between menu words*/ 
	cursor:pointer;}

.menu1 li a b {
	float:left; 
	display:block; 
	padding:0 60px 0 30px; /*top left bottom right, right part has to be the same as the above*/
	}
	
.menu1 li.current a 
	{color:#fff background:url(../images/button3.gif);}
.menu1 li.current a b {background: url(images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
.menu1 li a:hover b {background: url(images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/button3.gif); cursor:default}
.menu1 li.current a:hover b {background: url(images/button3.gif) no-repeat right top;}