body		{ 	font-family: Arial; 	color: #000000; 	font-size: smaller; 	background : #666666; 	padding : 0; 	margin : 0; } H1 { 	font-family:  "Arial Rounded MT Bold", Arial; 	font-size: xx-large; 	font-weight: normal; 	color: red; 	margin: 4px 4px 4px 4px; } H2 { 	font-family:  "Arial Rounded MT Bold", Arial; 	font-size: large; 	font-weight : light; 	color: red; 	margin: 0px 4px 4px 4px; } H3 { 	font-family:  "Arial Rounded MT Bold", Arial; 	font-size : small; 	color: red; 	margin: 4px 4px 4px 4px; } H4 { 	font-family:  "Arial Rounded MT Bold", Arial; 	font-size : large; 	color: red; 	margin: 4px 4px 4px 4px; } P { 	margin: 0px 4px 8px 4px; } UL { 	margin-top: 0px; 	margin-bottom: 0px; 	list-style-type: disc; } LI { 	margin-bottom: 4px; 	font-size: small; } HR { 	margin-bottom : 0px; 	margin-top : 0px; } A:visited EM ,A:link EM,A:active EM, A:visited,A:link,A:active { 	color : #000088; } EM { 	font-family:  "Arial Rounded MT Bold", Arial; 	font-style: normal; 	font-size: normal; 	color:red; } IMG { 	padding : 0px; 	border: none; } div#wholepage { 	background : #DDDDDD; 	padding : 0px; 	border : 8px solid #888888; 	width : 920px; 	margin-left: auto ; 	margin-right: auto ; 	margin-top : 5px; } div#navcontainer { font-family:  "Arial Rounded MT Bold", Arial; padding-left: 0; margin-left: 0; padding-right: 0; margin-right: 0; margin-bottom: 20px; background-color: black; width: 100%; } div#navcontainer IMG { margin-left : 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; /* width : 400px; */ /* height : 100px; */ } img#title { 	float: left; } img#logo {    float: right; } div#navcontainer img { 	border: thin; } #navcontainer ul { padding-left: 0; margin-left: 0; padding-right: 0; margin-right: 0; background-color: #666666; color: White; float: left; width: 100%; } #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 4px 6px; background-color: #666666; color: #DDDDDD; text-decoration: none; float: left; border-right: 1px solid #fff; /* font-weight: bold; */ } #navcontainer ul li#active a { background-color: #222222; color: red; } #navcontainer ul li a:hover { background-color: #EEEEEE; color: #444444; } div#page { 	padding: 20px 12px 12px 12px; } div#page img, div#page p img { 	border : none; } div.clear { 	clear: both; } div.gap { 	padding: 20px 0px 0px 0px; } div.envelope { background : url( 'http://www.rainertechnology.co.uk/BITS%5CRiceAndNoodlesDRAFT.nsf/WebImages/Stamp/$FILE/Stamp.jpg') no-repeat top right ; background-color:white; width:250px; height:100px; padding: 40px 20px 0px 20px; margin: 0px; border : solid thin grey; font-weight : bold; } .floatright { float: right; clear: right;  margin: 0 0 10px 10px; border: 1px solid #666; padding: 2px; } .floatleft { float: left; clear: left;  margin: 0 10px 10px 0px; border: 1px solid #666; padding: 2px; } div.acknowledge A { font-size: xx-small;  color : grey; align: right; } div.photoleft { font-size: small; font-weight:bold; width:410px; border: solid thin grey; background-color: white; text-align:center; margin: 5px 5px 25px 5px; padding: 10px 10px 10px 10px; float:left; clear: left;  } div.photoright { font-size: small; font-weight:bold; width:410px; border: solid thin grey; background-color: white; text-align:center; margin: 5px 5px 25px 5px; padding: 10px 10px 10px 10px; float:right; clear: right; } div.photoleft IMG, div.photoright IMG { padding-bottom: 5px; }