/* 
 * We must define some layout properties - to set header background and such
 * Do not change these options unless you know EXACTLY what you are doing
 */

/*first we set the content centered in the browser window */
body {
	font-family:Arial, Helvetica, sans-serif;
	/* in order to work with em-units we set what 1 em means - in this case 62.5% of the default (16 px) means 10 px - nice round number
	 * next we can specify all other font-sizes in ems - 12 px wil become 1.2em, 10px - 1 em, etc 
	 */
	font-size:90%;
	color:#161a20;
    width:100%;  /*set the site width - not below 750*/
	text-align:left; /* For IE*/
    margin:0 auto; /*For Mozilla & Opera*/
	}

/*next define a wrapped div to place the entire page content. this makes sure content is displayed horizontally centered
 * yet the text stays aligned left
 */
.wrapper {
    width:100%;

	}