*
{
  font-family: Arial;
    font-size: small;
    }

.SelectedRowStyle
{
    background-color: Yellow;
}
.Important 
{ 
     font-weight: bold; 
     color: Red; 
} 

header
{
  background-color: White;
  height: 40px;
}
  header a
  {
    /*
    The header a is a link nested in header. It provides a link back to the homepage.
    The size of the link is the same as the header, so the entire header is clickable.
  */
    display: block;
  }
h1
{
  font-size: 12px;
  padding: 0;
  margin: 0 0 10px 0;
}
.Normal
{
  /*
    Default Style

  */

  font-size:smaller;
   font-family: Arial;
   
}
.FirstLevelMenuItems
{
  padding-top: 10px;
  
}
.MainMenu
{
  /*
    The Menu gets a white border on all four sides.    background-color: #555555;
 border: 1px solid #999999;
  */

  height: 25px;
  background-color: White;
  font-size:10px;
  font-weight:bold;
  width: 1210px;

  background: green;
   
}
.MainHeader
{
  background-color: white;
  font-size: 22px;
  height: 40px;
}
.MainHeaderSmall
{
  background-color: White;
  font-size: small;
  }
  .MainMenu ul li
  {
    /*
    Gives the four menu items in the main menu a width of 200px each.
  */
    width: 134px;
      position: relative; 
    float: left;
     
  }
.Introduction
{
  font-style: italic;
  font-size:smaller 
  color: #003399;
}

#PageWrapper
{
	  /*
    Sets the total width for the entire page. Also sets the background color
    which is used to fill the background of the Sidebar in case the MainContent section is taller than the Sidebar.
    Uses margin: auto to center the entire page in the middle of the browser's window.  
  height: 222px;
  */
  width: 1210px;
  margin: 0;
 
}

#InternetPage
{
	  /*
    Sets the total width for the entire page. Also sets the background color
    which is used to fill the background of the Sidebar in case the MainContent section is taller than the Sidebar.
    Uses margin: auto to center the entire page in the middle of the browser's window.  
  height: 222px; background: lightgray
  */
  width: 1210px;
  margin: 0;
 
 
}

nav
{
  width: 1210px;
  height: 25px;
  padding-top: 2px;
padding-bottom: 15px;
 
  
  /*width: 1200px; */
}

  nav a
  {
    /*
    Links in the Menu are white. This gets overriden by styles in chapter 7.
  */
    color: black;
  }


/*#region Main Content */

section#MainContent
{
    width: 1210px;
  float: left;
  font-family: Arial, Sans-Serif;
  font-size:10px;
}

  section#MainContent a
  {
    color: #4cff00;
    text-decoration: underline;
  }

    section#MainContent a:visited
    {
      color: #FF0000;
      text-decoration: underline;
    }

    section#MainContent a:hover
    {
      color: #FFA500;
      text-decoration: underline;
    }

/*#endregion*/

aside
{
  background-color: Gray;
  width: 180px;
  float: left;
}

footer
{
  background-color: Green;
   vertical-align:text-bottom;
    height: 25px;
  width: 1100px;
  clear: both;
  font-size:x-small;
  color:White  
}
footer2
{
 border: 2pt;
   vertical-align:text-bottom;
   height: 25px;
  width: 1100px;
  clear: both;
  font-size:smaller;
  font-weight:bold;
  color:black
}
ul.level1
{
  /* Defines the appearance of main menu items. */
  font-size: 12px;
  font-weight: bold;
  height: 19px;
  line-height: 19px;
    position: relative; 
    float: left; 
      
}

  ul.level1 .selected
  {
    /* Defines the appearance of active menu items. */
    background-color: #509EE7;
    color: #999999;
  }

a.level1
{
  /* Adds some white space to the left of the main menu item text.
!important is used to overrule the in-line CSS that the menu generates */
  padding-left: 5px !important;
}

a.level2
{
  /* Defines the appearance of the sub menu items. */
  background-color: #555555;
  padding-left: 8px;
    font-size: 18px;
  font-weight: bold;
  height: 19px;
  line-height: 19px;
      background-color: Aqua;
      position: relative; 
    float: left;
}

  a.level1:hover, a.level2:hover
  {
    /* Defines the hover style for the main and sub items. */
    background-color: #509EE7;
      font-size: 14px;
  font-weight: bold;
  height: 19px;
  line-height: 19px;
      background-color: Aqua;
  }