/* NEW CODE */

body {
	margin:0px;
	background-color:#003375;
	background-color:#F9F9F9;
	padding: 10px 0px 50px 0px;
	background-repeat: repeat;

	font-family: Arial;
	font-weight:100;
}

#wrapper { /* THIS WRAPS EVERYTHING TO MAKE SURE IT ALL LINES UP AND IS CENTERED */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:auto;

	}

#topBanner { /* THIS REPLACES THE div.center CLASS AND USES THE fomas.jpg FILE AS A BACKGROUND IMAGE. */
	width:800px;
	height:125px;
	background:url(magnet-logo-bar.gif);	
}

/* END NEW CODE...OLD CODE BELOW (WITH MORE CHANGES) */

div.center{
width:auto;
text-align: center;	
margin: 0 auto;	
}


/* CHANGES HAVE BEEN MADE TO THE FOLLOWING ELEMENT */
div.main{
position:relative;
clear:both; /*YOU NEED THIS TO MAKE SURE IT IS BELOW THE NAVIGATION BAR */
/*SEPARATE BORDERS BECAUSE YOU DON'T WANT A TOP BORDER (SINCE YOU ALREADY HAVE A BOTTOM BORDER ON YOUR NAV MENU */
background-color: none;
border:none; /* border:solid 1px #FF9933;*/
/* border-top: solid 1px #555; */
width: 800px; /* WIDTH NEEDS TO BE 2PX LESS TO ACCOMODATE THE BORDER (LEFT AND RIGHT...1PX FOR EACH)*/
text-align: left; /*CHANGED TO LEFT BECAUSE CENTERED CONTENT IS UGLY*/	
margin-left:auto;
margin-right:auto;
padding-bottom: 100px;

min-height: 50px;
z-index:1;
height:auto; /*ALWAYS BE SURE TO SET YOUR HEIGHT AS AUTO IF YOU EXPECT THE DIV TO EXPACT NATURALLY WITH CONTENT. NEVER SET A PIXEL HEIGHT FOR YOUR CONTENT UNLESS YOU EXPECT IT TO STAY THE SAME HEIGHT ALWAYS. */
background: white;
}

div.main p {
	font-family: Arial;
	font-weight: 100;
	padding: 0px 20px;
}

h1 {
	font: xx-large Arial;
	color: #00000;
	text-align: center;
	padding-top: 10px;
}

h3{ font: x-large Arial;
  color:#000000;
  text-align:left;
  padding-left:20px;

}
div.imug {
width:auto;
text-align: center;	
margin: 0 auto;	
padding-top: 10px;
}

div.biocontainer {
position: relative; 
padding-top: 20px; 
border-bottom: groove 1px gray
}

#leftcolumn { 
position: relative; 
width: 172px; 
left: 0px; 
height:auto; 
float:none; 
text-align:center; 
border: solid 1px black; 
margin-left:20px; 
margin-top:10px;}
#rightcolumn {
position: absolute; 
width: 60%; 
left: 246px;
padding-top: 20px;  
float:none; 
top: 0px
}

#matriculation img {
position:absolute;
}