/* CSS Document */

#LogoArea
{
  position: absolute;
  height:inherit;
  width: 223px;
  background-color: #ffffff;
}

#BannerAfterLogoBlock
{
  width: 561px;
  height: 40px;
  float: right;
  position: absolute;
  top: 0px;
  left: 223px;
  background-color:#ffffff;
  width: 561px;
}

#TopSpace
{
  position: absolute;
  width: 561px;
  height: 21px;
  background-color:#ffffff;
  top: 0px;
  left: 0px;
}

/* The navigation area of the banner */
#TopLinks
{
  position: absolute;
  width:561px;
  height: 40px;
  top: 21px;
  left: 0px;
  background-image:url(../Images/Background/Blank_nav.gif);
}

/* Graphic Links in Banner */
.HomeLink
{
  position: absolute; 
  top: 0px; 
  left: 0px;
  width: 56px;
}

a.HomeLink
{
  background-image: url(../Images/Links/HomeOff.gif);
}

a.HomeLink:hover
{
  background-image:url(../Images/Links/HomeOn.gif);
}

.HomeOnHomePage
{
  position: absolute; 
  top: 0px; 
  left: 0px;
  width: 56px;
  background-image: url(../Images/Links/HomeOn.gif);
}

.CourseLink
{
  position: absolute; 
  top: 0px; 
  left: 56px;
  width: 148px;
}

a.CourseLink
{
  background-image: url(../Images/Links/CourseOff.gif);
}

a.CourseLink:hover
{
  background-image:url(../Images/Links/CourseOn.gif);
}

.CourseOnCourse
{
  position: absolute; 
  top: 0px; 
  left: 56px;
  width: 148px;
  background-image:url(../Images/Links/CourseOn.gif);
}


.ResourcesLink
{
  position: absolute; 
  top: 0px; 
  left: 202px;
  width: 89px;
}

a.ResourcesLink
{
  background-image: url(../Images/Links/ResourcesOff.gif);
}

a.ResourcesLink:hover
{
  background-image:url(../Images/Links/ResourcesOn.gif);
}

.ResourcesOnResources
{
  position: absolute; 
  top: 0px; 
  left: 202px;
  width: 89px;
  background-image:url(../Images/Links/ResourcesOn.gif);
}

.AboutUsLink
{
  position: absolute; 
  top: 0px; 
  left: 291px;
  width: 136px;
}

a.AboutUsLink
{
  background-image: url(../Images/Links/AboutUsOff.gif);
}

a.AboutUsLink:hover
{
  background-image:url(../Images/Links/AboutUsOn.gif);
}

.AboutOnAbout
{
  position: absolute; 
  top: 0px; 
  left: 291px;
  width: 136px;
  background-image:url(../Images/Links/AboutUsOn.gif);
}


a.LeftCourseDescriptionLink
{
  background-image: url(../Images/Links/LeftNavigationDescriptionoff.gif);
}

a.LeftCourseDescriptionLink:hover
{
  background-image:url(../Images/Links/LeftNavigationDescriptionOn.gif);
}