body {font-size: 100%;}

/*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized*/
.bottomNav {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;}

.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*/
/*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%;
	background: #848484 !important; border: 1px solid #848484;
}

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

.bottomNav a:hover {text-decoration: none; color: #848484; background: transparent !important; border: 1px solid #848484;}

/*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: #333333;}
/*container box for the updated date*/
.maintainerLeft {float: left; padding: 4px 0 3px 5px; color: #848484;}
/*container box for the maintainer text*/
.maintainerRight {float: right; padding: 4px 5px 3px 0;}

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