/* CSS Document */

body, html
{
  font-family:arial;
  color:#000;
  margin:0;
  padding:0;
  background-color:#a3a3a3;
  height:100%;
  background-image:url(../img/shadow.jpg);
  background-position:center top;
  background-repeat:repeat-y;
}

a
{
  color: #000;
}

a:link
{
  color:#000;
  text-decoration:none;
}

a:visited
{
  color:#999;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

a:active
{
  color:#286bbc;
  text-decoration:underline;
}


#sitecontainer
{
    position:absolute;
    width:779px;
    left:50%;
    margin-left: -389px;
    height:auto;
    min-height:100%;
    background-color:#ffc702;
}

#logo
{
  float:left;
  width:282px;
  height:165px;
}

#top
{
  float:left;
  width:497px;
  height:165px;
  background-image:url(../img/top.jpg);
}

#banner
{
  width:468px;
  height:60px;
  margin-left:29px;
}

#buttons
{
  width:468px;
  height:105px;
  margin-left:29px;
}

.button
{
  float:left;
  cursor:pointer;
  margin-top: 17px;
  margin-right: 10px;
  width:81px;
  height:70px;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  line-height:12px;
}

.button img
{
  clear:right;
}

/*

a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
*/

.button a:link, a:visited
{
  text-decoration:none;
  color:#999;  
}

.button a:hover
{
  text-decoration:underline;
  color:#ccc;
}

.button a:hover
{
  text-decoration:underline;
  color:#fff;
}

#main
{
  float:left;
  width:779px;
  min-height:475px;
  height:auto;
  background-image:url(../img/bottom.jpg);  
  background-repeat:no-repeat;
}

#inner
{
  padding-top:10px;
    padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}