body {font-size: 100%;}

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



/*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;
}


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





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

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

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




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

/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav2 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*/
.bottomNav2 ul li {width: 33%; margin: 0 -0.1% 0 0;}
/*This sets some of the elements for the boxes in the bottom navigation*/


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

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






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

/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav3 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*/
.bottomNav3 ul li {width: 33%; margin: 0 -0.1% 0 0;}
/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav3 a {
	display: block; padding: 13px 10 13px 10; text-align: center; margin: 0 2.2% 0 2.2%;
	 border: 1px solid #FFFFFF;
}

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

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

.bottomNav3 a:hover {text-decoration: none; color: #cccccc0;	background: #FFFFFF;}