.form { font-size: 9px; color=#000000; background-color: #96FFFF}
.formedit { font-size: 9px; color=#000000; background-colour: #FFFFFF}
.formt { font-size: 12px; color=#000000; background-color: #FFFFFF}
.formro { font-size: 9px; color=#669999; background-color: #FFFF66; border: 1px solid #669999}

  	body 
		{ 
		  font-family: Arial; 
			font-size: 12px; 
			color: black; 
			background: rgb(102, 255, 255);
	  }

#top
  {
	text-align: center;
	margin-left: 25%;
	border-left: 1px;
	margin-right: 25%;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	padding: 1em;
	max-width: 900px;
	}

#left_bar
  {
	text-align: center;
	background: rgb(150, 255, 255);
	float: left;
  padding: 1em;
	width: 15%;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	padding: 1em;
		}

#overview
	{
	text-align: left;
	margin-left: 17%;
	border-left: 1px;
	margin-right: 17%;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	padding: 1em;
	max-width: 900px;
	background: rgb(150, 255, 255);
	}

		#optimised_for
		{
			float: left;
			width: auto;
			margin: auto;
			border-right: 1px;
			border-top: 1px;
			border-bottom: 1px;
			padding: 1em;
		  text-align: left;
			}

	  #filters
		{
			float: right;
			display: block;
			width: auto;
			margin: 0px;
			border-left: 1px;
			border-right: 1px;
			border-top: 1px;
			border-bottom: 1px;
			padding: .3em;

			}
			
/* The following lines determine the navigation bar settings */
#navcontainer
  {
	padding: 1px 0;
	margin: 0;
  margin-top: 5px;
  color: #FFF;
  width: 100%;
  font: arial, helvetica, sans-serif;
	}

#navlist
  {
	padding: 1px 0;
  margin-left: 0;
  border-bottom: 1px solid gray;
  font: 12px Arial, sans-serif;
  }

#navlist li
  {
  display: inline;
  }

#navlist li a
  {
  padding: 1px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
	border-top: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
  }

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
  {
  color: #000;
  background: #AAE;
  border-color: #227;
  }

#navlist li a#current
  {
  background: white;
  border-bottom: 1px solid white;
  }
	
	
	
#filtercontainer2 ul
{
float: right;
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: rgb(150,255,255);
color: #FFF;
width: 100%;
font: arial, helvetica, sans-serif;
text-align: center;
border-bottom: none;
}

#filtercontainer ul
{
float: right;
padding: .2em 0;
margin: none;
list-style-type: none;
background-color: rgb(150,255,255);
color: #FFF;
width:auto;
font: arial, helvetica, sans-serif;
text-align: center;
}



li.boff
  {display: inline;
	}
	
li.boff a
  {
  text-decoration: none;
	color: black;
  padding: .1em 1em .1em 1em;
	background-color: #f6f6f6;
	border-top-width: 1px solid #f6f6f6;
	border-left-width: 1px solid #f6f6f6;
	border-bottom: 1px solid #696969;
	border-right: 1px solid #696969;

	}

li.boff a:hover
  {
  background-color: gray;
  color: #fff;
  }

li.bon
  {display: inline;
	}
	
li.bon a
  {
	text-decoration: none;
	color: black;
  padding: .1em 1em .1em 1em;
	background-color: #33ffcc;
	border-top: 1px solid #696969;
  border-left: 1px solid #696969;
  border-bottom: 1px solid #f6f6f6;
  border-right: 1px solid #f6f6f6;
	}

li.bon a:hover
  {
  background-color: gray;
  color: #fff;
  }
	
body.Public {
  color: rgb(0, 0, 0);
  background: rgb(150, 255, 255);
	a:link { color: #000099; }
	a:visited { color: #990099; }
}

body.Admin {
  color: rgb(0, 0, 0);
  background: #CCCCFF;
	a:link { color: #000099; }
	a:visited { color: #990099; }
}

table.Public {
  width: 90%;
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	background-color: rgb(150, 255, 255);
	padding: 3px;
}
<style type="text/css">
table.sample {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
 					 table.Dev {
  				 					 width: 800px;
										 font-family: Arial;
										 font-size: 8pt;
										 text-align: left;
										 border-width: 0px;
										 border-spacing: ;
										 border-style: outset;
										 border-collapse: collapse;
										 border-color: black;
										 background-color: rgb(102,255,255);
										 }
										 
				   table.Dev th {
										 color: gray;
										 font-weight: normal;
										 border-width: 0px;
										 padding: ;
										 border-style: solid;
										 border-color: blue;
										 }
										 
					table.Dev td {
										border-width: 0px;
										padding: ;
										border-style: solid;
										border-color: blue;
										}
	table.Swap {
  width: 45%;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(150, 220, 255);
	padding: 3px;
}

table.PublicHome {
  width: 90%;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	background-color: rgb(150, 255, 255);
	padding: 3px;
}

table.News {
  width: 35%;
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
  margin-left: auto;
	margin-right: auto;
	background-color: rgb(100, 255, 255);
	padding: 3px;
	}

table.Log {
	border-width: 1px;
	border-spacing: ;
	border-collapse: separate;
	}

table.Log th {
  border-bottom: 1px solid silver
  }
	
table.Log td {
  border-bottom: 1px solid silver
	}

	

table.Search {
  width: 50%;
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	background-color: rgb(125, 255, 255);
	padding: 3px;
  border-style: solid;
	border-width: 1px;
}

table.Login {
  width: 15%;
	font-family: Arial;
	font-size: 10pt;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	background-color: rgb(150, 255, 255);
	padding: 0px;
}

table.LoginH {
  width: 15%;
  border: 1px;
	font: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
  margin-left: auto;
	margin-right: auto;
	color: black;
	background-color: #3399FF;
	style: inset;
	padding: 0px;
}

#mysubmit 
  { 
	font-size: 100%;
	color: black;
	background-color: white;
	padding: 1px;
	}

	
table.edit {
	width: 90%; 
	font-family : Arial;
	font-size: 12px;
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	background-color: #FFFF66;
}

textarea.edit {
	background-color: #96FFFF;
	font-family: Arial;
	font-size: 12px;
}

hr.edit {
	height: 4px;
	width: 85%;
}

.linkbutton { 
	width: 250px; 
}

.FbuttonN {
font-weight: normal;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
}

.FbuttonN a {
padding: 0px;
text-decoration: none;
display: block;
color: #224059;
background-color: #f6f6f6;
border-top: 2px #f6f6f6 solid;
border-left: 2px #f6f6f6 solid;
border-bottom: 2px #696969 solid;
border-right: 2px #696969 solid;
}

.FbuttonR {
font-weight: normal;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
}

.FbuttonR a {
padding: 0px;
text-decoration: none;
display: block;
color: #224059;
background-color: #f6f6f6;
border-top: 2px #696969 solid;
border-left: 2px #696969 solid;
border-bottom: 2px #f6f6f6 solid;
border-right: 2px #f6f6f6 solid;
}