/*

 *  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(french_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 ;

}