/* $Id: layout-fixed.css,v 0.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body
  {
      background: #ffffff;
  }

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 960px;
  }

  #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }


  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {
      padding-top: 0;
      padding-bottom: 0;

  }

  #header-inner
  {

      background: #2a3990;
      padding: 0;
  }

  #logo-title
  {

  }

  #logo
  {
      background: #ffffff;
    float: left;
    clear: both;
    padding: 5px;
    padding-bottom: 0;
    border: 1px solid black;
  }

  #site-name
  {
      font-size: 2em;
      line-height: 1.3em;
      float: left;
      margin: 0;
      padding: 15px 0 0 10px;
      font-style: oblique;
  }

  #site-slogan
  {
      text-align: center;
/*      padding-top: 10px; */
      color: #abdced;
 /* #ced2f4;*/
      font-size: 1.3em;
      margin-right: 50px;
      font-family: Verdana, Helvetica, sans-serif;
      font-weight: bolder;
      font-style: oblique;
      text-align: right;
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
    background: #fff;
  }

  #main-inner
  {
      background: #abdced;
  }

  #content-inner h1.title
  {
      text-align: center;
  }

  .node
  {
      padding-top: 10px;
      border-bottom: 1px groove gray;
  }

  .node .terms {
      font-family: Verdana, Helvetica, sans-serif;
      font-size: .8em;
  }

/** content **/
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 960px;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 780px;
    margin-left: 180px; /* The width of #sidebar-left. */
    margin-right: -780px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 780px;
    margin-left: 0;
    margin-right: -780px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content
  {
    width: 600px;
    margin-left: 180px; /* The width of #sidebar-left */
    margin-right: -780px; /* Negative value of #content's width + left margin. */
  }
/** Wrappers for drop shadow **/
  #content-wrapper
  {
    
  }

  #center
  {
    padding-top: 23px;
    background: #ffffff;
  }
  #content-wrapper #center #squeeze
  {
/*      padding-top: 15px; */
/*     background: transparent url("images/center-wrapper_bg.png") no-repeat scroll 0 0; */
  }

  #content-wrapper #center .right-corner
  {
/*      background: url("images/right-wrapper.png") no-repeat scroll 585px 0; */
      padding-right: 10px;
  }

  #content-wrapper #center .right-corner .left-corner
  {
/*      background: url("images/left-wrapper.png") no-repeat; */
      padding-left: 10px;
  }


  #content-inner
  {
/*      border-color: #000000;
      border-style: none none none inset;
      border-width: medium 1px;*/
      background: #ffffff;
      margin: 23px 10px 0 10px;
      padding: 20px 10px 10px 10px;
/*      padding: 0 1.66em;*/

  }

/** End Wrappers for drop shadow **/

  #content-area
  {
      background: white;
      padding: 1em;
      min-height: 650px; 
  }

/** Used for LJR Spotlight **/

  #spotlight
  {
      border-bottom: 1px groove gray;
  }

  #spotlight-inner h1.title
  {
      border-bottom: 1px dotted #0c22c6;
      text-align: center;
      font-family: Verdana, helvetica, serif;
      color: #0c22c6;
      padding: 10px;

  }

  #block-views-Spotlight-block_1
  {
      padding: 10px 10px 10px 10px;
  }

  #block-views-Spotlight-block_1 .views-field-title,
  #block-views-Spotlight-block_1 .views-field-title a 
  {
      font-family: Verdana, helvetica, serif;

      font-size: 1.25em;    
      text-align: left;
      color: #7c1414;
      font-weight: bold;
      
  }



/** Control the two front page regions below spotlight **/

  #content-inner a
  {
      color: #7c1414;
  }

  #content-area .node-inner h2.title
  {
      padding: 10px 0 10px 0;
      text-align: left;
  }

  #content-inner h2.title a
  {
      color: #224499;
      background: #fff;
  }

  #content-inner h2.title a:hover
  {
      color: #7c1414;
      background: #fff;
  }

  #content-inner a:hover
  {
      color: #0c22c6;
  }

  #content-area .content
  {
      padding-top: 10px;
  }

  #content-area .view-id-images
  {
      background: black;   
  }

