/* ======================================================================== */
/* Grid nesting

   g_wrapper
     g_toolbar
     g_content
       g_leftcol
       g_maincol
       g_rightcol
*/

/* ======================================================================== */
/* Parameters */

/* ======================================================================== */
/* Grid */

.g_wrapper_o,
.g_toolbar_o,
.g_content_o,
.g_leftcol_o,
.g_maincol_o,
.g_rightcol_o {
    overflow: hidden;
}

.g_wrapper_o {
    margin: 0 auto;
    width: 760px;
}

.g_toolbar_o {
    height: 240px;
}

.g_content_i {
    padding: 0 0px;
    min-height: 500px;
}

.g_content_o {
    margin-bottom: 20px;
}

.g_leftcol_o {
    visibility: hidden;
}

.g_maincol_o {
    width: 430px;
    padding: 0 20px;
    float: left;
}

.g_rightcol_o {
    width: 250px;
    padding: 0 20px;
    float: right;
}

.g_rightcol_i,
.g_maincol_i {
    padding-top: 10px;
}

/* ======================================================================== */
/* Accessibility */

/* Hidden elements: this is specifically designed to still be found by
   screen readers */

.f_hidden {
    position: absolute;
    left: 0;
    top: -1000;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ======================================================================== */
/* Colors & visual theming */

body {
    color: #333;
}

.g_content_o {
    border-bottom: 1px double #333;
}

.g_content_o a:link,
.g_content_o a:visited,
.g_content_o a:link:hover {
    border-bottom: 1px dashed #999;
    color: #333;
}

/* ======================================================================== */
/* Toolbar */

.g_toolbar_o {
    background: url(/statics/img/mcfalls.jpg) no-repeat;
    position: relative;
}

.f_header {
    width: 760px;
    height: 50px;
    overflow: auto;
    position: absolute;
    bottom: 20px;
    overflow: hidden;
    background: url(/statics/img/bg-ffffff-0.8.png);
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}

/* ------------------------------------------------------------------------ */
/* Site logo */

.f_sitelogo {
    width: 430px;
    height: 40px;
    float: left;
    padding: 5px 20px;
}

.f_sitelogo h1 {
    padding: 0;
    margin: 0;
    line-height: 1em;
}

.f_sitelogo,
.f_sitelogo a,
.f_sitelogo a:visited,
.f_sitelogo a:active {
    color: #333;
}

/* ------------------------------------------------------------------------ */
/* Search box */

.f_globalSearch {
    width: 290px;
    float: right;
}

.f_globalSearch_i {
    padding: 16px 20px;
}

.f_globalSearchInput,
.f_globalSearchSubmit {
    vertical-align: top;
    border-width: 1px;
    border: solid #ccc 1px;
    font-family: inherit;
    font-size: inherit;
    display: inline;
}

.f_globalSearchInput {
    width: 182px;
    height: 17px;
}

.f_globalSearchInput:hover,
.f_globalSearchInput:focus,
.f_globalSearchSubmit:hover,
.f_globalSearchSubmit:focus {
    border-color: #000;
}

.f_globalSearchSubmit {
    background-color: #aaa;
    width: 60px;
    height: 19px;
}


/* ------------------------------------------------------------------------ */
/* Navigation */

.f_subnav a:visited,
.f_subnav a:link {
    color: #333;
    border-bottom: 1px solid #fff;
}

.f_subnav a:link:hover,
.f_subnav a:visited:hover,
.f_subnav a.current {
    color: #000;
    border-bottom: 1px solid #333;
}

/* Override basic m_menu styling */
.m_menu strong {
    font-weight: normal;
}

.m_menu em {
    font-style: normal;
}

.m_menu li {
    list-style: none;
}

.m_menu ul.ul0 {
    padding: 0;
}

.m_menu ul {
    padding: 0 0 0 1em;
    margin: 0.5em 0;
}

.m_menu {
    margin-bottom: 2em;
}

/* ======================================================================== */
/* GNTML */

.gntml_image {
  padding: 1ex 0;
}

.g_content_o .gntml_image a:link,
.g_content_o .gntml_image a:visited,
.g_content_o .gntml_image a:link:hover {
    border-bottom: none;
    color: inherit;
}

.gntml_gallery {
    overflow: hidden;
    float: left;
    text-align: center;
    width: 130px;
    height: 130px;
    padding: 1ex 13px 1ex 0;
}

.gntml_right {
  overflow: hidden;
  float: right;
  clear: right;
  width: 165px;
  padding: 1ex 0px 20px 20px;
}

.gntml_right img {
  float: right;
}

.gntml_left {
  overflow: hidden;
  float: left;
  clear: left;
  width: 165px;
  padding: 1ex 20px 20px 0px;
}

.gntml_left img {
  float: left;
}

/* Image titles and captions */
.gntml_image h4,
.g_maincol_i .gntml_image_caption p,
.gntml_gallery .gntml_image_caption p,
.gntml_left .gntml_image_caption p,
.gntml_right .gntml_image_caption p {
    padding-bottom: 0;
    font-size: 90%;
    text-align: center;
}

/* This comment style is useful when writing example markup */
.gntml_comment_i {
  margin: 0.5em 0.5ex;
  padding: 0.5em 0.5ex;
  border: 1px solid black;
  background: yellow;
  overflow: hidden;
}

.gntml_clear {
    clear: both;
}

.gntml_wideright {
    width: 245px;
    float: right;
    clear: right;
    overflow: hidden;
}

.gntml_wideleft {
    width: 245px;
    float: left;
    clear: left;
    overflow: hidden;
}


/* ======================================================================== */
/* Fonts */

/* This scale uses a base of 12pt, to keep p at 1em (and therefore prevent
   problems with the cascade repeatedly applying the base font size scale to
   itself on nesting divs: consider:
   
   .myclass { font-size: 0.75em }
   
   <div class="myclass">
     <div class="myclass">
        <p>This text will have a size of 0.75 x 0.75 x enclosing-font-size</p>
     </div>
   </div>
*/
body { font-size: 75%; /* 16x75%=12 */ }
h1 { font-size: 2.5em; /* 12x2.5=30 */ }
h2 { font-size: 2em;   /* 12x2=24 */ }
h3 { font-size: 1.5em; /* 12x1.5=18 */ }
h4 { font-size: 1.25em; /* 12x1.25=15 */ }
p  { font-size: 1em;  /* 12x1=12 */ }

body, h1, h2, h3, h4, p { line-height: 1.5em; }

body {
    font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif
}

h1, h2, h3, h4 {
    font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
}

.f_sitelogo h1 {
    font-size: 3em;
    color: #fff;
}

.g_maincol_i p {
    text-align: justify;
}

/* ======================================================================== */
/* Text layout */

h1, h2, h3, h4, p, dl, ul, ol, blockquote { 
    margin: 0;
    padding: 0;
    margin-top: 0;
    padding-bottom: 12px;
}

li, dd, dt {
    margin: 0;
    padding: 0;
}

blockquote {
    margin-left: 2em;
}

ul {
    list-style-position: inside;
    padding-left: 1em;
}

ol {
    list-style-position: inside;
    padding-left: 1em;
}

/* ======================================================================== */
/* Editing widgets */

.widgetGrouping,
.widgetGrouping select,
.widgetGrouping input,
.widgetGrouping textarea {
  font: 8pt sans-serif;
}

.widgetGrouping a:link,
.widgetGrouping a:visited,
.widgetGrouping a:link:hover {
    border-bottom: none;
}