/* This is the CSS file for the contenttemplate project */

/* ======================================================================== */
/* Grid nesting:
  
   g_wrapper
     g_header
       g_toolbar
     g_content
       g_leftcol
       g_maincol
       g_rightcol
     g_footer
*/

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

/* ------------------------------------------------------------------------ */
/* Dimensions */

/* ......................................................................... */
/* Derived values */

/* ------------------------------------------------------------------------ */
/* Colors */

/* ======================================================================== */
/* Text Layout & color */

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

/* ------------------------------------------------------------------------- */
/* Parameters */

/* ......................................................................... */
/* Derived values */

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

body {
    font-size: 75.0%;
    line-height: /* base_lines = 1  base_lines_px = 16  16/12 = */ 1.3333333333333333em;
}

h1 {
    font-size: /* 12 x 2.0 = 24 */ 2.0em;
    line-height: /* base_lines = 2  base_lines_px = 32  32/24 = */ 1.3333333333333333em;
}

h2 {
    font-size: /* 12 x 1.75 = 21 */ 1.75em;
    line-height: /* base_lines = 2  base_lines_px = 32  32/21 = */ 1.5238095238095237em;
}

h3 {
    font-size: /* 12 x 1.5 = 18 */ 1.5em;
    line-height: /* base_lines = 2  base_lines_px = 32  32/18 = */ 1.7777777777777777em;
}

h4 {
    font-size: /* 12 x 1.25 = 15 */ 1.25em;
    line-height: /* base_lines = 1  base_lines_px = 16  16/15 = */ 1.0666666666666667em;
}
h1 {
    color: #2886c1;
    border-bottom: 1px solid #2886c1;
    margin-bottom: 15px;
}

h2 {
    color: #97989c;
    border-bottom: 1px solid #97989c;
    margin-bottom: 15px;
}