/** Style for front boxes **/
  #wrap-x
  {
      min-height: 100px;
  }

  #wrap-x-inner
  {
      clear: both;
      font-family: helvetica, Vernada, sans-serif;
      border-bottom: 1px groove gray;
  }

  #wrap-x-inner .content
  {
      font-family: Arial, Helvetica, san-serif;
  }

  #front-left
  {
      border-right: 1px groove gray;
      float: left;
      width: 280px;
  }

  #front-left-title,
  #front-right-title
  {
      text-align: center;
  }

  #front-left-inner,
  #front-right-inner
  {
      
      padding: 2px;
  }

  #front-left-top,
  #front-right-top
  {
      max-height: 65px;
  }
  #front-left-top-inner,
  #front-right-top-inner
  {

      padding-bottom: 2px;
      position: relative;
  }

  #front-left-image,
  #front-right-image
  {
      float:left;
      width: 70px;
      height: 60px;
      position: relative;
      margin: 2px;
  }

  #front-left-tease,
  #front-right-tease
  {
      float:left;
      max-width: 195px;
      position: relative;
  }

  
  #front-left-body,
  #front-right-body
  {
      position: relative;
      z-index: 5;
      padding: 5px 5px 0 5px;
  }

  #front-left-link-to,
  #front-right-link-to
  {
      font-size: .9em;
      float: right;
  }

  #front-left-inner h2.title,
  #front-right-inner h2.title
  {
      background: #7c1414;
      color: #f0f1db;

  }
 
  #front-right
  {
      margin-left: 280px;
      max-width: 300px;
      border-left: 1px outset gray;
  }


/** To Control the Mission Statement **/
/*  #content-inner #mission {
      background: #FFFFCC none repeat scroll 0 0;
      border: solid #0C22C6;
      border-width: 0 0 5px;
      font-size:1em;
      padding: .6em;
      text-align:justify;
  }*/
  #content-bottom
  {
      font-size: .8em;
      line-height: 1.4em;
      background: #FFFFCC none repeat scroll 0 0;
      padding: 0 1em;
      border: solid #0C22C6;
      border-width: 1px;
      text-align:justify;
  }

/** Failed Experiment with rounded edges **/
/*
  #contentwrapper-outer{
      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tr-blue.png");
      bakcground-position: top right;
      background-repeat: repeat-x;

      position: relative;
  }
 .contentwrapper
  {
      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tr-blue.png");
      bakcground-position: top right;
      background-repeat: no-repeat;

      position: relative;
/*      font-size: .8em;
      background: #FFFFCC none repeat scroll 0 0;
      padding: .3em 1em;
      text-align:justify;
  }

  .contentwrapper .tl
  {

      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tl-blue.png");
      bakcground-position: top left;
      background-repeat: no-repeat;
      left: -1px;
      position: relative;
      top: -1px;
     
  }
  .contentwrapper .tr
  {

      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tr-blue.png");
      bakcground-position: top right;
      background-repeat: no-repeat;

      position: relative;

     
  }

  #contentwrapper tl
  {
  }

  .contentwrapper .br
  {

      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/br-blue.png");
      bakcground-position: bottom right;
      background-repeat: no-repeat;
      left: -1px;
      position: relative;
      top: -1px;
     
  }

  .contentwrapper .bl
  {
      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/bl-blue.png");
      bakcground-position: bottom left;
      background-repeat: no-repeat;
      left: -1px;
      position: relative;
      top: -1px;
    
  }

  #content-bottom 
  {/*
      background: #FFFFCC none repeat scroll 0 0;
      border: solid #0C22C6; 
      border-width: 1px;
      font-size:1em;
      padding: 0 1em;
      text-align:justify;
  }     

  .w1
  {
      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tl-corner-blue.png");
      bakcground-position: 0 0;
      background-repeat: no-repeat;
      left: -1px;
      position: relative;
      top: -1px;
  }

  #content-bottom .w1
  {
      background-color: white; 
      background-image: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/tl-corner-blue.png");
      bakcground-position: 0 0;
      background-repeat: no-repeat;
      left: -1px;
      position: relative;
      top: -1px;
  }
*/


/** Top navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 23Spx; /* Set this to the same value as the navbar height above. */
    background: #abdced;
  }

/* Changed height and background color */
  #navbar-inner
  {

     height: 34px;

  }

  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
 /*   margin: 0;
    padding: 0; */
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 180px;
    margin-left: 0;
    margin-right: -180px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
    background: #fff;
 }

  #sidebar-left-inner
  {
    margin: 10px 0 0 0;
    padding: 0;
  }

  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner .content ul li
  {
      border-bottom: none;
  }

/** Adds button under left sidebar title **/

  #sidebar-left-inner #block-block-5 .block-inner .content
  {
      width: 170px;
      height: 150px;
      padding-bottom: 0;
      margin-bottom: 15px;
      margin-left: 10px;
      text-align: center;
      background: #224499;
      padding-top: 5px;

/*      background: url("images/puzzle.png") no-repeat;*/
  }

  #sidebar-left-inner #block-block-5 .block-inner .content a
  {
      font-size: 1.33em;
      font-weight: bolder;
      font-variant: small-caps;
      color: #c2f9ff;
  }

  #sidebar-left-inner #block-block-5 .block-inner .content a:hover
  {
      background: #224499;
  }

