@charset "UTF-8";

/*

  This is the main style sheet for the BIFF site.
  
  Individual HTML pages can override the settings here using a style tag
  in the head section of the page.
  
  Individual HTML elements can further override the settings here and in a
  style tag in the head section, using a style attribute in the HTML tag.
  
 */

body {
  margin: 0; border: 0; padding: 0;
  /* NOTE - background-image url is adjusted to get the current background */
  background-image: url(images/mainBackground.jpg); 
  background-repeat: no-repeat;
  background-color: #312B22;
  color: #81764D;
  font-family: "Lucida Grande", Verdanna, Arial, Helvetica, sans-serif;
}

h1 {
  margin: 0.15em 0 0.6em 0;
  font-weight: bold;
  font-size: 13pt;
  letter-spacing: -0.05em;
  color: #AA001D;
}

h2 {
  margin: 0.15em 0 0 0;
  font-size: 1.0em;
  font-weight: bold;
  color: #333333;
}

img {
  margin:0; border: 0; padding: 0;
}

/*
  a tags or links: By design links are not underlined, except when the pointer 
  hovers over them. Links in menus and other special elements may be further 
  styled in class or element specific settings below.
 */
 
a { text-decoration: none }
a:hover { text-decoration: underline }
a:link { color: #861A37 }
a:visited { color: #861A37 }

/*
  contentBox: the primary content area and the container for the
  menubar, mainContent, sponsors, and footer.
 */

#contentBox {
  position: absolute;
  margin: 0; border: 0; padding: 0;
  width: 790px;
  min-height: 400px;
  left: 113px;
  top: 348px;
  background: white;
}

#mainContent {
  margin: 12px 0 0 0; 
  border: 0; padding: 0;
  font-size: 8.75pt;
  line-height: 1.6em;
  background-color: white;
}

#mainContent b      { color: #775D43 }
#mainContent strong { color: #775D43 }

/* column styles (for use in mainContent) */

.col {
  float: left;
  margin: 0 0 0 12px;
  border: 0;
  padding: 0;
  width: 242px;
}

.colTan {
  float: left;
  margin: 0 0 0 12px;
  border: 0;
  padding: 0 8px 0 8px;
  width: 242px;
  background-color: #E0D9C7;
  color: #775D43;
}

/* sponsors styles */

#sponsors {
  margin: 0; border: 0; 
  padding: 12px;
  clear: both;
  color: #555555;
  font-size: 6.5pt;
}

#sponsorsCaption {
  margin: 0; border: 0; 
  padding: 2px 0 0 0;
  font-size: 8.0pt;
  font-style: italic;
  line-height: 0em;
  text-align: center;
  color: #333333;
  visibility: hidden; 
}

/* footer styles */

#footer {
  margin: 0; border: 0; padding: 16px;
  clear: both;
  background: #312B22;
  color: #777777;
  font-size: xx-small;
}

#footer a {
  margin-right: 12px;
  color: #777777;
}

/* menubar styles */

#menubar {
  margin: 0; border: 0; padding: 0;
  height: 38px;
}

#mainmenu {
  margin: 0; border: 0; padding: 0;
  background-color: black;
  /* NOTE - background-image url is adjusted to get the current background */
  background-image: url(images/menubar/fill.gif);
  background-repeat: repeat-x;
  font-size: 0;  line-height: 0;
}

#mainmenu a {
  margin: 0; border: 0; padding: 0;
  text-decoration: none;
}

#mainmenu a:active {
  outline: none;
}

#mainmenu img {
  margin: 0; border: 0; padding: 0;
}

#submenuBox {
  position: relative;
  margin: 0; border: 0; padding: 0;
  width: 100%; height: 0;
  background-color: #403736;
  z-index: 100;
}

#subAbout {
  text-align: right;
}

.submenu {
  position: absolute;
  margin: 0; border: 0; padding: 8px 0 8px 0;
  left: 0; top: 0;
  width: 100%;
  background: #403736;
  font-family: Verdanna, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  visibility: hidden;
}

.submenu a {
  margin: 0 9px 0 9px; border: 0; padding: 0;
  height: 1.2em;
  margin: 8px;
  color: white;
  text-decoration: none;
}
.submenu a:link { color: white }
.submenu a:visited { color: white }
.submenu a:hover { color: #FFCC33; text-decoration: none; }

/* 
  floatBreak: causes a "line break" for floats; 
  behaves like a zero pixel height horizontal rule.
 */
 
.floatBreak {
  clear: both;
  line-height: 0;
  font-size: 0;
}

/* miscellaneous styles */

.darkRed {
  color: #AA001D;
}

#imgStripContainer {
  margin: 0; padding: 0; border: 0;
  height: 220px;
  background-color: black;
  overflow: hidden;
}