/*
 *  CSS FOR OAS 
 *  Copyright 2008+ Pictographics, LTD.
 *  Author:  Roy Delgado, Greg Tammi
 *  1. General
 *  2. Header
 *  3. Content
 *  4. Sidebar
 *  5. Footer
*/

/* 1. G E N E R A L */

* {
    margin: 0 ;
    padding: 0 ;
}

body {
    font: 12px Tahoma, Helvetica, sans-serif ;
    background: url(bg.jpg) 0 0 repeat ;
}

/* 2. H E A D E R */

#header, #wrapper {
    position: relative ;
    width: 812px ;
    margin: 0 auto ;
}

#header {
    height: 151px ;
}

#header h1 {
    text-indent: -9999px ;
/*TO CHANGE THE TOP BANNER
REPLACE THE "top.jpg" for "french_top.jpg" */
    background: url(top-red.jpg) top left no-repeat ;
    width: 812px ;
    height: 151px ;
    position: absolute ;
    left: 0 ;
    top: 0 ;
}

#logo_link {
  display: block ; 
  height: 130px ;
  width: 810px ;
}

#logo_link span {
  display: block ;
  width: 0 ;
  height: 0 ;
  overflow: hidden ;
}

#header h2 {
   position: absolute ;
   color: #DAD2CC ;
   font-size: 18px ;
   left: 137px ;

   bottom: 11px ;
   font-weight: normal ;
}

/* 3. C O N T E N T  */

#wrapper {

    background: url(cbg.jpg) top left repeat-y ;
}

#content {
    float:left ;
    width: 570px ;
    color: #463A3A ;
}

/** Jean-Luc:  this is how to turn the red borders on/off **/
/** set the border px property below to 1px to turn on borders **/
/** set the border px property below to 0px to turn off borders **/

/*#content * {
    border: 0px solid #f00 ;
}*/

/** and here's the style associations for the shore pic **/
img.pic {
    border: 0 ;
    padding: 0 ;
    margin: 5px ;
    margin-right: 0 ;
}

#content a {
    color: #000 ;
    text-decoration: none ;
}

#content a:hover {
    color: #000 ;
    text-decoration: underline ;
}

.text {
    padding: 10px 0 0 20px ;
    margin: 0 0 0 20px ;    
}

/* 4. S I D E B A R */

#sidebar {
    font-weight: normal;
    float: right ;
    width: 170px ;
}

#sidebar li {
    margin: 0 ;
    padding: 0 ;
    list-style: none ;
    border: 1px none none ;
}

#sidebar li a {
    padding: 0 ;
    display: block ;
    color: #fff ;
    text-decoration: none ;
    margin: 10px 0 0 0 ;
    font-size: 14px ;
    font-family: Tahoma, sans-serif ;
    border: 1px none none ;
} 

#sidebar li a:hover {
    color: #463A3A ;
}

/* 5. FOOTER */

.clear {
    clear: both ;
    height: 1% ;
}

#footer {
    height: 60px;
    width: 812px ;
    background: url(footer.jpg) top left no-repeat ;
    margin-top: 100px ;
    text-align: right ;
}

#footer_text {
    color: #463A3A ;
    padding-top: 15px ;
    padding-right: 3px ;
}

#footer_text a {
    color: white;
    text-decoration: none ;
}


#footer_text a:hover {
    text-decoration: underline ;
}