html, body, div, span,   
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
    a, abbr, acronym, address, big, cite, code,  
    img, ins, kbd, q, s, samp,  
    small, strike, strong,   
    dl, dt, dd, ol, ul, li,  
    fieldset, form, label, legend,  
    table, caption, tbody, tfoot, thead, tr, th, td {  
        margin: 0;  
        padding: 0;  
        border: 0;  
        outline: 0;  
        font-size: 100%;
        font: inherit;		
        vertical-align: baseline;  
        background: transparent;  
    }

body {
  background-color: #330099;
  font-family: Garamond, Times, serif;
  color: white;
}

h3 {
  font-size: 130%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: black;
}

h4 {
  font-size: 130%;
}

p {
  margin: 12px 6px 6px 6px;
}

#banner  {
  width: 100%; 
  position: relative;
  height: 202px;
  background-image: url('imgs/bccc_banner.jpg');
}

#infoBox {
  float: left;
  width: 50%;
  margin-right: 20px;
  padding: 20px;
  background-color: #BEBDB6;
  color: #003300;

}

#infoPanel {
  padding: 20px;
  font-size: 110%;
  color: #003300;
}

#nav1  {
  background-color: #330099;
  padding: 2px;
  position: relative;
}

#nav1 ul {
  width: 100%;
  margin: 0 auto;
}

#nav1 ul li  {

  width: 11%;
  display: inline;
  list-style-type: none;

}

#nav1 ul li a {
  margin-right: 6px;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#nav1 ul li a:hover {
  background-color: white;
  color: #330099;  
}
#workSpace {
  background-color: white;
  max-width: 780px;
  margin: auto;
}

#workSpace a {
  color: #FFFFCC;
}

.offset  {
  margin-left: 20px;
}