/* Foundational Styles for a Ribbon-Based Layout
 * 
 * This stylesheet MUST be combined with the Blueprint CSS Framework.
 * Blueprint handles baseline resets, typography, fundamental form styling, etc.
 * NOTE: There ARE overrides to Blueprint provided in this file, so it should be included AFTER blueprint's stylesheet in page headers.
 * 
 * Copyright 2009, Bryan D K Jones
*/
/* Structural Foundation
--------------------------------------------------------------------------------------------------------------- */
html, body {
  height: 100%;
}
/* Used to manipulate footer position. Do not remove. */
body {
  color: #525252;
  background-attachment: fixed;
  /* hack for Firefox to use background positioning */

  background-color: #f9f9f9;
}
.centerColumnWithRibbons #full-page-wrapper {
  min-height: 100%;
  /* This wrapper is used to force footer to bottom of page */

  position: relative;
}
.centerColumnWithRibbons #main-content-wrapper {
  width: 100%;
  padding-bottom: 51px;
  /* Used to position footer. Must be set to height of footer + footer top-border + padding */

}
.outer-ribbon {
  width: 100%;
  min-width: 1000px;
}
.inner-ribbon {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}
/* Typography Overrides
--------------------------------------------------------------------------------------------------------- */
/*			body { line-height: 1.85em; }		/* This busts the grid, but it looks better. */
body {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Georgia, "Times New Roman", serif;
}
h1 {
  color: #770094;
}
h2 {
  color: #313131;
}
h3 {
  color: #940000;
}
h4 {
  color: #940000;
}
h5 {
  color: #940000;
}
h6 {
  color: #000000;
  font-weight: bolder;
}
p {
  margin-bottom: 3em;
}
.crimson {
  color: #940000;
}
.orange {
  color: #ce5d16;
}
.dark-grey {
  color: #3e3e3e;
}
.gold {
  color: #efb03f;
}
.brown {
  color: #2b1903;
}
.off-white {
  color: #dedfe1;
}
.tan {
  color: #d6c085;
}
.copyrightText {
  color: #000;
  font-size: 8px;
  line-height: 24px;
}
.align-right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.bold {
  font-style: bold;
}
/* Links 
--------------------------------------------------------------------------------------------------- */
a, a:visited {
  color: #940000;
  text-decoration: none;
}
a:hover {
  color: #940000;
  text-decoration: underline;
}
a.vdk-button {
  padding: 8px 20px 8px 20px;
  margin: 0;
  color: #ffffff;
  border: 1px outset #333;
  background-color: #770094;
  /*background: url(../images/ui_elements/button_bg.png) top left repeat-x;*/

  text-decoration: none !important;
  cursor: pointer;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
a.vdk-button:hover {
  background-color: #8e00b0;
}
a.vdk-button:active {
  border-style: inset;
  background-color: #490172;
}
/*Firefox is too stupid to understand the shorthand notation, so use the full one*/
a.vdk-button-icon-left-gears {
  padding-left: 45px;
  background-image: url(../images/ui_elements/button_icon_gears.png);
  background-position: -1px left;
  background-repeat: no-repeat;
}
/* lists 
-------------------------------------------------------------------------------------------------------- */
li {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* Header
--------------------------------------------------------------------------------------------------- */
#header {
  height: 0px;
  overflow: hidden;
}
/* Nav
--------------------------------------------------------------------------------------------------- */
/* Footer
---------------------------------------------------------------------------------------------------- */
#footer-ribbon {
  position: absolute;
  bottom: 0;
  height: 50px;
  /* If changed, update 'padding-bottom' on #main-content-wrapper. Allow for border! */

  background-color: #191919;
  border-top: 1px solid #fff;
}
#footer {
  padding: 0px 0px 0px 0px;
  /* Careful, you must include top/bottom padding in 'padding-bottom' on #main-content-wrapper */

  color: #666666;
  font-size: .5em;
}
#footer p {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/* Special Classes
--------------------------------------------------------------------------------------------------- */
.hide {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fullClear {
  clear: both;
  height: 0px;
  width: 100%;
}
/* Hacks & Fixes
---------------------------------------------------------------------------------------------------- */
a:focus, a:hover, a:active {
  outline: none !important;
}
/* FF: Stops outlining of links on click */*:focus {
  outline: none !important;
}
/* FF: Stops outlining of other elements on click (inputs, etc) */
a, a:visited, a:active {
  cursor: pointer;
}
/* IE7: display link cursor when HREF wraps around entire DIV */
a img {
  border: none;
}
/* IE7: Stop ugly blue border around linked images*/
.ie6FloatFix {
  display: inline;
}
/* IE6: Fixes double-margins-on-floated-elements bug. Apply to floated elements ONLY! */