/* common styling */
/* set up the overall width/height of the menu div and the margins */

.menu {
	float: right;
	height: 29px;
	display: inline;
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	float: left;
	padding: 0; 
	margin: 0;
	list-style-type: none;
	display: inline;
}

/* float the list so that the items are in a line */
.menu li {
	float: left; 
	margin: 0px; 
	display: inline;
	color: #000;
}

.menu-border {
	padding: 0px;
	background: #fff;
}

li.menu-spacer {
	width: 1px;
}

.menu li a{
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	text-align: center; 
	line-height: 27px; 
	color: #000;
	display: block; 
	height: 27px;
	font-size: 10px;
}

.menu a:link{color: #000; text-decoration: none; font-size: 10px;}
.menu a:visited{color: #000; text-decoration: none; font-size: 10px;}
.menu a:active{color: #000; text-decoration: none; font-size: 10px;}
.menu a:hover {color: #516882 !important; text-decoration: none; font-size: 10px;}

/* Hide last spacer */
#spacer7 {display:none;}

/* IE Hack for sizing, add 2px */
a.menu7 {width: 78px; width: "80px";}
a.menu6 {width: 69px; width: "71px";}
a.menu30 {width: 59px; width: "61px";}
a.menu4 {width: 78px; width: "80px";}
a.menu3 {width: 62px; width: "64px";}
a.menu2 {width: 70px; width: "72px";}
a.menu1 {width: 43px; width: "45px";}

/* Highlight Page You are On by matching link to body ID */

#page1 a.menu1 {
color: #516882; font-weight: bold;
}
#page2 a.menu2 {
color: #516882; font-weight: bold;
}
#page3 a.menu3 {
color: #516882; font-weight: bold;
}
#page4 a.menu4 {
color: #516882; font-weight: bold;
}
#page5 a.menu30 {
color: #516882; font-weight: bold;
}
#page6 a.menu6 {
color: #516882; font-weight: bold;
}
#page7 a.menu7 {
color: #516882; font-weight: bold;
}