/* 
  file: layout.css
  Using a modified version of A List Apart's Holy Grail layout.
  URL Here: http://www.alistapart.com/articles/holygrail
*/

body{
	margin:0;
        padding:0;
        border:0;	/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:700px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
}

/* column container */
#menu_background {
	position:relative;	/* Fixes the IE7 overflow hidden bug and stops 
				   the layout jumping out of place */
	clear:both;
	float:left;
        width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
#content_background {
	float:left;
        width:200%;
        position:relative;
        left:10em;
}
#content_wrap {
	float:right;
	width:50%;
	position:relative;
	right:12em;
	padding-bottom:1em;
}
#content {
        margin:0 1em 0 13em;
	position:relative;
	right:100%;
	overflow:hidden;
}
#menu {
        float:left;
        width:10em;
        position:relative;
        right:11em;
}

#topsection{
/*  content handled in format.css */
	clear:both;
	float:left;
        width:100%;
  	height: 76px; /*Height of top section*/
}

#footer {
   clear: both;
   position: relative;
}