/* 
 * Basic Template 
 * ------------------
 * |       Top        |
 * ------------------
 * |     Header      |
 * |                     |
 * ------------------
 * | Content | Bar  |
 * |            |        |
 * |            |        |
 * |            |        |
 * |            |        |
 * |            |        |
 * ------------------
 * |      Footer      |
 * ------------------
 */

#top{
  text-transform: uppercase;
  text-align: right;
  font-size: 10px;
  color: #666666;
  margin: 5px;
}

#header {
  border-top: solid #c5c5c5 1px;
  border-bottom: solid #c5c5c5 1px;
  font-size: 11px; 
  padding: 5px;
  margin: 5px;
  color: #666666;
  height: 110px;
}
#quote { margin-top: 30px; float: right; width: 395px; font: 10px sans; letter-spacing: 2px; }

#content { 
  width: 500px; 
}

#bar { 
  float: right; 
  width: 250px; 
}

#footer {
  text-align: right;
  border-top: solid #c5c5c5 1px;
  border-bottom: solid #c5c5c5 1px;
  font-size: 10px; 
  padding: 5px;
  margin: 5px;
  color: #656565;
}

.headerinset {
  float: right;
  width: 320px;
}

body {
    margin: 0px;
    padding: 0px;
	background: #ffffff;
	color: #656565;
	font: 12px serif;
}


h1 {  font-size: 24px; font-weight: normal; color: #660099; margin: 2px; padding: 0px; }
h2 {  font-size: 20px; font-weight: normal; color: #660099; margin: 0px; padding: 0px; }
h3 {  text-transform: uppercase; font-size: 12px; color: #656565; letter-spacing: 1px; margin: 0px}
h4 {  text-transform: uppercase; font-weight: bold; font-size: 10px; color: #656565; letter-spacing: 1px; margin: 0px; padding: 0px; }
h5 {  text-transform: uppercase; font-weight: normal; font-size: 9px; color: #656565; letter-spacing: 1px; margin: 0px; padding: 0px; }

a:link { color:#660099; font-weight: bold; text-decoration:none; }
a:visited { color:#660099; text-decoration:none; }
a:hover { color:#58a; text-decoration:underline; }

.contentitem {
   border-bottom: dashed #c5c5c5 1px;
   margin: 5px;
   padding: 5px;
}

.baritem { 
	border: solid #c5c5c5 1px; 
	padding: 5px; 
	margin: 5px; 
	width: 230px;
}

img { border: none; padding: 0px; margin: 0px; }
img.icon { float: left; border: none; padding: 0px; margin: 0px; }
img.photobar { border: 0px; padding: 2px; margin: 2px; }
img.border { float: left; border: solid #c5c5c5 1px; padding: 4px; margin: 4px; }

 ul {
  list-style: none;
  margin: 2px;
  padding: 2px;
  }

 li {
  font: 11px Arial,sans;
  margin: 0px;
  padding: 3px;
 }
  
table.crest { margin: 0px; padding: 0px; }
table { margin: 5px; padding: 5px; }
tr, td { text-align: left; vertical-align: top;}

.main {
  padding: 10px;
}

#highlight {
  border: solid #959595 1px;
  background: #cccccc;
  padding: 5px;
  margin: 2px;
  color: #656565; 
  height: 200px;
}

#noaacrest {
  margin: 5px;
  padding: 0px;
  border: solid #0996D4 1px;
  height: 150px;
  background: url('Science/graphics/crest.jpg');
}

p { padding: 4px; margin: 4px; }