/* main.css - main style sheet for Mahugh.com */
/* Copyright (c) 2005 Doug Mahugh.  ALL RIGHTS RESERVED. */

* {
  margin: 0;
  padding: 0;
  }

a:link {
  color: #690D12;
  }

a:visited {
  color: #690D12;
  }

a.thumb {
  display: block;
  width: 116px;
  height: 116px;
  border: 6px solid #FFFFFF;
  }
a.thumb:hover {
  border: 6px solid #3FA9A5;
  }

a.thumb_small {
  display: block;
  width:  59px;
  height: 59px;
  margin: -4px;
  border: 6px solid #14191D;
  }
a.thumb_small:hover {
  border: 6px solid #690D12;
  }

/* Note that style settings for the body element apply to all contained elements
through CSS inheritance, so some of these settings (such as font details) are
specified here to set standards for the document */
body {
  font-family: Garamond, serif;  /* default font for all elements */
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  }

div.thumbfloat {
  float: left;
  padding: 6px;
  }

div#header-left {
  position: absolute;
  left: 50px;
  top: 0px;
  z-index: 100;
  }

div#header-right {
  position: absolute;
  left: 650px;
  top: 14px;
  z-index: 100;
  width: 240px;
  text-align: right;
  height: 50px;
  vertical-align: middle;
  font-family: Garamond, serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #D0D0D0;
  }

div#maincontent {
  position: absolute;
  left: 250px;
  top: 50px;
  width: 1044px;
  z-index: 100;
  padding-bottom: 1em;
  color: #FFFFFF;
  }

div#maincontent h1 {
  font-size: 1.2em;
  font-family: Garamond, serif;
  margin-bottom: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-top: .2em;
  margin-top: 1.5em;
  background: #3FA9A5;
  background-image: url("../images/gradient.jpg");
  color: #FFFFFF;
  }

div#maincontent h2 {
  font-size: 1.1em;
  font-family: Garamond, serif;
  margin-top: .5em;
  margin-bottom: .2em;
  color: #102080;
  }

div#maincontent hr {
  color: #3FA9A5;
  height: 1px;
  }

div#navbuttons {
  position: absolute;
  left: 20px;
  top: 166px;
  z-index: 300;
  width: 180px;
  }

/* "navigation" contains navigational links to the main sections of this site */

div#navigation {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 100;
  width: 180px;
  background: #690D12;
  color: #FFFFFF;
  }

div#navigation a {
  display: block;
  text-align: left;
  padding: 0px 10px;
  margin: 0 0 1px;
  border-width: 0;
  text-decoration: none;
  color: #D0D0D0;
  background: #14191D;
  }

div#navigation a span {
  display: none;
  }

div#navigation a:hover {
  color: #14191D;
  background: white;
  }

div#navigation a:hover span {
  display: block;
  padding: 5px;
  margin: 10px;
  z-index: 100;
  font-size: .9em;
  color: white;
  background: #14191D;
  text-align: left;
  position: absolute;
  top: 210px;
  left: -5px;
  width: 180px;
  }

div#navigation h1 {
  font-size: 1.2em;
  font-family: Garamond, serif;
  margin-bottom: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-top: .2em;
  margin-top: .5em;
  background: #3FA9A5;
  background-image: url("../images/gradient.jpg");
  color: #FFFFFF;
  }

div.rightfloat {
  float: right;
  color: #000000;
  width: 220px;
  text-align: center;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.rightfloat div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.rightfloat p {
  color: #002020;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 1em;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

/* "sidebar" contains quotes and other decorative text that appears beside the main content */

div#sidebar {
  position: absolute;
  left: 50px;
  top: 340px;
  z-index: 100;
  width: 200px;
  padding-right: 20px;
  font-family: Garamond, serif;
  font-size: .9em;
  color: #D0D0D0;
  }

div#sidebar2 {
  position: absolute;
  left: 20px;
  top: 250px;
  z-index: 100;
  width: 180px;
  padding-right: 20px;
  }

img#logo {
  vertical-align: text-top;
  align: left;
  }

img#sectionlogo {
  position: absolute;
  top: 37px;
  left: 50px;
  border: 0px;
  z-index: 200;
  }

p {
  margin-top: .2em;
  text-indent: 2em;
  }

p.lead {
  text-indent: 0;
  margin-top: 1em;
  }

p.lead:first-letter {
  font-size: 200%; float: left;
  }

span.linklabel {
  width: 110px;
  color: #000000;
  }