/*
  Created by Aaron Martin 2006-07-14 for new http://www.crustal.ucsb.edu
  2006-07-18 CSS validator compains about colors
  blanchedalmond = #ffebcd
  ivory          = #fffff0
  saddlebrown    = #8b4513
*/
/* CSS comments 
  the border-collapse: collapse;  property is important when trying to get content right up to edge in 
  a table.
*/
/*
body { background-color: #000099; color: #000066; font-family: arial; font-size: 11pt; }
body { background-color: #fffff0; color: #8b4513; font-family: arial; font-size: 11pt; }
body { background-color: #ffebcd; color: #8b4513; font-family: arial; font-size: 11pt; }
body { background-color: #ffebcd; color: #663300; font-family: arial; font-size: 11pt; }
body { background-color: #ffebcd; color: black; font-family: arial; font-size: 11pt; }
*/
body { background-color: #ffebcd; color: #331100; font-family: arial,verdana; font-size: 11pt; margin: 8px; padding: 0px; }
h1 { font-family: arial,verdana; font-size: 18pt; font-weight: bold; margin: 0px; padding: 0px; }
h2 { font-family: arial,verdana; font-size: 16pt; font-weight: bold; margin: 0px; padding: 0px; margin-left: 0.4cm; }
h3 { font-family: arial,verdana; font-size: 14pt; font-weight: bold; margin: 0px; padding: 0px; margin-left: 0.8cm; }
h4 { font-family: arial,verdana; font-size: 12pt; font-weight: bold; margin: 0px; padding: 0px; margin-left: 1.2cm; }
/* the following two settings were critical to keep msie 6 from padding the form and input */
input { margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }

/*
h2 { font-family: arial,verdana; font-size: 16pt; font-weight: bold; margin-left: 0.4cm; padding-left: 0.2cm; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
h3 { font-family: arial,verdana; font-size: 14pt; font-weight: bold; margin-left: 0.8cm; padding-left: 0.2cm; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
*/
p { margin-top: 6px; }
img { border: 0px; margin: 0px; padding: 0px; }
.peoplenav { font-size: 9pt; font-weight: bold; }

/* the background colors foul things up on different backgrounds */
a:link { color: #006633; }
a:active { color: #006633; }
a:hover { color: #634130; }
a:visited { color: #331100; }

/***************  begin the class support entries **************/
.tabletemplate { border-spacing: 0px; border-width: 2px; border-style: solid; border-color: #8b4513; width: 100%; padding: 0px; background-color: #ffffff; margin: 0px; border-collapse: collapse;}
.td-banner { background-color: #8b4513; padding: 0px; margin: 0px; border-style: none; height: 72px; color: black; font-size: 36pt; font-weight: bold;  }
.tr-banner { background-color: #8b4513; padding: 0px; margin: 0px; border-style: none; height: 72px; }
.tr-navbar { color: white; background-color: #8b4513; padding: 0px; margin: 0px; border-style: none; height: 24px; }
#bannertab { border-spacing: 0px; border-width: 2px; border-style: solid; border-color: #8b4513; width: 100%; padding: 0px; background-color: #ffffff; margin: 0px; border-collapse: collapse;}
#bannertabtr { width: 100%; height: 72px; }
.img-banner { height: 72px; border: 0px; margin: 0px; padding: 0px; }

/* half and half table, used to split screen into two */
.hhtab { width: 100%; }
.hhtabtr { vertical-align: top; }
.hhtabtd { padding: 10px; width: 50%; text-align: center; }

/* contentcell is used for the main table cell that the main site content goes into */
#contentcell { background-color: #fffff0; padding: 0.3cm; text-align: justify; font-size: 12pt; }
.content { background-color: #fffff0; padding: 0.1cm; margin: 0.2cm; padding-left: 0.0cm; text-align: justify; font-size: 12pt; }
.content1 { background-color: #fffff0; margin: 0.1cm; padding: 0px; margin-left: 0.4cm; margin-top: 0px; padding-top: 0px; padding-bottom: 0.2cm; text-align: justify; font-size: 12pt; }
.content2 { background-color: #fffff0; margin: 0.2cm; padding: 0px; margin-left: 0.8cm; margin-top: 0px; padding-top: 0px; padding-bottom: 0.2cm; text-align: justify; font-size: 12pt; }
.content3 { background-color: #fffff0; margin-left: 1.2cm; padding-left: 0.2cm; margin-top: 0px; padding-top: 0.0cm; padding-right: 0.3cm; padding-bottom: 0.1cm; text-align: justify; font-size: 12pt; }
.content-sub { margin-left: 0.5cm; background-color: #fffff0; padding: 0.3cm; text-align: justify; font-size: 12pt; }
.coverphoto { width: 200px; border: 0px; }

#phototable { border-style: none;  width: 100%; padding: 0px; background-color: #fffff0; margin: 0px; border-collapse: collapse;}
.phototabletr { width: 100%;  }
.phototabletd {  }
#phototab { }

/* the height of the searchwrap id affects the navbar row height, not sure why */
#searchtab { border-style: none; width: 100px; padding: 0px; background-color: #8b4513; margin: 0px; border-collapse: collapse;}
#searchwrap{ float:right; width: 200px; height: 24px; background-color: #8b4513;  }
#searchbox{ border:3px solid #2A4386; }
#search{ margin:0 0 1px 0; }
#search input{vertical-align:middle;}
#search #q{ height:15px; width:90px; font-size:9px; border:none; margin-right:4px; }

#navh { height:24px; }
.center { text-align: center; }

#address { color: #cccccc; font-size: 8pt; }
#bottombar { color: #cccccc; font-size: 8pt; }
#textnav { font-size: 10pt; color: #444444; font-family: helvetica; text-align: center; }
#bottom-credits { font-size: 8pt; color: #444444; font-family: helvetica; text-align: center; }
#milonic-credits { font-size: 8pt; color: #444444; font-family: helvetica; text-align: right; }
.indent { margin-left: 0.5cm; }
.sitemap { margin-left: 1.0cm; }

.heading { font-family: Helvetica; font-size: 18pt; font-weight: bold; color: black; }