body {font: 11px, 'Arial', 'Helvetica', Tahoma, Verdana, sans-serif; background-color: black; color: black; }
* {margin:0px; text-align: left;}


div#page-wrapper {width:901px; margin:auto;}

div#header-wrapper {width:901px; float:left; background-color: #949c50; margin:  0px 0px 0px 0px;  float: left;}

div#nav-wrapper {width:901px; float:left; background-color: #949c50; margin:  0px 0px 0px 0px;  float: left;}
div#nav {margin:  0px 0px 0px 0px;  float: left;}
	
div#content-wrapper {width:901px; float:left; border: none; background-color: white; min-height: 455px;}
div#content-main {width:901px; float:left; border: none; background-color: white;}

div#content-center {width:747px; float: left; background-color: transparent;  padding: 0 0 0 0; margin: 0px 0 0 0;}
	div#content-center p {float: left; color: black; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 19px; margin-right: 15px; margin-top: 15px; display: inline; margin-bottom: 10px;}
	div#content-center a {text-decoration: none; color: #ffff00; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 14px;}


div#content-left {width:154px; float: left; background-color: transparent;  padding: 0 0 0 0; margin: 0px 0 0 0px;}
	div#content-left p {float: left; color: black; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 23px; margin-right: 53px; margin-bottom: 0px; display: inline;}
	div#content-left a {text-decoration: none; color: #ffff00; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 23px;}

div#content-right {width:727px; float: left; background-color: transparent;  padding: 0 0 0 0; margin: 15px 0 0 20px;}
	div#content-right p {float: left; color: black; font-family: Arial; font-size: 11px; font-weight: normal; line-height: 23px; margin-bottom: 0px; display: block; }
	div#content-right a {text-decoration: none; color: black; font-family: Arial; font-size: 11px; font-weight: normal; line-height: 23px;}

div#footer-wrapper {width:1024px; float:left;  background: url(../i/footer-back.gif) 0 0 no-repeat; margin: 0px 0px 0px 0px; width: 1024px; height: 60px;}
	div#footer-content {float:left; background-color:transparent; margin: 20px 0px 0px 750px; display: inline;}
		div#footer-content a {text-decoration: none; outline: 0; color: White; font-family: Arial; font-size: 13px; font-weight: bold; letter-spacing: 0px; padding-right: 5px;}

h1 {margin: 75px 0 0 0px; color: black; font-family: Arial; font-size: 16px;}
		
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */