/* Page margins and background */
  body { 
  background:#bba;
   }

  /* Layout: Width, Background, Border */
  #page_margins { 
  margin: 0 auto;
 }

  #page{ 
  background:#fff;
  margin: auto;
  width: 900px;
  border:2px solid #e07;
  }

  /* Design of the Main Layout Elements */
  #header { 
  padding-top: 0px ;
  padding-bottom: 0px ;
  padding-left: 20px ;
  padding-right: 40px ;
  background:#fff ;
  text-align: right;
  height: 120px ;
 }

  #main { 
  background:#ffffff;
  background-image: url(/media/background.png);
  background-repeat: no-repeat ;
 }

  #footer {     
  padding: 10px 50px;
  background:#bca ;
  background:#ddc ;
  font-size: 80% ;
  text-align:center;
 }

  #footer img {     
  float: left;
  padding-left: 20px ;
  padding-bottom: 10px ;
 }

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

 /* Formatting of Columns Area */

  #left { 
  width: 150px ;
  float: left;
  padding-left: 20px;
 }

  #left_content { 
  padding: 20px 0px ;
  padding-left: 20px;
  text-align:left;
  font-size: 90% ;
  font-weight: bold ;
 }

  #right {   
  width: 20px ;
  float: right;

 }
  #right_content { 
   margin: 10px 0px ;
   overflow: hidden;
   list-style-type: none;
   font-size : 90% ;
 }

  #mid { 
  width: auto;
  margin-left: 150px ; margin-right: 20px ; 
 }

  #mid_content { 
  margin-top: 0px ;
  padding:12px 20px;
  text-align:justify;
  z-index:1;
 }

  #mid_content img { 
  z-index:2;
 }

  #mid_table { font-size: 96% ; text-align:left; padding-left: 3px ;
   padding-right: 3px; } 

  #col4 { 
  width: auto;
  margin-left: 125px; margin-right: 125px ; 
 }

  #col4_content { 
  margin-top: 0px ;
  padding-top:10px ;
  padding-left:10px ;
  padding-right:10px ;
  text-align:left;
  margin-bottom: 0px ;
 }

  #col4_content img { 
  padding-left:0px ;
  padding-right:8px ;
  padding-bottom:0px ;
 }

  #col4_table { font-size: 96% ; text-align:left; padding-left: 3px ;
   padding-right: 3px; background:#fff;  } 

   .highlight {
  padding:6px 0px;
  font-size: 110%; 
  font-weight: bold; 
  color: #e07;
  text-align: center ;
font-family: Georgia;
 }

 .left img { float: left ; padding-right: 16px ; padding-bottom: 10px; padding-top: 10px; }
 .right img { padding-left: 0px ; padding-bottom: 10px ; padding-top: 0px; float: right ; }


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

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

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

  /* (en) base layout gets standard  size 12px font-size: 75.00%; */
  body {
    font-family: georgia, 'times new roman', serif;
    font-family: arial, verdana, sans-serif ;
    font-size: 94.00%; 
    color:#120 ;
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.4em 0; }
  h1 { color: #e07 ; font-size: 170%; font-family: Georgia; }
  h2 { color: #e60 ; font-size: 180%; font-family: Georgia; }
  h3 { color: #d50 ; font-size: 120%; font-family: Georgia; }
  h4 { color: #d50 ; font-size: 106%; font-family: Georgia; }
  h5 { color: #36c ; font-size: 100% }                    /* sage */
  h6 { color: #f24 ; font-size: 110% ; font-style:italic }  /* red */

  p { line-height: 1.2em; margin: 0 0 0.8em 0; }

  /* Links */

  a:link    { color:#231; text-decoration:underline;  }
  a:visited { color:#342; text-decoration:underline; }
  a:hover   { color:#e07; text-decoration:underline; }

  #footer a:link    { color:#342; font-weight:bold; }
  #footer a:visited { color:#453; font-weight:bold; }
  #footer a:hover {  color: #e07; font-weight:bold; }

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

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

  dt { font-weight: bold; color: #d41 ; margin-top: 5px; }
  dd { margin: 0 0 1em 2em }


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

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

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

  sup {font-size: 60% ; margin-left: 0.15em; }

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

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

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

  th,td { padding: 6px 6px ; vertical-align: top; }
  thead th { background: #444; color: # }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  tr.blue { color: #04c; }

  /* Generic Content 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 }
 .description { font-size: 90.00% ; }
 .form-required { color: #480 ; font-size: 120.00% ; }
 .box { text-align:center; background: #fec ; border: 1px solid #e05; padding: 10px 10px;  }

  /* Miscellaneous */

  hr {
    color: #fff;
    background:transparent;
    border:0;
    border-bottom: 1px #d41 solid;
    text-align:center;
  }

/* PPS */

.messages { list-style-type: none; }

.messages li.error { display:block; background:#ffe5e5;
    border:#aa0000 1px solid; padding:5px; color:#200; }

.messages li.success { display:block; background:#e5ffe5;
    border:#00aa00 1px solid; padding:5px; color:#020; }

.messages li.warning { display:block; background:#FEEFB3;
    border: #9F6000 1px solid; padding:5px; color:#020; }

button { display: block; margin-left: auto; margin-right: auto; }