body {
	margin:0px; 
	padding:0px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}

* {margin:0; padding:0;}

#wrap {
	width:800px; 
	margin-left:auto; 
	margin-right:auto;  
	text-align:left;
	background-color:#FFFFFF;
	padding-bottom: 0px;
}

#header {
	width:800px;
	height:242px;
	background-image: url(images/header.jpg); 
}

p { 
	font-size:11px;
	font-family: Verdana, "Times New Roman", Times, serif;
	color: #666;
}

#nav {
	width:200px;
	float:left;
	padding-top: 50px;
  }
  
.navtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-transform: uppercase;
	}
	
#bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666;
	text-transform: uppercase;
}

ul#menu li{ 
	list-style-type: none; 
	padding: 0.35em;
	border-bottom: dotted 1px #ccc; 
	text-align: left;
	margin: 0px 20px 0px 20px;
	white-space: nowrap;
}

ul#menubar li{
	display: inline;
	padding: 0px 10px 0px 10px; 
}




a:link, a:visited { color: #9e9e9e; text-decoration: none;}
a:hover{ color: #bdc490; text-decoration: none;}
a:active { color: #6a8899; text-decoration: none;}
a:hover { text-decoration: none;}


#content {
	width:400px;
	float:left;
	padding-top: 20px;
}

#content a {
	font-weight: bold;
	color:#84A7BB;
	text-decoration: none;
	}

#content a:hover {
	color:#bdc490;
	border-bottom: 1px solid #bdc490;
	}

#ad {
	width:200px;
	float:left;
}

#ad p {
	margin: 15px 15px 0px 15px;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}

#ad a:hover {font-size: 12px; text-decoration: none;}

#footer {
	width:800px;
	background-image: url(images/footerpx.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding: 30px 0px 30px 0px; 
   }

/* add the fix 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 */
.fix: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 */
}

.fix {
display: inline-block; /* a fix for IE Mac */
}

/* next a fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/

* html .fix {height: 1%;}
.fix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

.maincontent {	
	line-height: 20px;
}

