div.navcontainer{
text-align: center;
}



 #cssdropdown, #cssdropdown ul {
 padding: 4px 0 0 0;
 margin: 0;
 list-style: none;
 }

 #cssdropdown li {
 float: left;
 position: relative;
 }

/*
 .mainitems{
 border: 1px solid black;
 background-color: #ffffff;
 }
*/

 .mainitems a{
  color: #ffffff;
 text-decoration: none;

 }


 
 
 /* used because IE would align left to end of */
 .spacer {  padding: 4px 15px 4px 15px;}
 .spacer_home {  padding: 4px 0px 4px 15px;}
 
 .mainitems{
 font: bold 11px arial;
 color: #ffffff;
 background-color: #000000;
/*padding: 1px 0.3em;*/
 padding: 4px 0px 4px 0px;
 text-decoration: none;
 }

.mainitems_home {
 font: bold 11px arial;
 color: #ffffff;
 background-color: #000000;
/* padding: 1px 0.3em; */
 padding: 4px 0px 4px 0px;
 text-decoration: none;
 color: #FF0000;
 }
 
 .mainitems a:visited{
 color: #ffffff;
 text-decoration: none;

 }
 .mainitems a:hover{
 background-color: #000000;
 color: #818181;
 text-decoration:none;

 }
 
  
  
 
 .subuls{
 display: none;
 width: 10em;
 position: absolute;
 top: 1.5em;
 left: 0;
 text-align: left;
 background-color: #000000;
 border: 1px solid black;
 font: bold 10px arial;
 }

 .subuls li{
 width: 100%;
 text-align: left;
 }

 .subuls li a{
 text-decoration: none;
 text-align: left;
 }

 .subuls li a:visited{
 text-decoration: none;
 text-align: left;
 }


 #cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 top: auto;
 left: auto;
 }

 #cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
 display: block;
 }

 #restofcontent { /*wrap rest of content of the page inside this div*/
 clear: left;
 }