*
{
  font-family: Consolas, Tahoma, Arial, Helvetica; 
}

body
{
  font-size: 80%;
  margin: 0;  
}

tr
{
vertical-align: middle;
}

td
{
  vertical-align: middle ; 
}

p
{
  margin: 0 0 10px 0;
}

a
{
  color: white;
}

/* Set the width of the entire site and center the page white*/
#PageWrapper
{
  width: 800px;
  margin: auto;
  border: 2px solid white; 
}

/* Set the background color of the header to match the logo image */
#Header
{
  background-color: white;
}

/* Add a border and some padding to the main menu area  */
#MainMenu
{
    vertical-align: middle;
    height: 15px;
    color: #110066;
    position: relative ;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Change color and appearance for links in the main menu */
#MainMenu a
{
  color: black;
  text-decoration: none;
  vertical-align: middle;
  font-family:Verdana ;
  
}

/* Remove the bullet in front of the list items in the main menu */
#MainMenu ul 
{
    width: 100%;  
  list-style-type: none;
}

/* Let the main menu items float next to each other, instead of below each other which is the default for a <li> element */
#MainMenu ul li
{
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

/* Reset the float for the MainContent, sey by the <li> items in the main menu  */
#MainContent
{
  clear: both;
  padding: 10px;
}

#Footer
{
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 10px;
}

#Footer a
{
  text-decoration: none;
  color: Gray;
}

#Footer a:hover
{
  text-decoration: underline;
}

#LeftMenuManagement
{
   width: 150px;
   vertical-align: top;
}