/* Define font and margins for the entire body tag. */
body
{
  font-family: Verdana, Arial, Helvetica;
  margin: 20px 0 0 0;
  font-size: 0.9em;
}

/* top-align each td tag vertically. Individual td tags can over overridden later. */
td
{
  vertical-align: top;
}

/* Center the entire content block in the middle of the body. */
#PageWrapper
{
  margin: auto;
  width: 950px;
}

/* Give a width to the main menu. */
#MainMenu
{
  width: 950px;
}

/* Define the width and border for the sub menu. */
#SubMenu
{
  width: 948px;
  clear: both;
  border: 1px solid black;
  border-bottom: none;
  height: 25px;
}

/* Remove the bullets and margin from each ul tag in the main and sub menu. */
#MainMenu ul, #SubMenu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Define the appearance of the menu items in the Main Menu. The background-image property is used to give each item the Tab background. */
#MainMenu li
{
	float: left;
	height: 23px;
  padding-top: 7px;
	text-align: center;
	font-size: 15px;
	width: 100px;
	background-repeat: no-repeat;
	background-image: url(../Images/MenuBackground.gif);
  font-weight: bold;
}

/* Change the background image for a selected Main Menu item to the Selected tab. */
#MainMenu li.Selected
{
	background-image: url(../Images/MenuBackgroundSelected.gif);
}

/* Apply marging and padding for the entire ul tag in the SubMenu div. */
#SubMenu ul
{
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
}

/* Change behavior for each of the single menu items in the Sub Menu. */
#SubMenu li
{
  margin: 0;
  padding: 0;
  display: inline;
  padding-right: 20px;
	font-size: 0.7em;
}

/* Change the appearance of the links inside the main and sub menu items. This is the text that appears as the menu. */
#MainMenu a, #SubMenu a
{
  color: #ffffff;
  text-decoration: none;
}

/* Change the color of a sub menu to black. */
#SubMenu a
{
   color: #000000;
}

/* Change the font-weight of a selected sub menu item to bold. */
#SubMenu a.Selected
{
  font-weight: bold;
}

/* Change the margin for the ul tag that holds the Admin menu in the Management folder. */
#AdminMenu ul
{
  margin: 0 0 0 20px;
}

/* Change the color and font size for the menu items in the Admin menu. */
#AdminMenu a
{
  font-size: 80%;
  color: #000000;
}

/* Set the width, margin and border for the MainContent block. */
#MainContent
{
  clear: both;
  border: 1px solid black;
  width: 908px;
  padding: 10px 20px;
  min-height: 500px;
}