body {
  background:#f7f7f7 url('images/costahead.jpg') no-repeat top left;
  color: white;
  font-family:  Optima, sans-serif;
  text-align: left;
  margin: 0 0;
	padding: 0px;
}

#main {
  display: block;
  position:relative;
  width: 1024px;
  text-align: left;
  margin: 0 auto;
	padding: 0px;
}

#logo{
  display: block;
  position: relative;
  width: 530px;
  margin: 0 0;
	padding: 0px;
  left:  465px;
  top:  30px;
}

#navbar{
  display: block;
  position: relative;
  width: 250px;
  margin: 0 0;
	padding: 0px;
  left:  25px;
  top:  5px;
}
#content{
  position: relative;
  top: 60px;
  width: 1024px;
  color: black;
  text-align: left;
}

h2{
  color: #6E8DAA;
  letter-spacing: .2em;
  font-family:  Trajan Pro, Optima, sans-serif;
  text-align: left;
}

h3{
  letter-spacing: .2em;
  font-weight: bold;
}

.cliphead {
  color: #6E8DAA;
  font-style: italic;
  font-weight:bold;
  font-size: 110%;
}

.clipstatic{
  color: black;
  font-weight: bold; 
  font-size: 90%;
}

table.clips {
  table-layout:fixed; 
  border: none;
  border-collapse:collapse; 
  width: 100%;
}
table.clips td {
  border-spacing:0px;
  width: 50%;
  vertical-align: text-top;
  /*border-bottom: 1px dashed #33ccff; padding: 2px 5px;
t ext-overflow:ellipsis; overflow:hidden; white-space:nowrap; */
} 

#footer{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 90%;
}

#footer a:link{color: black;font-family:  Optima, sans-serif; text-decoration: none; }
#footer a:visited {color: black;font-family:  Optima, sans-serif; text-decoration: none; }
#footer a:hover {color: black;font-family:  Optima, sans-serif; text-decoration: underline; }
#footer a:active {color: black;font-family:  Optima, sans-serif; text-decoration: none; }

a.cliplink:link {color: black;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}
a.cliplink:visited {color: black;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}
a.cliplink:hover {color: black;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: underline; font-size: 90%;}
a.cliplink:active {color: black;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}

a.pdflink:link {color: #6E8DAA;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}
a.pdflink:visited {color: #6E8DAA;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}
a.pdflink:hover {color: #6E8DAA;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: underline; font-size: 90%;}
a.pdflink:active {color: #6E8DAA;font-family:  Optima, sans-serif; font-weight: bold; text-decoration: none; font-size: 90%;}

a.nav:link {color: white;font-family:  Optima, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 90%;}
a.nav:visited {color: white;font-family:  Optima, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 90%;}
a.nav:hover {color: white;font-family:  Optima, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: underline; font-size: 90%;}
a.nav:active {color: white;font-family:  Optima, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 90%;}

a.contentlink:link {color: black;  text-decoration: underline;}
a.contentlink:visited {color: black;  text-decoration: underline;}
a.contentlink:hover {color: black;  text-decoration: underline; color:#6E8DAA;}
a.contentlink:active {color: black;  text-decoration: underline;}