/*
 *  Name:     vba_2col_liq.css
 *  Purpose:  Layout for a Liquid 2-Column Page.
 *  Details:  Details of the settings follow.
 *            May use display:inline; to stop IE doubling the margin on float. 
 *              body     
 *                text-align:center;  IE6 needs this to center the layout in the browser window
 *              #main_wrapper
 *                max-width:1200px;   Sets max layout width
 *                min-width:1000px;   Sets min layout width
 *                margin-left:auto;   Centers layout in browser
 *                margin-right:auto;  Centers layout in browser
 *                text-align:left;    Resets the centering hack for IE6 on the body tag
 *              #nav
 *                width:140px;        This width + content width must total 100%
 *              #content
 *                ---                 Default to auto width.
 *              #footer
 *                clear:both;         Makes the footer sit below whichever column is longest
 *                background:#DDC;    Temp - remove or restyle
 *              #header_inner etc.
 *                overflow:hidden;    Clips oversize elements that would otherwise expand divs and break the layout
 *              #header_inner etc
 *                padding:1em 2em;    Creates space between the box and the content
 */

body {
    font: .8em verdana, arial, sans-serif;
    text-align:center;
  }
* {
    margin:0; 
    padding:0;
  }

#main_wrapper {
    min-width:1200px;
    max-width:1270px;
    margin-left:auto; 
    margin-right:auto;
    text-align:left; 
  } 
#header {
    width:auto;
    height:auto;
  }

#nav {
    width:220px;
    float:left;
    display:inline;
  }
#content {
  }
/* Here comes a hack for IE6 */
/* Floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* If I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
	}
/* End of hack - don't remove this comment */
	
#footer {
    width:100%;
    clear:both; 
  }


#header_inner {
       background-color:#D6E1F3;
background-image: linear-gradient(right , #EBEDF5 20%, #87B2E8 100%);
background-image: -o-linear-gradient(right , #EBEDF5 20%, #87B2E8 100%);
background-image: -moz-linear-gradient(right , #EBEDF5 20%, #87B2E8 100%);
background-image: -webkit-linear-gradient(right , #EBEDF5 20%, #87B2E8 100%);
background-image: -ms-linear-gradient(right , #EBEDF5 20%, #87B2E8 100%);

background-image: -webkit-gradient(
	linear,
	right ,
	left ,
	color-stop(0.2, #EBEDF5),
	color-stop(1, #87B2E8)
);

 overflow:hidden;

  }
  
#content_inner, #promo_inner {
    overflow:hidden; 
  }
#nav_inner {
    padding:1em .5em;
  }
#content_inner { 
    padding:1em 1em 1em 1.5em;
  }
#footer_inner {
    padding:.5em 1em;
    text-align:center;
  }