/*  #sidebar-left-inner #block-block-5 .block-inner .content a h2,*/
  #sidebar-left-inner #block-user-1 .block-inner h2.title a,
  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner h2.title a,
  #sidebar-left-inner #block-menu-menu-take-action .block-inner h2.title a,
  #sidebar-left-inner #block-menu-menu-all-news-items .block-inner h2.title a,
  #sidebar-left-inner #block-menu-menu-image-galleries .block-inner h2.title a
  {
/*      background: url("images/r-title-horz_bg.png") repeat-y; */
      height: 30px;
      text-align: center;
      margin-left: 10px;
      font-variant: small-caps;
      font-family: helvetica, Verdana, serif;
      line-height: 1.9em;
      background: #224499;
      padding-top: 0;
      padding-bottom: 0;
      color: #c2f9ff;
  }



/*  #sidebar-left-inner #block-block-5 .block-inner .content a h2,*/
  #sidebar-left-inner #block-user-1 .block-inner .bottom,
  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner .bottom,
  #sidebar-left-inner #block-menu-menu-take-action .block-inner .bottom,
  #sidebar-left-inner #block-menu-menu-all-news-items .block-inner .bottom,
  #sidebar-left-inner #block-menu-menu-image-galleries .block-inner .bottom
  {
/*      background: url("images/r-title-horz_bg.png") repeat-y; */
      background-positon: bottom;
      padding-top: 5px;
      margin-left: 10px;
      margin-bottom: 0;
      border-bottom: 2px groove;
      background: #224499
  }

  #sidebar-left-inner #block-user-1 .block-inner .content,
  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner .content,
  #sidebar-left-inner #block-menu-menu-take-action .block-inner .content,
  #sidebar-left-inner #block-menu-menu-all-news-items .block-inner .content,
  #sidebar-left-inner #block-menu-menu-image-galleries .block-inner .content
  {
      border-left: 1px solid black;
      border-right: 1px solid black;
      background: #f5f7fc;
      margin-left: 10px;
      padding: 5px 0;
  }

  #sidebar-left-inner #block-block-8 .block-inner
  {
      padding: 0;
  }

  #sidebar-left-inner #block-block-8 .block-inner .content
  {
      background: transparent;
      margin-left: 10px;
      padding-top: 10px;
  }

  #sidebar-left-inner #block-block-8 .block-inner .bottom
  {
      padding-bottom: 10px;
  }

  #search-block-form
  {
      margin-left: 10px;
  }

  #sidebar-left-inner #block-block-11 .content
  {
      margin: 5px 0 0 10px;
  }

  #sidebar-left-inner a
  {
      color: #224499;
  }

  #sidebar-left-inner a:hover
  {
      background: SteelBlue;
      color: white;
  }

  #sidebar-left-inner #block-user-1 .block-inner .content ul,
  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner .content ul,
  #sidebar-left-inner #block-menu-menu-take-action .block-inner .content ul,
  #sidebar-left-inner #block-menu-menu-all-news-items .block-inner .content ul,
  #sidebar-left-inner #block-menu-menu-image-galleries .block-inner .content ul
  {
      margin-bottom: 0;
      margin-top: 0;
      font-family: Verdana, helvetica, serif;
      font-weight: bold;
      line-height: 2em;
  }

  #sidebar-left-inner #block-user-1 .block-inner .content ul li ul li,
  #sidebar-left-inner #block-menu-menu-join-our-campaign .block-inner .content ul li ul li,
  #sidebar-left-inner #block-menu-menu-take-action .block-inner .content ul li ul li,
  #sidebar-left-inner #block-menu-menu-image-galleries .block-inner .content ul li ul li
  {
      border-bottom: 1px groove gray;
  }
    
/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 180px;
    margin-left: 780px; /* Width of content + sidebar-left. */
    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 10px 10px 0 0;
    padding: 0;
    background: #f5f7fc;
    border-left: 1px outset gray;
    border-bottom:  1px groove gray;

  }

  #sidebar-right-inner ul
  {
      font-size: .9em;
      list-style-image: none;
      list-style-type: none;
      list-style-position: outside;
      padding: 0 5px 0 10px;
  }

  .view-press-room .views-field-view-node
  {
      border-bottom: 1px groove gray;
  }

  .views-field-tid .field-content a
  {
      color: #8f1818;
      
  }

  .views-field-tid .field-content a:hover
  {
      color: green;

  }


