#Header
{
  font-size: medium;
  color: #000000;
  background-color: #CC3300;
  height: 85px;
  width: 844px;
  font-style: italic;
}
*
{
  font-family: Corbel;
  font-size: small;
  text-align: left;
}
#PageWrapper
{
  /*
		Sets the total width for the entire page. 
	*/

  width: 844px;
  margin-left: 100px;
}
#Motto
{
  /* the styling for the motto tag*/
  font-weight: lighter;
  font-size: medium;
  height: 36px;
  font-size: small;
  font-style: italic;
  font-weight: bold;
  vertical-align: 20px;
}
#MainContent
{
width: 844px;
}

.newStyle1
      {
        font-style: normal;
        font-size: medium;
        font-weight: bold;
      }
                    
#Footer
{
  background-color:#808080;
  font-size: small;
  font-weight: bold;
  height: 50px;
  color :#000000;
}
.newStyle2
{
  color: #FFFFFF;
}
#MenuWrapper
{
  /*
		The menu spans the page width, right below the header.
		At the top and left a few pixels padding is applied to create some room.
			background-image: url(Images/MenuBackground.jpg);
	*/
  width: 844px;
  height: 40px;
  background-color: #CC3300;
 }

#MenuWrapper a
{
    /*
		Links in the Menu are black. This gets overriden by styles in chapter 7.
	*/
    color: white;
    font-weight: bolder;
    font-size: large;
    font-family: Corbel;
}

.MainMenu
{
    /*
		The Menu gets a white border on all four sides.
	*/
    width: 844px;
    height: 19px;
    background-color: #CC3300;
    font-weight: bolder;
    font-size: xx-large;
}
.StaticMenuItemStyle
{
  /* Defines the look of main menu items. */
  color: Black;
  font-size: large;
  font-weight: lighter;
  text-decoration: none;
}

.StaticHoverStyle, .StaticSelectedStyle
{
    /* Defines the look of active and hover menu items */
    background-color: #CC3300;
}

.DynamicMenuItemStyle
{
    /* Defines the sub menu items */
    font-size: small;
    color: black;
    background-color: #993300;
    font-weight: bold;
}

.DynamicHoverStyle
{
  /* Defines the hover style of sub menus */
  background-color: #CC3300;
  color: #000000;
}

.DynamicHoverStyle a
{
	/* Removes the underline from links in the sub menus */
	text-decoration: none;
}
.Navi a
{
  /*
		Clears the underline on normal links, and give them #308462 as the color.
	*/
  text-decoration: none;
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: medium;
}

.Navi a:hover
{
    /*
		Underlines links when the users hover the mouse over them.
	*/
    text-decoration: underline;
    color:#CC3300;
}
.Footer a
{
  font-size: small;
}
.Footer a:hover
{
  text-decoration: underline;
  color: #FFFFFF;
}
h1
{
  font-size: x-large;
  font-weight: bolder;
  text-align: center;
  font-family: 'Monotype Corsiva';
}
a
{
  font-size: small;
  text-decoration: none;
  color: #990000;
}
a:hover
{
  text-decoration: underline;
  color: #000000;
}
.tableheads 
    {
      font-size: large;
      color: #990000;
      font-weight: lighter;
      font-family: "Comic Sans MS";
    }

.rows
{
  color: green;
  width: 696px;
  font-size: large;
  font-weight: bold;
}
.columns
{
  background-color: #FFFFFF;
  width: 696px;
  color: #000000;
  font-style: italic;
  font-size: large;
}

h2
{
    font-size: x-large;
    color: #CC3300;
    font-style: italic;
    text-decoration: blink;
    font-family: 'Monotype Corsiva';
    text-align: center;
}
.newStyle5
{
    font-size: large;
    font-weight: bold;
    text-decoration: underline;
}
.news
{
    font-size: large;
    color: #990000;
    font-weight: lighter;
    font-family: "Comic Sans MS";
    text-decoration: blink;
}
.news1
{
    font-style: italic;
    color: green;
    font-weight: bold;
}