html
{
  font-family: "Roboto", sans-serif;
  width: 1530px;
}

body
{
  margin: 0px;
  padding: 0px;
  background-image: url("http://space.wccnet.edu/~tolson5/web110/layouts/layout4/images/masthead.png");
  background-repeat: repeat-x;
}

ul
{
  padding: 0px;
  margin: 0px;

}

.logo
{
  margin-top: 10px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.master
{
  position: absolute;
  top: 15px;
  left: 150px;
}

.bar
{
  position: absolute;
  top: 19px;
  right: 100px;
}




.button
{
  background-color: #06F;
  color: #fff;
  cursor: help;
  position: absolute;
  left: 1470px;
  top: 15px;
  padding: 5px;
}

.topnav
{
  position: absolute;
  top: 80px;
  left: 145px;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  color: #666;
  display: inline-block;
}



.border
{
  border-right-style: solid;
  border-left-color: #666;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  list-style: none;
  display: inline-block;
}

.bold
{
  font-weight: bold;
  border-right-style: solid;
  border-left-color: #666;
  padding-left: 20px;
  padding-right: 20px;
  list-style: none;
  display: inline-block;
}


.border a:hover 
{
  text-decoration: none;
}

.border a:focus 
{
  text-decoration: none;
}

.border a:link 
{
  color: black;
}

.border a:visited 
{
  color: black;
}

.globalnav
{
  display: block;
  position: absolute;
  left: 10px;
  top: 140px;
  width: 130px;
  display: block;
  color: #333;
}

.button2
{
  width: 100px;
  background-color: #b2cce5;
  padding-left: 10px;
  line-height: 2em;
  display: block;
  margin: 10px;

}

nav div ul li a div
{
  background: url("../layout4/images/unpressed-arrow.png");
  background-repeat: no-repeat;
  color: #fff;
}


.button2 a:hover 
{
  background-color: 
  color: #fff;
  background: url("../layout4/images/pressed-arrow.png") ;
  background-repeat: no-repeat;

  
}

.button2 a:focus 
{
  color: #fff;
  display: block;
  text-decoration: none;
}

.button2 a:link 
{
  color: #fff;
  background-color: #b2cce5;
}

.button2 a:visited 
{
  color: #b2cce5;
  background: url("../layout4/images/pressed-arrow.png");
  background-repeat: no-repeat;
}


main
{
  margin-top: 135px;
  margin-right: 175px;
  margin-left: 155px;
  margin-bottom: 0px;
}

h1
{
  font-size: 24px;
  font-weight: normal;
  color: #000;
  margin: 0px;
}

.content
{
  font-size: 16px;
  display: block;
}

.project
{
  position: absolute;
  right: 5px;
  top: 136px;
  width: 150px;
  margin-left: 0px;
  padding-left: 20px;
  line-height: 1em;
  font-size: 14px;
}

.item
{
  font-size: 14px;
  list-style: square;
  display: list-item;
  line-height: 2em;
}

h2
{
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
}

footer
{
  padding-left: 10px;
  margin-top: 40px;
  border-top-style: solid;
  border-top-color: #69c;
  font-size: 14px;
  
}

.boxsizer
{
  width: 950px;
  margin-left: 50px;

}

.list
{
  display: list-item;
}

.float
{
  float: left;
  margin: 0px;
  padding: 0px;
}