/*    #sidebar-right-inner #block-views-ljr_highlights-block_1 .block-inner h2.title, 
    #sidebar-right-inner #block-views-state_news-block_1 .block-inner h2.title,
     #sidebar-right-inner #block-block-7 .block-inner h2.title */

  #sidebar-right #block-block-7
  {
      height: 200px;
      background: url("images/ham-w-shadow.png") no-repeat
  }

  #sidebar-right #block-block-7 .content a
  {
      font-size: 2em;
      color: beige;
      font-weight: bold;
  }

  #sidebar-right #block-block-7 #support,
  #sidebar-right #block-block-7 #sign-on
  {
      height: 100px;
      line-height: 2.5em;
      text-align: center;
  }

  #sidebar-right #block-block-7 #support a span.show,
  #sidebar-right #block-block-7 #sign-on a span.show
  {
      display:none;
  }

  #sidebar-right #block-block-7 #support a:hover span.show,
  #sidebar-right #block-block-7 #sign-on a:hover span.show
  {
      display:inline;
  }

  #sidebar-right #block-block-7 #support a:hover span.noshow,
  #sidebar-right #block-block-7 #sign-on a:hover span.noshow
  {
      display:none;
  }

  #sidebar-right-inner h2.title
  {
      background: url("images/r-title-horz_bg.png") repeat-y;
      height: 30px;
      text-align: center;
      font-variant: small-caps;
      font-family: helvetica, Verdana, serif;
/*      background: #0c22c6; */
      color: #c2f9ff;
      padding-top: 5px;
  }
  
  .block
  {
      margin: 0;
  }


/** For sign-on block **/
  #block-block-6
  {
      height: 30px;
    /*  background: url("http://letjusticeroll.org/sites/all/themes/ljrnew/images/sign-on-button.png") no-repeat; */
  }

  #block-block-6 p
  {
      margin: 0; /* Removes margin above Sign-on Button */
  }

  #block-block-9
  {
      margin-left: 10px;

  }
/** footer **/
  #footer
  {
  }

  #footer-inner
  {
     
  }

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    /* overflow: hidden; May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */
  
/** This Adjusts Views of State News Links **/


  div.view 
  {
   
      }

  .view-state-news {
      background: #f5f7fc;
  }
/*
  .view-state-news .view-content {
      font-variant: small-caps;
      color: #c1411f;
      font-weight: bold;
      } 
*/
  .view-state-news .view-content .item-list ul {
/*      margin-bottom: .7em;
      margin-top: .2em;*/
      font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
      font-size: 1em;

/*      padding: 0 0 0 1em; */

      font-variant: normal;
      font-weight: normal;
  }

  div.view-state-news div.view-content div.item-list ul li {
      padding: 10px 1px 0 0;
      border-bottom: 1px groove gray;
  }


  #block-views-state_news-block_1 {
/*      padding: 0 .7em; */
     
  }

  .block .content
  {
      padding-bottom: 5px;
  }

  .view-dom-id-1 {

      background: transparent;
  }

  .view-state-news .view-content table.views-table {
      background: #FFF;
  }

  .view-state-news .view-content table.views-table thead {
      display: none;

  }


  .view-state-news .view-content table.views-table caption {

      text-align: left;
      line-height: 0;
      padding-top: 1em;
  }

  .view-state-news .view-content table.views-table tr.even,
  .view-state-news .view-content table.views-table tr.odd
 {
     font-size: .8em;
     color: black;
     font-variant: normal;
     font-weight: normal;
     background: white;
     border-bottom: none;
 } 

