/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in navigation.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/


/* BODY 
----------------------------------------------------------------*/
body {
  background: #50B4C6 url(../images/_interface/bg-blue-gradient.png) 0 0 repeat-x;
  }


/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
  position: relative;
  width: 820px;
  margin: 0 auto 40px auto;
  }

/* HEADER
----------------------------------------------------------------*/
#header {
  z-index: 10;
  height: 76px;
  width: 820px;
  }


/* CONTENT WRAPPER
----------------------------------------------------------------*/
#content-wrapper1 {
  float: left;
  padding: 0 10px;
  width: 800px;
  background: url(../images/_interface/content-wrapper-borders.png) 0 0 no-repeat;
  
  }
#content-wrapper2 {  
  float: left;
  background: url(../images/_interface/content-wrapper2-borders.png) repeat-y;
  }
  

/* CONTENT
----------------------------------------------------------------*/
#content {
  float: left;
  background: #FFF;
  width: 800px;
  }


/* SEARCH BAR
----------------------------------------------------------------*/
#search-bar {
  float: left;
  margin: 0;
  background: #FFF url(../images/_interface/sub-logo.png) 20px 14px no-repeat;
  width: 800px;
  height: 43px;
  }
  
  
/* INNER-CONTENT
----------------------------------------------------------------*/
#inner-content {
  display: inline;
  float: left;
  background: #FFF;
  width: 550px;
  min-height: 400px;
  margin: 0 14px 100px 14px;
  } 
  

/* SIDEBAR-WRAPPER
----------------------------------------------------------------*/
#sidebar-wrapper {
  float: left;
  width: 220px;
  background: url(../images/_interface/sidebar-gradient.png) right top no-repeat;
  }
  

/* SIDEBAR
----------------------------------------------------------------*/
#sidebar {
  padding: 10px 20px;
  min-height: 400px;
  }


/* FOOTER
----------------------------------------------------------------*/
#footer {
  float: left;
  width: 820px;
  height: 40px;
  padding-top: 15px;
  background: #50B4C6 url(../images/_interface/footer-bg.gif) 0 0 no-repeat;
  text-align: center;
  }
  #footer a {
    padding-left: 17px;;
    margin: 0 8px;
    color: #0A4871;
    font-size: 12px;
    text-decoration: none;
    background: url(../images/_interface/footer-bullets.gif) 0 5px no-repeat;