@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;
  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;
}
.photoCredit {
font-size:10px;
font-style:italic;
font-weight:200;
margin-top:2px;

}

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 }

/* Head link characteristics */
.headerlink a { text-decoration: none }
.headerlink a:hover { text-decoration: underline }
.headerlink a:link { color: #AA001D }
.headerlink a:visited { color: #AA001D }

#dime-button {  
  position: absolute;
  margin: 0; border: 0; padding: 0;
  left: 822px;
  top: 258px;
}
#gallery {
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

/*
  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;
  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 0 12px 0 ; padding: 0; border: 0;
  height: 220px;
  background-color: black;
  overflow: hidden;
}
	.CallToActionText {
	font:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color:#000033;
	}
	
[if IE]>
#mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]