/** Style the highlight block **/
  .view-ljr-highlights .view-content .item-list ul {
/*      margin-bottom: .7em;
      margin-top: .2em;*/
      font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
      font-size: 1em;

/*      padding: 1em 0 1em 1em;*/

      fort-variant: normal;
      font-weight: normal;
  }

  .view-ljr-highlights .view-content .item-list ul li {

      padding: 10px 1px 0 0;
      border-bottom: 1px groove gray;

/*      font-weight: normal;*/
  }

  #content-area .view-content .views-field-title
  {
      margin: 10px 0;
      text-align: left;
  }

  #content-area .views-field-title .field-content a
  {
   
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 1.25em;
      font-weight: bold;
      color: #224499;
  }

  #content-area .views-field-title .field-content a:hover 
  {
      color: #7c1414;
  }

  #content-area .view-content .views-row-odd,
  #content-area .view-content .views-row-even
  {
      padding-bottom: 10px; 
/*      border-bottom: 1px groove gray; Removed to get rid of double line (might cause problems) */
  }

  span.date-display-separator,
  span.date-display-end
  {
      display: none;
  }

  #content-area .view-media
  {
      background: black;
  }

  #content-area .view-media .views-table
  {
      margin-left: auto;
      margin-right: auto;
  }

  #content-area .view-display-id-page_2
  {
      background: #ffffff;
  }

  .view-action-alerts p
  {
      margin: 0;
  }
  
  .node .submitted
  {
      display: none;
  }


  #foo
  {
      font-style: oblique;
  }

  a 
  {
     color: #0c22c6;
  }

  .field-field-embed-video
  {
      background: #000;
      text-align: center;
  }

  .views-field-field-publication-value
  {
      font-size: .9em;
  }

  #campaign
  {
      font-size: 3.2em;
      color: #ffffff;
      font-weight: bold;
      padding-top: 60px;
      font-family: helvetica, Verdana, sans-serif;
      padding-bottom: 15px;
      text-align: center;
      
  }

  #article-wrapper
  {
      padding: 10px 0;
  }

  #contact
  {
      background: #dfe3ea;
/*      border:1px solid #7C1411;*/
      float: right;
      font-family:Verdana,Helvetica,Arial,sans-serif;
      font-size:0.9em;
      margin-right:5px;
      padding:2px 5px;
  }

  #pub-head
  {

/*     float: left; */
  }

  #auth-pub
  {
      background: #dfe3ea;
      margin: 0 5px 5px 0;
      padding: 2px 5px;
      font-family: Verdana, Helvetica, sans-serif;
      font-size: .9em;
      float: left;
  }

  #authpub
  {
      /* background: #dfe3ea; */
      line-height: 1.3;
      margin: 8px 0;
      font-family: Verdana, Helvetica, sans-serif;
      font-size: .8em;
      float: left;
  }

  #auth-out
  {
      position: relative;
      width: 100%;
      float: left;
      margin: 0 0 0 0;
  }

  #article
  {
      text-align: justify;
  }

  #news-link-frame
  {
      background: #dfe3ea;
      text-align: center;
      margin: 5px 0 20px 0;

  }

  #news-link-frame a,
  #news-link-frame a:visited
  {
      color: #0c22c6;
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 1.2em;
  }

  #news-link-frame a:hover
  {
      color: #7c1414;
  }

  li.forward_links a
  {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: .8em;
  }

  .service-links 
  {
      float: left;
      padding-top: 12px;
  }

  #links-wrapper
  {
      position: relative;
      padding-top: 15px;
  }
  #links-wrapper ul.links
  {
      display: inline;
      float: left;
  }

  #copyright
  {
      padding-top: 5px;
  }

  #copy-left
  {
      float: right;
  }
  .copyright
  {
      text-align: right;
      padding-right: 10px;
      color: #ffffff;
  }

  #block-block-4
  {
      padding-top: 5px;
  }

  .head-title
  {
      letter-spacing: .06em;

  }

  #content-area .view-state-contacts .views-field-title
  {
      text-align: left;
      margin: 0;
  }

  .view-content h3
  {
      margin: 10px 0 0 0;
      line-height: 1em;
  }

  .views-exposed-form .views-exposed-widget .form-submit
  {
      margin-top: 16px;
  }

  #service-links
  {
      padding-top: 10px;
  }

/** Styles for the html chart **/

.back {
}

#chart-wrap-inner ul {
    font-family: Tahoma;
    border: 1px solid #ccc;
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    background: #ffffff;

}

.chart-text {
    font-family: Helvetica;
    font-size: 1.2em;
    font-weight: bolder;
    color: #224499;
    font-variant: small-caps;
}
.chart li {
    list-style: none;
    float: left;
    width: 55px;
    text-align: center;
    background: url("images/chart/chartblue_bg.gif") center 17px no-repeat;
    font-weight: bold;
}

.chart li span {
    display: block;
    text-indent: -999em;
    padding-bottom: 90px;

    border-top: 5px solid #fff;
}

.chart strong {
    display: block;
    text-align: center;
    font-weight: bold;
}

#chart-wrap {
    height:150px;
    width: 170px;
    }

#chart-text-bottom {
    width: 170px;
    font-size: 10px;
    text-align: center;
    }
#chart-wrap-inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    }

.background-1 {
    background: url("images/chart/chart_bg_ol.gif") center -80px no-repeat;
    color: #7c1414;
}

.background-2 {
    background: url("images/chart/chart_bg_ol.gif") center -100px no-repeat;
    color: #7c1414;
}

.background-3 {
    background: url("images/chart/chart_bg_ol.gif") center -65px no-repeat;
    color: #7c1414;
}

ul.links li.statistics_counter {
    display: none;
}