/**
  * SITE STYLES
  *
  */

body { background-color:#D1CBA7; margin:0px; padding:0px }
.subheading { color:#37361A; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 11px; line-height:18px; }
.bodycopy { color:#37361A; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; }
.footercopy { color:#37361A; font-family: georgia, times, serif; text-transform:uppercase; letter-spacing:3px; font-weight: normal; font-size:10px; line-height:24px; }
.slash { color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; }
.flickrcontainer { margin-left: -8px }
.flickrimg { margin: 8px; border:0px  }
.timelinehd { color:#666633; font-family: georgia, times, serif; font-weight: normal; font-size: 16px; line-height:18px; margin:5px }
.timelinecopy { color:#996633; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; margin:5px }
.footercopy a { color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:10px; line-height:24px; text-decoration:none; text-transform:uppercase; letter-spacing:3px; }
.footercopy a:hover { color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:10px; line-height:24px; text-decoration:underline; text-transform:uppercase; letter-spacing:3px; }
a { color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; text-decoration:none; }
a:hover { color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; text-decoration:underline; }
.pagetitle, .pagetitle a {color:#974A04; font-family: georgia, times, serif; font-weight: normal; font-size:28px; line-height:56px }
.breadcrumbs { margin-top:12px; color:#666633; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; }
.breadcrumbs a { color:#666633; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; }
.breadnavigate { color:#927247; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 11px; line-height:18px; }
.breadslash { color:#996633; font-family: georgia, times, serif; font-weight: normal; font-size:11px; line-height:18px; }

/**
  * HOVER MENUS
  *
  */

/**
 * Sets style attributes for popup menus. 
 * Note the 'width' property, which is required for Opera
 * compatibility. This value must jive with the menuItemWidth
 * JavaScript value above. The menu width should be two
 * pixels larger than the menu item width to allow for the
 * 1-pixel border on either side.
 */
.menu {
  position: absolute;
  top: 100px;
  width: 200px;
  visibility: hidden;
  background-color: #944F0A;
}

/**
 * Sets style attributes for popup menu items. 
 * Note the 'width' and 'height' properties, which are
 * required for Opera compatibility. These values must
 * match the menuItemWidth and menuItemHeight JavaScript
 * values above.
 */
.menuitem {
  position: absolute;
  left: 10px; width: 190px; height: 20px;
  background-color: 944F0A;
  color: #cccccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:18px;
  cursor: pointer;
}

/**
 * Sets style attributes for highlighted popup menu items. 
 * Note the 'width' and 'height' properties, which are
 * required for Opera compatibility. These values must
 * match the menuItemWidth and menuItemHeight JavaScript
 * values above.
 */
.menuitemon {
  position: absolute;
  left: 10px; width: 190px; height: 20px;
  visibility: hidden;
  background-color: 944F0A;/*#0099FF;*/
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:18px;
  cursor: pointer;
}

/**
 * Hides the links that are used in hilighted menu
 * items to make the menu item text clickable in NSN4
 */
.menuitemon a {   font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:18px;
	text-decoration: none; color: #FFFFFF; }

/**
 * Sets the horizontal position and height of each menu. 
 * The height values are calculated and set automatically
 * for NSN4 by the JavaScript code above, which does not
 * support this, but all other browsers rely on these
 * values. Make sure they jive with the JavaScript
 * menuItemHeight variable according to the following
 * relationship:
 *   Menu Height = (menuItemHeight+1)*numMenuItems)+1
 */
#menu1 { left:10px; height: 140px; }
#menu2 { left:98px; height: 80px; }
#menu3 { left:185px; height: 100px; }
#menu4 { left:290px; height: 60px; }
#menu5 { left:340px; height: 80px; }