
<!--
body { font: 10px verdana; margin: 0; }
a:link, a:visited { color: #f60; text-decoration: none; }
a:hover { color: #080; text-decoration: none; }

.logo {
  margin: auto;
  background-color: transparent;
  padding-bottom: 45px; 
  top: 15px;
  width: 616px;
  height: 278px;
  border:0px transparent solid;
    display: none;
}
.content {

  background: transparent;
  margin: auto; 
  top: 347px;
  width: 673px;
  height: 177px;
  overflow: hidden;
}
.card{
	 float: left;
	 width: 134px;
	 height: 177px;
	}
#leftSlide
{
    width: 670px;
    height: 177px;
    margin-left: -670px;
    }
	
a.red
{
    background-image: url(Images/landing/red.jpg);
}
a.red:hover
{
    background-image: url(Images/landing/red_rollover.jpg);
}
a.purple
{
    background-image: url(Images/landing/purple.jpg);
}
a.purple:hover
{
    background-image: url(Images/landing/purple_rollover.jpg);
}
a.green
{
    background-image: url(Images/landing/green.jpg);
}
a.green:hover
{
    background-image: url(Images/landing/green_rollover.jpg);
}

a.blue
{
    background-image: url(Images/landing/blue.jpg);
}
a.blue:hover
{
    background-image: url(Images/landing/blue_rollover.jpg);
}

a.brown
{
    background-image: url(Images/landing/brown.jpg);
}
a.brown:hover
{
    background-image: url(Images/landing/brown_rollover.jpg);
}

.footer {
  left: 50%;
  margin-left: -358px;
  position: absolute;
  top: 615px;
  width: 716px;
  height: 50px;
  text-align:center;
  border-top:0px transparent solid;
}
.learn {
  left: 50%;
  margin-left: -330px;
  position: absolute;
  text-align: right;
  top: 534px;
  width: 660px;
  height: 15px;
  color: #e9941c;
  font-weight:bold;
}
.tagline {
  left: 50%;
  margin-left: -298px;
  position: absolute;
  top: 585px;
  width: 597px;
  height: 41px;
}
-->