body
{background-color: gray;}

h1
{color: orange; margin-left:350px;}

h2
{color: orange; font-size: 16pt; margin-left:200px;}

p
{
width: 600px;
margin-left:250px;
color: silver;
}

address
{
text-align:center;
color: silver;
font-size: 16pt;
}

#resume1
{
margin-left:90px;
}


#gradeimg
{
margin-left:280px;
}


#desc
{
margin-left:200px;
}

#btbc
{
margin-left:185px;
}

#term
{
margin-left:150px;
}

#image
{
margin-left:350px;
}

#email
{
margin-left:250px;
color: silver;
}

#list
{
width: 500px;
margin-left:250px;
color: silver;
}

#buttons
{float:left;}

#home
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/home.gif") no-repeat 0 0;}

  #home:hover
  {background: url("rollover/home.gif") no-repeat 0 0;}

#home span
{display: none;}


#goals
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/goals.gif") no-repeat 0 0;}

  #goals:hover
  {background: url("rollover/goals.gif") no-repeat 0 0;}

#goals span
{display: none;}

#skills
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/skills.gif") no-repeat 0 0;}

  #skills:hover
  {background: url("rollover/skills.gif") no-repeat 0 0;}

#skills span
{display: none;}

#resume
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/resume.gif") no-repeat 0 0;}

  #resume:hover
  {background: url("rollover/resume.gif") no-repeat 0 0;}

#resume span
{display: none;}

#grades
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/gradesa.gif") no-repeat 0 0;}

  #grades:hover
  {background: url("rollover/gradesb.gif") no-repeat 0 0;}

#grades span
{display: none;}



#contact
  {
    display: block;
    width: 150px;
    height: 50px;
    background: url("button/contact.gif") no-repeat 0 0;}

  #contact:hover
  {background: url("rollover/contact.gif") no-repeat 0 0;}

#contact span
{display: none;}