body
{
border:0;
padding:0;
margin:0;
font-family:Verdana, Geneva, sans-serif;
font-size:100%;
text-align:center;
background-color:#081c41;
/*background-image:url(images/bg1.jpg);
background-position:top;
background-repeat:repeat-x;*/
}
/* a vertically repeating 1px high gif of Nav div background is applied below to fill the total depth */
#wrapper {background-color:#081c41; margin: 0 auto; text-align:center;}
#container {width:560px; margin: 30px auto; background-color:#ffffff;}
/* the Outline property doesnt display in IE The property of Border could be used but in Safari it triggers the horizontal scroll bar for this full screen layout */
header, nav, #mainContent, footer {border:#666 solid 1px;}
/* the Header and Footer widths specified below for IE */
header, footer {width:950px;}
header {background-color:#c9c; text-align:center;}
/* note below the set width of 200px */
nav {background-color:#00c024; width:200px; float:left;}
/*  note below that the Margin-left matches the above element width of 200px */
#mainContent {background-color:#ff0; margin-left: 200px; text-align:center;}
footer {background-color:#6CF; text-align:center; clear:both;}
.left{float:left;}
.right{float:right;}
.borderTop{border-top:20pt solid #ffffff;}
h2 {width:100%; font-size:140%; color:#999999; clear:both;}
img {margin:0 auto;}

/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}