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

   g_wrapper
     g_header
     g_content
       g_leftcol
       g_maincol
*/

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



body {
  background: url(/statics/img/widecol-col-bg.png) repeat-y;
}

.g_wrapper_o {
  background: url(/statics/img/widecol-body-bg.png) no-repeat;
  min-height: 628px;
  min-width: 960px;
}

.g_header_o {
  height: 180px;
}

.g_leftcol_o {
  float: left;
  width: 160px;
  margin: 10px 160px 0 20px;
}

.g_maincol_o {
  margin: 0 20px 0 20px;
  float: left;
  overflow: hidden;
  width: 580px;
}

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

.f_globalSearch {
    width: 160px;
}

.f_globalSearch_i {
    padding: 0px;
    background: transparent;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #ddd;
}

.f_globalSearchInput,
.f_globalSearchSubmit {
    vertical-align: top;
    border: none;
    font-family: inherit;
    font-size: inherit;
    display: inline;
}

.f_globalSearchInput {
    width: 132px;
    height: 17px;
    background: transparent;
    color: #fff;
}

.f_globalSearchSubmit {
    background-color: transparent;
    background: transparent;
    padding: 2px;
}

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

.f_subnav {
  padding: 10px 0 0 0;
}

.f_subnav a:visited,
.f_subnav a:link {
    color: #eee;
    padding-bottom: 1px;
    border-bottom: 0;
    text-decoration: none;
}

.f_subnav a:link:hover,
.f_subnav a:visited:hover,
.f_subnav a.current {
    color: #fff;
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
}

.f_subnav a.current strong {
    font-weight: bold;
}

/* 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: 2ex 0 1ex 0;
}

.gntml_right {
  overflow: hidden;
  float: right;
  clear: right;
  width: 210px;
  padding: 2ex 0px 10px 10px;
}

.gntml_right img {
  float: right;
}

.gntml_left {
  overflow: hidden;
  float: left;
  clear: left;
  width: 210px;
  padding: 2ex 10px 10px 0px;
}

.gntml_left img {
  float: left;
}

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

.gntml_clear {
  clear: both;
}

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

/* Image links */
.gntml_image a:link {
}

.gntml_image a:visited {
}

.gntml_image a:link:active {
}

.gntml_image a:link:focus {
}

.gntml_image a:link:hover {
}

/* 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;
}

/* ======================================================================== */
/* 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: 87.5%; /* 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 */ }

h1, h2, h3, h4, p, dl, ul, ol, blockquote { line-height: 1.5em; }

/* Editing widgets */

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

body { font-family: Baskerville, “Times New Roman”, Times, serif }
h1, h2, h3, h4 { font-family: Baskerville, Times, “Times New Roman”, serif }

/* ======================================================================== */
/* Text content */

/* ------------------------------------------------------------------------ */
/* Colour params */

.f_themes {
  color: #fff;
}

/* ------------------------------------------------------------------------ */
/* Body text colour */

.f_textcontent {
    color: #383838;
}

.f_textcontent h1,
.f_textcontent h2,
.f_textcontent h3,
.f_textcontent h4 {
    color: #383838;
}

/* ------------------------------------------------------------------------ */
/* Links */

.f_textcontent a:link,
.f_textcontent a:visited {
    border-bottom: 2px solid #888;
    text-decoration: none;
    color: inherit;
}

.f_textcontent a:visited {
    color: inherit;
}

.f_textcontent a:link:hover,
.f_textcontent a:visited:hover {
  background-color: #d6d6d6;
}

/* ------------------------------------------------------------------------ */
/* Layout */

.f_textcontent h1,
.f_textcontent h2,
.f_textcontent h3,
.f_textcontent h4,
.f_textcontent p,
.f_textcontent dl,
.f_textcontent ul,
.f_textcontent ol, 
.f_textcontent blockquote { 
    margin: 0;
    margin: 2ex 0 1ex 0;
}

/* ------------------------------------------------------------------------ */
/* Definition lists: these support multiple dds cleanly */

.f_textcontent dl {
    overflow: hidden;
}

.f_textcontent dt,
.f_textcontent dd {
    display: block;
    margin: 2ex 0 0 0;
}

.f_textcontent dt:first-child,
.f_textcontent dt:first-child + dd {
    margin: 0 0 0 0;
}

.f_textcontent dt {
    width: 20%;
    float: left;
    clear: left;
    font-weight: bold;
}

.f_textcontent dd {
    width: 80%;
    float: left;
    clear: right;
}

/* ------------------------------------------------------------------------ */

.f_textcontent blockquote {
    margin-left: 2em;
}

.f_textcontent ul {
    list-style: inside disc;
    padding-left: 1em;
}

.f_textcontent ol {
    list-style: inside decimal;
    padding-left: 1em;
}

/* ------------------------------------------------------------------------ */

.f_textcontent *:first-child {
  margin-top: 0;
}