@import url(base.css);

/**
 * Main Layout
 *******************************************************************************/
body { background: #fdffb9; padding: 10px 0; }

  #page { margin: 10px; border: 4px #ffc23c solid; min-width: 1024px; }
  #oi-header { padding: 25px 0 1em 10px; color: black; }
  #main { }
  #oi-main { padding: 40px 0 0 0; }
  #content { width: auto; background: #fdffb9; margin: 0 0 0 200px; }
  #oi-content { padding: 0 30px 30px 20px }
  #sidebar { float: left; width: 200px; }
  #footer { padding: 10px 20px; color:#666; background: #c10000; border-top: 5px #ffc23c solid; }
  .float-divider {
	clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px;
}

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


/**
 * Header Styles
 *******************************************************************************/
h1.main_heading {
   font-family: Georgia, Times New Roman, Times;
   font-size: 32px; 
   text-align: left; 
   line-height: .50em;
   margin-top: 35px;
}
h1.main_heading:first-letter { font-size: 180%; }

#left-hdr {
	float: left;
	width: 85%;
}
#right-hdr {
	float: left;
	text-align: left;
    width: 15%;
}

.first_letter { font-size: 165%; }


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


/**
 * Top Navigation
 *******************************************************************************/
  #nav_main {
    /* containing floats in IE */
    width: 100%;
    overflow: hidden;
    /* containing floats in all other browsers */
    float: left;
    display: inline;
    /* Repeat the main color from the image */
    background: #c10000 ;
    border-top: 2px #ffc23c solid;
    border-bottom: 2px #ffc23c solid;
    line-height: 0;
    padding: 0;
    margin: 0;
  }

  #nav_main ul {
    border-left: 1px #ffc23c solid;
    border-right: 1px #ffc23c solid;
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    margin-left: 50px;
    padding: 0;
  }

  #nav_main ul li {
    border-left: 1px #ffc23c solid;
    border-right: 1px #ffc23c solid;
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #fdffb9;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #ffc23c; color: #333; text-decoration: none; }

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    background: #272727 url("images/shiny_buttons/background_active.gif") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { background: #c10000; color: #fff; text-decoration: none; }


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


/**
 * Sidebar Navigation
 *******************************************************************************/
   #nav_vert {
     /* containing floats in IE */
     width: 100%;
     overflow: hidden;
     /* Repeat the main color from the image */
     background: #c10000 ;
     border-top: 2px #ffc23c solid;
     border-bottom: 2px #ffc23c solid;
     line-height: 0;
   }

   #nav_vert ul {
     border-left: 1px #ffc23c solid;
     border-right: 1px #ffc23c solid;
     width: 100%;
     /* Bugfix: IE - Doubled Float Margin Bug */
     float: left;
     margin: 0;
     padding: 0;
   }

   #nav_vert ul li {
     /*border-left: 1px #ffc23c solid;*/
     /*border-right: 1px #ffc23c solid;*/
     /* Bugfix: IE - Doubled Float Margin Bug */
     /*display: inline;*/
     width: 100%;
     float: left;
     font-size: 1.0em;
     line-height: 1em;
     list-style-type: none;
     margin: 0;
     padding-left: 0;
   }

   #nav_vert ul li a,
   #nav_vert ul li strong {
     background: transparent;
     color: #fdffb9;
     display: block;
     font-size: 1em;
     font-weight: bold;
     margin: 0;
     padding: 0.5em 0.8em 0.5em 0.8em;
     text-decoration: none;
     width: auto;
   }

   #nav_vert ul li a:focus,
   #nav_vert ul li a:hover,
   #nav_vert ul li a:active  { background: #ffc23c; color: #333; text-decoration: none; }

   #nav_vert ul li#current {
     /* (en) Repeat the main color from the image */
     background: #272727 url("images/shiny_buttons/background_active.gif") repeat-x center right;
     border-left: 1px #444 solid;
     border-right: 1px #888 solid;
   }

   #nav_vert ul li#current strong,
   #nav_vert ul li#current a,
   #nav_vert ul li#current a:focus,
   #nav_vert ul li#current a:hover,
   #nav_vert ul li#current a:active { background: #c10000; color: #fff; text-decoration: none; }

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


/**
 * Container for Social Services Directory Link
 */

#dir_link {
   margin-top: 10px;
   padding: 10px 5px 10px 5px;
   border: 3px #c10000 solid;
   text-align: center;
}

#dir_link a {
   font-weight: bold;
   color: black;
}

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


.celb-achv {
   float: left;
   padding: 0 10px 10px 0;
}


/**
 * Footer
 *******************************************************************************/
#footer ul {
   display: inline;
   list-style-type: none;
}

#footer li {
   display: inline;
   margin-left: 5px;
   padding: 0;
}

#footer {
   text-align: center;
   font-size: .8em;
}

#footer ul li a {
   display: inline;
   list-style-type: none;
   background: transparent;
   color: #fdffb9;
   width: auto;
}


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


  /**
   * Fonts
   * font-family and font-size selection for headings and standard text elements
   *
   * @section content-fonts
   */

  /* reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01%; }

  /* reset monospaced elements to font size 16px in Gecko browsers */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* base layout gets standard font size 12px */
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; font-size: 115%;}

  /* ### Lists  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }

  /**
   * External Links
   *
   * Formatting of hyperlinks
   *
   */

  a { color: #900; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { background-color: #fee; text-decoration:underline; }
  
  #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  
  #footer a { color: #aac; background:transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; background-color: transparent; text-decoration:underline; }


  /**
   * Tables | Tabellen
   * Generic classes for table-width and design definition
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * Miscellaneous
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }