#content{
	background-image:url(../images/classtita2.gif);
	display:block;
	height:500px;
}

#box{ 
	background-color:#222222;
	padding-left: 10px;
}

#top{ /*title line on the yellow*/
	background-image: url(../testimages/top2.JPG);
	height: 32px;
	width: 855px;
	padding-top: 12px;
	padding-left: 20px;
	background-color:#CCCCCC;
	font-weight: bold;
}

#center { /*center part of the page*/
	background-image: url(../testimages/panel2.JPG);
	height: auto;
	width: 875px;
}

#center p{ /*text in the center
	display: block;
	padding-left: 40px;
	width: 710px;*/
}

#center li{
	margin-left: 40px;
	width: 500px;
}

#boldtitle {
	font-size:14px;
	font-weight: bold;
	
}

#bot {
	background-image: url(../testimages/bottom2.JPG);
	height:68px;
	width: 875px;
}

#bold {
	font-style: oblique;
}

/*subsea content*/
#tophalf {
	height: auto;
	width: 700px;
}


.float{ /*subsea1.jpg*/
	float:left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	display:inline;
}


#bottomhalf {
	height: auto;
	width: 720px;
}

#bottomhalf #p{
	width: 150px;
	padding-left: 50px;

}

.float2{ /*subsea2.jpg*/
	float:right;
	padding-left: 30px;
	padding-right: 30px;
	paddint-top: 30px;
	display:inline;
}

.spacing{ /*creating a space to the left of the text in the bottom half*/
	padding-left: 30px;
}