/* New design following guidelines at:
    * http://matthewjamestaylor.com/blog/perfect-full-page.htm
    * http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm
 */

html, body
{
  font-family: "Trebuchet MS", sans-serif;
  font-size: 11pt;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

a
{
  color: #0E;
  text-decoration:  none;
}

a:visited,
a:active
{
  color: purple;
}

a:hover
{
  color: white;
  background: #6699FF;
}

a img
{
  border: none;
}


/* ------------------------------------------------------------------------
   * Site logo
 */
#header
{
  width: 100%;
  float: left;
}

div#title
{
  background-color: #86c3ff;
  background-image: url(../Images/Design/Background.png);
  background-repeat: repeat-y;
  height: 95px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 11pt;
}

a#head_graphic
{
  position: absolute;
  left: 15px;
  top: 8px;
  width: 211px;
  height: 90px;
  border: 0px;
  background-image: url(../Images/Design/HeaderLogo.png);
  background-repeat: no-repeat;
}

a#head_graphic, a#head_graphic:hover
{
  background-color: transparent;
}

a#head_text, a#head_text:hover
{
  position: absolute;
  left: 110px;
  top: 20px;
  margin: 0px;
  line-height: 12px;
  background-color: transparent;
  color: black;

}

/* ------------------------------------------------------------------------
   * Top page menu
 */
#header ul
{
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #FFDF61;
}

#header ul li
{
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#header ul li a
{
  display: block;
  float: left;
  margin: 0 0 0 1px;
  padding: 7px 10px;
  color: black;
  text-decoration: none;
  position: relative;
  left: 15px;
  line-height: 1.3em;
}

#header ul li a:hover
{
  background-color: #FFD21F;
}

#header ul li.active a,
#header ul li.active a:hover
{
  background-color: #FFD21F;
  color:black;
  font-weight:bold;
  cursor: default;
}

/* ------------------------------------------------------------------------
   * Page Extension. Forces footer to the bottom of the window even if the
   * content is shorter than the full window.
 */

div#wrapper /* Wraps entire page to force footer at bottom. */
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -20px 0; /* the bottom margin is the negative value of the footer's height */
  z-index: 0;
}

/* Footer related classes
   .push is a div within the wrapper div that positions the footer.
   .footer is a separate div underneath the wrapper that contains
   the page footer. */
.footer, div#push
{
  height: 20px; /* Subtracted 1 from footer height relative to wrapper margin to allow for top border */

}

/* ------------------------------------------------------------------------
   * Footer styles
 */

.footer, footer a, footer a:visited, footer a:active
{
  width: 100%;
  height: 20px;
  font-size: 8pt;
  color: #a0a0a0;
  text-align: center;
  text-decoration: none;
  margin-top: 30px;
}

.with_right_menu
{
  text-align: left;
}

.footer p
{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  margin: 0;
}

/* ------------------------------------------------------------------------
   * Column layout.
 */

/* Page wrapper. Forces footer to bottom of page. */
body.with_right_menu
{
  background-image: url(../Images/Design/PanelBackground.png);
  background-repeat: repeat-y;
  background-position: right;
  background-attachment:  fixed;
}

 /* column container */
.colmask
{
  clear: both;
  float: left;
  position:relative; /* Fixes the IE7 overflow hidden bug. Stops stops layout jumping out of place */
  width:100%;      /* width of whole page */
  overflow:hidden;  /* This chops off any overhanging divs */
  margin: 30px 0 0 0;
}

/* 1 column full page settings */
.fullpage
{
  background:#fff;
}

.fullpage .col1
{
  margin: 0 15px;

}

/* 2 column right menu settings */
.rightmenu
{

}

.rightmenu .colleft
{
    float:left;
    width:200%;
    margin-left:-250px;
    position:relative;
    right:100%;
    background:#fff;
}

.rightmenu .col1wrap
{
  float:left;
  width:50%;
  position:relative;
  left:50%;
  padding-bottom:1em;
}

.rightmenu .col1
{
    margin:0 15px 0 265px;
    overflow:hidden;
}

.rightmenu .col2
{
    float:right;
    width:220px;
    position:relative;
    left:235px;
}

/* ------------------------------------------------------------------------
   * Body content
 */

.Content
{
  margin-left: 15px;
  margin-top: 25px;
  margin-right: 15px;
  padding-top: 0px;
  border: 0px solid #808080;
}

.Content p
{
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 16px;
  line-height: 16 pt;
}

h1, h2, h3
{
  padding: 0pt;
  font-weight: bold;
}

h1
{
  font-size: 25px;
  color: navy;
  margin-top: 0pt;
  margin-bottom: 5px;
}

h2
{
  font-size: 18px;
  color: #6699FF;
  margin-top: 20pt;
  margin-bottom: 0px;
}

h3
{
  font-size: 16px;
  color: #11;
  margin-top: 10pt;
  margin-bottom: 0px;
}

h3 + p /* p following h3 */
{
  margin-top: 0;
}

p + ul
{
  margin-top: -8pt;
}