body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFF498;
	text-align: center;
}

#mainContainer {
	width: 600px;
	border: 1px solid #E88000;
	margin: auto;
	background-color: #FFFFFF;
}	

/***HEADER***/
#header {
	width: 600px;
	height: 75px;
	background-image: url(images/pp-logo_um.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/***END HEADER***/

/***TITLE***/
#pageTitleRow {
	width: 600px;
	text-align: right;
	font-size:28px; 
	font-style:normal; 
	color:#1B684C;
	margin: auto;
}
/***END TITLE***/

/***NAVIGATION***/
#navRow {
	width: 600px;
	text-align: right;
	margin: auto;
}
/***END NAVIGATION***/

/***BODY***/
#bodyContainer {
	width: 595px;
	text-align: left;
	padding: 2px;
}

#leftContaner {
	width: 275px;
	float: left;
	text-align: center;
}

#rightContainer {
	width: 305px;
	text-align: left;
	margin-left: 280px;
}

img.pic {
      border:1px #1B684C; /*works in ie only*/
	  border-width:1px; border-style:solid; color:#1B684C; /*works in firefox only*/
}

.member {
      font-size:22px; font-style:normal; color:#1B684C; text-decoration: underline;
}
	  
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}

a:hover {
    color:#E88000;
}
/***END BODY***/

/***THIS FIXES THE FLOAT LEFT PROBLEM***/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 10px; 
	clear: both; 
	visibility: hidden;
}
  
 .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End Holly Hack */