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: 6px 0 0 0 !important; background: #fff;}

/*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: 80%; 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: 0; text-align: center; margin: 0 2.2% 0 2.2%; background: #669999; border: 1px solid #000000;}

.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {text-decoration: none; color: #fff; font-weight: bold;}

.bottomNav a:hover {text-decoration: none; color: #333; background: #fff;}

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

.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {text-decoration: underline; color: #333;}
.maintainerRight a:hover {color: #000;}

/*sets the font style to normal*/
.normal {font-weight: normal;}
.approved {font-size: 65%; padding: 5px 0 10px 5px; clear: both; color:#333;}