body {font-size: 100%;}

/*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized*/
.bottomNav { padding: 0; overflow: auto; margin: 10px 0 0 0 !important; }

/*This sets the margin and padding for the bottom navigation bars to zero*/
.bottomNav ul {list-style: none; padding: 0; margin: 0; }

/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav li {
	display: block; float: left; padding: 0; margin: 0; font-size: 65%; font-weight: bold; text-transform: uppercase;
}
/*set this width for the number of options in your list, so 5=20% 4=25% 3=33% etc, IE can't divide properly so a -0.1% margin has to be used*/
.bottomNav ul li {width: 20%; margin: 0 -0.1% 0 0;}
/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav a {
	display: block; padding: 3px 0 3px 0; text-align: center; margin: 0 2.2% 0 2.2%;
	 border: 1px solid #FFFFFF;
}

.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {text-decoration: none; color: #FFFFFF;background: #417296;}

.bottomNav a:hover {text-decoration: none; color: #417296;	background: #FFFFFF;}

/*container box for the maintainer and updated date, at the very bottom of the screen*/
.maintainer {font-size: 65%; font-weight: bold; clear: both; height: 20px; padding: 0; margin: 0;  color: #417296;}
/*container box for the updated date*/
.maintainerLeft {float: left; padding: 4px 0 3px 5px; color: #417296;}
/*container box for the maintainer text*/
.maintainerRight {float: right; padding: 4px 5px 3px 0; color: #417296;}

.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {text-decoration: underline; color: #417296;}
/*sets the font style to normal*/
.maintainerRight a:hover {color: #417296;}
.normal {font-weight: normal;}
.approved {font-size: 65%; padding: 10px 0 10px 5px; clear: both; color:#417296;}