/* test CSS Document -- trying to figure out what's wrong with the floated images in IE on Mac */
HTML { font-size:100% /* IE Hack - used for text resizing graceful clagnut.com/blog/348 */}
HTML>body { font-size: 14px; /*IE can't read this - used for Mozilla/Safri; clagnut.com/blog/348 */
	/*12px seems to match 10px in IE*/ }
	
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	background-color: #FeFeFe; width: 100%;
	margin:0px; margin-bottom: 10px;
	padding:0px;
}

#header {
	padding:0px;
	width:100%;
	background-color: #876478; 
	
	height:58px;
	overflow:hidden;}
	
.headerImage {float:left;}

#globalNav {
	float:right;
	text-align:right;
	padding-right:5px;
}
#globalNav a {
	color:#fff;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;}
#globalNav img {
	padding-right:5px;
	padding-left:5px;}

#nav {  
	padding:0px; width:100%; background-color:#000;	height:20px; margin-bottom:20px;}

#nav ul {
	margin: 0;
	padding:0;
	padding-top: 1px;
}
#nav li { list-style-type:none; margin:0; padding: 0; display: inline; padding-top: 1px; padding-right: 35px; }
#nav li.inline {  display: inline;  padding-left: 0px;  padding-right: 20px;  }
#nav li.first { display: inline;  padding-left: 75px;  padding-right: 20px;  }

#nav a:link { color:#fff; font-size:12px; padding-top:1px; text-decoration:none; 	}	
#nav a:visited { color:#fff; font-size:12px; padding-top:1px; text-decoration:none;	}	
#nav a:hover {	color: #FFcc66;	font-size:12px; padding-top:1px; text-decoration:none;}	
#nav a:active { color:#fff; font-size:12px; padding-top:1px; text-decoration:none;	}

#container { /*position: relative; top: 10px;*/ width: 100%; 	/*margin-left: 165px;	margin-right: 10px;*/	}
#content {
	margin-left:197px;
	margin-bottom:20px;
	margin-right:2%;
	/*font-size:.9em;*/}
/*#content { top: 0px; left: 0px;	width: 100%; margin-left: 165px; margin-top: 4px; }	*/

#footer {
	clear:both;
	margin-left:197px;
	margin-right:2%;
	padding-bottom:5%;
	border-top: 1px solid #999;
	color:#999;
	font-size:.8em;}
#content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0;
	padding:0px;
	margin-bottom: 10px;
	text-align: left;
}
#container #content #wrap {
	padding: 10px;
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#container #content #wrap2 {
	padding: 10px;
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	
}
#container #content #wrap #fLeft1 {
	background-color: #FFFFCC;
	padding: 10px;
	float: left;
	width: 44%;
	margin-right: 2%;
	border: solid 1px #999;
}
#container #content #wrap #fLeft2 {
	background-color: #FFFFCC;
	padding: 10px;
	float: left;
	width: 44%;
	margin-right: 2%;
	border: solid 1px #999;
}
#fLeft3Pad, #fLeft4Pad, #fLeft5Pad {
	background-color: #C0C0C0;
	padding: 10px;
	float: left;
	width: 28%;
	margin-right: 1%;
	margin-left: 1%;
}