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

.menu {
	float: right;
	height: 25px;
	display: inline;
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	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: #707070;
}

.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: 23px; 
	letter-spacing: .04em;
	color: #707070;
	display: block; 
	height: 23px;
	font-size: 14px;
}

.menu a:link{color: #707070; text-decoration: none; font-size: 14px;}
.menu a:visited{color: #707070; text-decoration: none; font-size: 14px;}
.menu a:active{color: #707070; text-decoration: none; font-size: 14px;}
.menu a:hover {color: #fff !important; background: #42B75F; text-decoration: none; font-size: 14px;}

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

/* IE Hack for sizing, add 2px */
a.menu9 {width: 78px; width: "80px";}
a.menu11 {width: 73px; width: "75px";}
a.menu12 {width: 113px; width: "115px";}
a.menu10 {width: 94px; width: "96px";}
a.menu8 {width: 79px; width: "81px";}
a.menu6 {width: 107px; width: "109px";}
a.menu7 {width: 88px; width: "90px";}
a.menu2 {width: 67px; width: "69px";}


/* pre revolution setup 
a.menu197 {width: 78px; width: "80px";}
a.menu7 {width: 73px; width: "75px";}
a.menu6 {width: 113px; width: "115px";}
a.menu5 {width: 94px; width: "96px";}
a.menu4 {width: 79px; width: "81px";}
a.menu3 {width: 107px; width: "109px";}
a.menu2 {width: 88px; width: "90px";}
a.menu1 {width: 67px; width: "69px";}
*/

/*OLD IE Hack for sizing, add 2px
a.menu7 {width: 86px; width: "88px";}
a.menu6 {width: 116px; width: "118px";}
a.menu5 {width: 96px; width: "98px";}
a.menu4 {width: 76px; width: "78px";}
a.menu3 {width: 106px; width: "108px";}
a.menu2 {width: 92px; width: "94px";}
a.menu1 {width: 74px; width: "76px";}
*/


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

#page1 a.menu1 {
color: #fff !important; background: #42B75F;
}
#page2 a.menu2 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page3 a.menu3 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page4 a.menu4 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page5 a.menu5 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page6 a.menu6 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page7 a.menu7 {
color: #fff; font-weight: bold; background: #42B75F;
}
#page197 a.menu197 {
color: #fff; font-weight: bold; background: #42B75F;
}


