
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, 'Lucida Grande', Geneva, sans-serif;
  font-size:62.5%; 
  background: #DADEE0; 
}

/* content */
.wraphead { width:768px; margin:0 auto; overflow:auto; background: url(../res/headerbg.gif) repeat-x; }
.wrap { width:768px; margin:0 auto;  background: #FFF; }
.wrapimg { width:768px; margin:0 auto;}
#sitepromo{float:right; margin: 10px 20px 0px 5px; display:inline-block; }
#sitelogo {float:right; margin: 26px 20px 0px 5px; color:#768998; display:inline-block; }
h1 { margin: 0 0 10px; letter-spacing: 1px; font-size: 2em; }
h1 a { color: #fff; }
h1 a:hover { color: #FFFCB3; }

/* main navigation */
#nav { float:left; border:none; padding:0; margin: 47px 10px 2px 0; }
#nav li { float:left; list-style:none; margin:0 4px 0 0; padding:0; font-size: 1.1em; }
#nav li a { display:block; padding: 10px 12px 8px; color:#FFF; text-decoration:none; border: 0; margin:0 1px 0 0; }
#nav li a:hover, #nav li a.current { background: url(../res/barbg.gif) no-repeat bottom center; color:#fff; }	
.akey { border-bottom: 1px dotted #FFF; }

/* main content */
#left { float: left; padding: 10px 10px 10px 10px; background: #fff;}
#innerwrap { padding: 10px 10px 10px 10px; background: #fff; display:inline-block; }
#left h2 { float: left; font: 2.1em "Trebuchet MS", Arial; background: url(../res/h2bg.gif) repeat-x bottom; color:#121212; letter-spacing:-1px; margin: 0px 0 8px 0; clear:left; }
#left h2 a { color:#121212; text-decoration:none; border: 0; }
#left p { clear: both; margin: 5px 0 3px 0; font-size:110%; line-height:21px; }


/* quarter pod */
#quarter { float: left; width: 178px; background: #fff;}
#quarter p { clear: both; margin: 2px 2px 10px 2px; font-size:110%; line-height:18px; }


/* footer */
#footer { background: #DADEE0; clear: both; width: 100%; height: 170px; margin:0 auto; overflow: hidden; background:url(../res/bscape.gif) no-repeat bottom center; }
.inlineL	{	display:inline; width: 330px; vertical-align:top; float: left; 	}
.inlineR	{	display:inline; width: 400px; vertical-align:top; float: right; }
.clear	{	clear: both;	}

