/*Put application's styles here*/

/*There is a definition for "html" in the reset.css stylesheet as well*/
html{  
}

/*There is a definition for "body" in the reset.css stylesheet as well*/
body{
 background:#ccc; 
}



/*There is a definition for #container in the reset.css stylesheet as well*/
#container{
  margin:0px auto;
  width:880px;
  padding:10px; /*you have to subtract the padding from the width, so we really want 800px width with 10px padding on each side so 780 is our width*/
  background:#fff;
}

#Top-Links ul{
  float:left;
  list-style:none;  
  border-top:1px solid #474747;
  border-left:1px solid #474747;
  border-bottom:1px solid #474747;
  margin:0 20px 10px 0;
}

#Top-Links li{
  float:left;
}

#Top-Links li a{
  float:left;
  background:#ccc; 
  display:block;
  padding:2px 6px 0px 6px;
  color:#474747; 
  border-right:1px solid #474747;
}

#Top-Links a:hover{
 color:#F9F3E4; 
 background:#225A9A;
}

#footer{
  width:800px;
  margin:0px auto;
  text-align:center;
  padding:20px 0 0 0;
  font-size:1.2em; 
}