@charset "utf-8";
    
/*
  Overload baseline styles
*/
#header{
    height:100px;
	position:relative;
	margin:0 auto;
    width:900px;
    width:100%;
    min-width:760px;
    }
#page{
    min-width:740px;
	}
#footer{
	margin:0 auto;
    width:900px;
    width:100%;
    min-width:760px;
    height: 100px;  
	position:relative;  
    }
/*
  Fixed 2 column layout with sidebar on the right
*/
#content{
    float:left;
	position:relative;
    /*
      Padding and width equation
      CSS Width - Padding = Real Width
      If you want a 600px container with 10px of padding
      you set the width property to 580 and padding-left and padding-right to 10
      to include a border, subtract the total width of the border(left + right) from the
      width value
    */
    /*padding:0;
    width:550px;
    min-height: 300px;
    */
    margin-right:-340px;
    width:100%;
    display:inline; /* So IE plays nice */
    
    }
/*
  Additional div to push content to the right
  Additional markup, but it works across most browsers.
*/
#inner_content{
    margin-right:340px;
    }
    
#sidebar{
    float:right;
	position:relative;
    /*
      Padding and width equation
      CSS Width - Padding = Real Width
      If you want a 300px container with 10px of padding
      you set the width property to 280 and padding-left and padding-right to 10
      to include a border, subtract the total width of the border(left + right) from the
      width value
    */
    padding:0;
    width:320px;
    }

/*
  Additional Site Structure Style Definitions
*/