@charset "UTF-8";

body, html {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;

}
body {
	background-color: #330033;
	background-image:url(img/bgtile.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#contentwrapper {
background-image:url(img/hopsheader.jpg);
background-repeat:no-repeat;
background-position:top center;
min-height:300px;

}
#content {
  margin: 0 auto;
  padding-top:80px;
  width: 680px;
  text-align: left;
font-size:80%; 
  } 
  
  #header {
  padding-bottom:0;
  margin-bottom:0;
  }
  
  #content h1 {
  font-size:220%;
  line-height:110%;
  font-weight:normal;
  margin-left:170px;
  color:#330033;
  margin-bottom:0;
  padding-bottom:1px;
  }
  
  #content h2 {
  font-weight:normal;
  color:#606;
  padding:0;
  margin:0;
    margin-left:170px;
	line-height:110%;

  }
  
    #content p, #content ul, #content ol {
  font-weight:normal;
  color:#333;
	padding-bottom:5px;

  }
  
  .welcome {
  font-size:60%;
  line-height:90%;
  margin-bottom:0;
  }
  
div.cols {
 width:260px;
 margin:0;
 padding:40px;
 padding-top:1px;
 float:left;
 position:relative

  }
  
  .footer {
   margin:0;
 padding:20px;
 border-top:1px solid #303;
 
 }
 
 a {
 color:#606;
 text-decoration:none;
 
 }
 a:hover {
 text-decoration:underline;
 color:#303;
 }
 
  #content h3 {
  border-top:1px solid #663;
  padding-top:3px;
  color:#330;
  }
  td {
  font-size:70%;
  }
  table {
  padding-top:1px;
  margin-top:1px;
  padding-bottom:1px;
  margin-bottom:1px;
  }