.g_rightcol_o h1,
.g_rightcol_o h2,
.g_rightcol_o h3,
.g_rightcol_o h4 {
    color: #2886c1;
    border-bottom: none;
    margin-bottom: 16px;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

h3, h4 {
    font-weight: bold;
    color: #97989c;
    margin-bottom: 16px;
}

p { 
    margin-bottom: 16px;
}

.f_imageUpload {
    margin-bottom: 16px;
    float: left;
}

.f_clear, .f_siblingNav {
  clear: both;
}

.m_menu {
    font-size: /* 12 x 1.25 = 15 */ 1.25em;
    line-height: 24px;
    margin-bottom: 24px;
}

body {
    color: #333;
}

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

blockquote {
    font-style: italic;
    padding-left: 2em;
    font-size: 1.2em;
    line-height: 1.5em;
}

blockquote em {
    font-style: normal;
}

table {
  margin-bottom: 16px;
}

/* Lists */

dl, ul, ol {
    margin-bottom: 16px;
}

li ol, li ul {
    margin-bottom: 0;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
}

li ol, li ul {
    padding-left: 1em;
}

ol {
    list-style-position: inside;
    list-style-type: decimal;
}

dl {
  overflow: hidden;
}

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

dd {
  padding-left: 25%;
}

/* Fonts */


body {
    font-family: Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
    font-family: Verdana, Helvetica, sans-serif;
}

blockquote {
}

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

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

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

.g_wrapper_i {
  margin: 0 10px;
}

.g_content_o {
  min-height: 400px;
  background: url(/statics/img/bg-header.png) top no-repeat;
  padding-top: 64px;
}

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

.g_rightcol_o {
  float: left;
  width: 220px;
  margin: 0 0 0 10px;
}


.g_maincol_o {
  float: left;
  width: 480px;
}

.g_maincol_i > * {
  margin-left: 10px;
  margin-right: 10px;
}

.g_maincol_i > .gntml_mainDoc {
  margin-left: 0;
  margin-right: 0;
}

.gntml_mainDoc > * {
  margin-left: 10px;
  margin-right: 10px;
}

.g_footer_o {
  background: url(/statics/img/bg-footer.png) top no-repeat;
  padding-top: 16px;
}

.g_footer_o .gntml_mainDoc > * {
  margin-left: 0;
  margin-right: 0;
}

/* ------------------------------------------------------------------------ */
/* Header */

.g_header_o {
    height:176px;
    padding: 16px 0;
}

.f_sitelogo {
    float: left;
    width: 700px;
}

.f_sitelogo a:link,
.f_sitelogo a:visited {
    text-decoration: none;
}

.f_sitelogo a:link:active,
.f_sitelogo a:link:focus,
.f_sitelogo a:link:hover,
.f_sitelogo a:visited:active,
.f_sitelogo a:visited:focus,
.f_sitelogo a:visited:hover {
        text-decoration: none;        
}

.f_sitelogo img {
    float: left;
    margin-right: 20px;
}

.f_sitelogo p {
    font-size: 26px;
    padding: 0 10px;

    font-style: italic;
    color: #97989c;
}

.f_sitelogo p.f_p1 {
    padding-top: 48px;
    text-align: left;
}

.f_sitelogo p.f_p2 {
    text-align: right;
}

/* Search box */

.f_globalSearch {
    width: 230px;
    float: right;
    margin: 130px 0 0 0;
    font-size: /* 12 x 1.1666666666666667 = 14 */ 1.1666666666666667em;
}

.f_globalSearchInput,
.f_globalSearchSubmit {
    vertical-align: top;
    border: solid #97989c 2px;
    font-family: inherit;
    font-size: inherit;
    display: inline;
    padding: 0 5px;
    
}

.f_globalSearchInput {
    width: 151px;
    height: 20px;
    font-weight: bold;
}

.f_globalSearchSubmit {
    background-color: #97989c;
    color: #eee;
    width: 60px;
    height: 24px;
}

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

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

h2.f_col_header {
    color: #fff;
    font-size: /* 12 x 1.5 = 18 */ 1.5em;
    line-height: /* base_lines = 2  base_lines_px = 32  32/18 = */ 1.7777777777777777em;
    margin-bottom: 16px;
    border-bottom: none;
    font-weight: normal;
}

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

.m_menu ul.ul2 {
    font-size: 12px;
}

.m_menu a:link,
.m_menu a:visited {
    color: #2886c1;
    text-decoration: none;
}

.m_menu a.current,
.m_menu a:link:focus,
.m_menu a:link:hover,
.m_menu a:visited:focus,
.m_menu a:visited:hover {
    color: #97989c;
    text-decoration: underline;
}

.f_footerMenu li {
  list-style: none;
  float: left;
  margin-right: 20px;
}

.f_footerMenu {
  overflow: hidden;
}

.f_siblingNav {
  text-align: right;
}

.f_relatedPages li {
  list-style: none;
}

.f_submissionsList li {
  list-style: none;
}

/* ------------------------------------------------------------------------ */
/* Pagination */

.numPaginator {
    margin-bottom: 16px;
    padding-bottom: 0;
}

.numPaginator p {
    font-size: /* 12 x 0.8333333333333334 = 10 */ 0.8333333333333334em;
    float: left;
    padding-right: 1em;
}

.numPaginator ul {
    clear: both;
}

/* ------------------------------------------------------------------------ */
/* Timed items */

.f_timedItems h3 {
    float: left;
    clear: left;    
    font-size: /* 12 x 1.0 = 12 */ 1.0em;
    line-height: /* base_lines = 1  base_lines_px = 16  16/12 = */ 1.3333333333333333em;
    margin-bottom: 0;
    margin-right: 1em;
}

.f_timedItems .f_timedItemDate {
    font-style: italic;
    margin-bottom: 0;
}

.f_rssLink {
    float: right;
}

.f_rssLink img {
    vertical-align: top;
}

ul.f_timedItems {
    list-style: none;
}

.f_timedItems p {
}

.f_timedItem h1 {
}

.f_timedItem .f_timedItemDate {
    float: right;
    clear: right;
    font-weight: bold;
    margin-bottom: 0;
    padding-top:16px;
    height:32px;
}

.f_timedItem {
    overflow: hidden;
    clear: both;
}

.f_timedItem .f_rssLink {
    float: none;
}

/* ------------------------------------------------------------------------ */
/* Concerts */
/* ------------------------------------------------------------------------ */
/* Questionnaires */

.f_submissionsList td,
.f_submissionsList th {
  width: 25%;
  height: 16px;
}

.f_submissionsList .f_shaded_true {
  background-color: #eee;
}

.f_submissionsList .update,
.f_submissionsList .processed {
  text-align: center;
}

.f_submission th {
  text-align: left;
  width: 60%;
  line-height: 16px;
}

.f_submission td {
  padding-left: 10px;
  line-height: 16px;
}

.f_submission .f_shaded_true {
  background-color: #eee;
}

.f_submission .f_published {
  color: green;
  font-weight: bold;
}

.f_submission .f_unpublished {
  color: red;
  font-weight: bold;
}

.f_submitter {
  font-style: italic;
  font-weight: bold;
  text-align: right;
}

/* ........................................................................ */
/* Forms */

.w_themedForm {
  clear: both;
  margin-bottom: 4ex;
}

.w_themedForm,
.w_themedForm select,
.w_themedForm input,
.w_themedForm textarea {
}

.w_themedForm fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.w_themedForm .w_labelWidget {
  clear: both;
  overflow: hidden;
  margin-bottom: 16px;
}

.w_themedForm label {
  float: left;
  display: block;
  width: 210px;
}

.w_themedForm label.error {
  display: block;
  float: none;
  width: auto;
  color: #f00;
  font-size: 0.8em;
}

.w_themedForm .w_widget {
  display: block;
  float: right;
}
.w_themedForm .w_widget > * {
  width: 208px;
}
.w_themedForm .w_widget > input[type="submit"] {
  width: auto;
}

.w_themedForm .w_textareaLabelWidget label {
  float: none;
  display: block;
  width: auto;
}

.w_themedForm .w_textareaLabelWidget .w_widget {
  float: none;
  display: block;
  width: auto;
}

.w_themedForm .w_textareaLabelWidget textarea {
  width: 458px;
}

.w_themedForm .w_textarea textarea,
.w_themedForm .w_text input {
  border: 1px solid #97989c;
  color: #333;
  font-family: inherit;
  font-size: inherit;
}


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

.gntml_image {
  margin-bottom: 16px;
  text-align: center;
}

.gntml_mainDoc .gtnml_image {
}

.gntml_colDoc .gntml_image {
}

.gntml_right {
  overflow: hidden;
  float: right;
  clear: right;
  width:140px;
  margin-left: 20px;
}

.gntml_right img {
  float: right;
}

.gntml_left {
  overflow: hidden;
  float: left;
  clear: left;
  width:140px;
  margin-right: 20px;
}

.gntml_left img {
  float: left;
}

.gntml_gallery {
  overflow: hidden;
  float: left;
  text-align: center;
  width:140px;
}

.gntml_clear {
  clear: both;
}

/* Image titles and captions */
.gntml_image h4,
.gntml_image_caption p {
  clear: both;
  margin-bottom: 0;
  font-size: /* 12 x 0.8333333333333334 = 10 */ 0.8333333333333334em;
  line-height: /* base_lines = 1  base_lines_px = 16  16/10 = */ 1.6em;
  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: 10px;
  border: 1px solid black;
  background: yellow;
  overflow: hidden;
}

/* ======================================================================== */
/* Links */

a:link {
    color: #2886c1;
    text-decoration: none;
}

a:visited {
    color: #2886c1;
    text-decoration: none;
}

a:link:active,
a:link:focus,
a:link:hover,
a:visited:active,
a:visited:focus,
a:visited:hover {
    color: #97989c;
    text-decoration: underline;
}

.f_question a:link,
.f_question a:visited,
.f_submitter a:link,
.f_submitter a:visited,
.f_answer a:link,
.f_answer a:visited {
    color: inherit;
}

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

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