body{
  background-Color:#000000;
  background-image: url("images/Layouts/Wide/DarkSunsetRight.jpg");
  background-repeat:repeat-x;
  background-position:top left;
  color:#FFDC7E;
  margin:0px;
 font-family: "trebuchet MS", verdana, sans-serif; 
  
}
#Div1 {
  background-image: url("images/Layouts/Wide/DarkSunset.jpg");
  background-repeat:no-repeat;
  width:815px;
  height:200px;
  position: absolute;
  top:0px;
  left:0px;
  
}
a:link {text-decoration: underline; color:#FFDC7E;}
a:visited {text-decoration: underline; color:#FFDC7E;}
a:active {text-decoration: underline; color:#FFDC7E;}
a:hover {text-decoration: underline overline; color:#FFDC7E;}
ul{
  padding:0px 0px 0px 60px;
}
li{
  margin-right:40px;
  margin-bottom:-1px;
  text-align:left;
  list-style: none;
  border: #000 1px solid;
 
}
li a{display:block;}
li a:link{text-decoration: none;}
li a:active{text-decoration: none;}
li a:hover{text-decoration: none; background-color: #FFDC7E; color:#486783}
img{border: none;}

h1 {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-right: 5px;
  margin-left: 5px;
  color:#FFDC7E;
} 
h2 {
  margin:2px 5px;
  color:#FFDC7E;
  border: none;
} 
h3 {
  color:#FFDC7E;
  margin: 5px 20px 5px 20px;
  background-color: #486783;
  background-image: url("images/h3.png");
  background-repeat:repeat;
  background-position:bottom left;
  background-attachment: fixed;
  border: #000 0px dashed;
} 
#container {
  width:5719px; 
  height: 506px;
  margin:0 auto; 
  text-align:center;
  border: #000 1px dashed;
  position: absolute;
  top: 200px;
  left: 2px;
}
#banner {
  background-Color:#486783; 
  background-image: url("images/Layouts/Wide/Banner.png");
  background-repeat:no-repeat;
  background-position:top right; 
  width: 200px;
  height: 500px;
  margin: 2px 5px 2px 2px;
  border: #000 1px solid;
  float: left;
}
#banner h1{
  display: none;
}
#MyGoals {
  background: #486783;
  background-image: url("images/Layouts/Wide/Arrows.png");
  background-repeat:repeat-x;
  background-position:bottom right;
  height: 450px;
  width: 255px;
  float: left; 
  margin: 2px 5px;
  padding: 50px 5px 0px 0px;
  border: #000 1px solid;
}
#MyGoals h2 {
  float: left;
  background-image: url("images/Layouts/Wide/MyGoals.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 50px;
  height: 260px; 
  margin: -40px 2px 2px 2px;
}
#MyGoals h2 span{
  display: none;
}
#main-content {
  background-color: #486783;
  height: 490px;
  width:300px;
  padding: 5px;
  float:left; 
  border: #000 1px solid;
  text-align: left;
  margin: 2px 5px;
}
#main-content h2 {
  float: left;
  background-image: url("images/Layouts/Wide/ILoveGraphs.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 40px;
  height: 425px; 
}
#main-content h2 span{
  display: none;
}
#main-content span{
  margin: 0px 10px;
}
#MyStats {
  background: #486783;
  background-image: url("images/Layouts/Wide/Arrows.png");
  background-repeat:repeat-x;
  background-position:bottom right;
  min-height: 376px;
  width:255px;
  height:450px;
  float:left; 
  margin: 2px 5px;
  padding: 50px 5px 0px 0px;
  border: #000 1px solid;
}
#MyStats h2 {
  float: left;
  background-image: url("images/Layouts/Wide/MyStats.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 50px;
  height: 260px; 
  margin: -40px 2px 2px 2px;
}
#MyStats h2 span{
  display: none;
}
#cssIScool {
  background: #486783;
  background-image: url("images/Layouts/Wide/Arrows.png");
  background-repeat:repeat-x;
  background-position:bottom right;
  width:350px;
  height: 500px;
  margin: 2px 5px;
  float:left; 
  text-align: left;
  border: #000 1px solid;
}
#cssIScool h2 {
  float: left;
  background-image: url("images/Layouts/Wide/CSSisCOOL.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 60px;
  height: 440px; 
  margin: 10px 2px 2px 2px;
}
#cssIScool h2 span{
  display: none;
}
#cssIScool h3 {
  float: left;
  width: 70px;
  padding: 2px;
  text-align: center;
}
#cssIScool p span {
  margin: 0px 10px;
}
#challanges {
  background: #486783;
  background-image: url("images/Layouts/Wide/Arrows.png");
  background-repeat:repeat-x;
  background-position:bottom right;
  width:880px;
  height: 400px;
  margin: 2px 5px;
  float:left; 
  border: #000 1px solid;
  padding: 100px 5px 0px 0px;
}
#challanges h2 {
  float: left;
  background-color: #486783;
  background-image: url("images/Layouts/Wide/MyChallanges.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 50px;
  height: 450px; 
  margin: -90px 2px 2px 0px;
}
#challanges h2 span{
  display: none;
}
#WrapperRunsChallanges {
  height: 500px;
  width: 4064px;
  float: left;
}
#runs {
  background: #486783;
  background-image: url("images/Layouts/Wide/Arrows.png");
  background-repeat:repeat-x;
  background-position:bottom right;
  margin: 2px 5px;
  border: #000 1px solid;
  height: 495px;
  width: 3150px;
  float: right;
  padding: 5px 5px 0px 0px;
}
#runs h2 {
  float: left;
  background-image: url("images/Layouts/Wide/MyRuns.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 50px;
  height: 400px; 
  margin: 10px 2px 2px 2px;
}
#runs h2 span{
  display: none;
}
#footer {
  margin: 2px 5px;
  background: #486783;
  background-image: url("images/Layouts/Wide/Stop.png");
  background-repeat:no-repeat;
  background-position:bottom left; 
  width: 200px;
  height: 350px;
  float: left;
  text-align: center;
  border: #000 1px solid;
  padding: 150px 5px 0px 0px;
}
#footer h2 {
  float: left;
  background-image: url("images/Layouts/Wide/TheEnd.png");
  background-repeat:no-repeat;
  background-position:top left; 
  width: 50px;
  height: 400px; 
  margin: -140px 2px 2px 2px;
}
#footer h2 span{
  display: none;
}
.RunCell{
  background-color: #98A091;
  text-align: center;
  float: left;
  width:200px;
  border:#000 1px solid;
  margin:1px 1px; 
}
.ChallangeCell{
  text-align: center;
  float:left;
  border:#000 0px solid;
  margin:2px 2px; 
  width:200px;
}
.center {
  text-align: center;
}
.spacer{
}