body {
    margin: 50px 0px;
    padding: 0px;
    text-align: center;
    font-family:calibri;
    background-color:d8d8d8;
}

#main_top {
	background:url('images/top_border.gif') no-repeat top right;
	height:50px;
	width:800px;
}

html > body #main_top {
	margin-left:auto;
	margin-right:auto;	
}


#print_page {
	display:none;
}

#main {
    width: 800px;
    height:1300px;
    border: 1px solid black;
    border-width: 0px 2px 0px 2px;
    margin: 0px auto;
    text-align: left;
    padding: 15px;
    background-color: white;
    position:relative;
}

html > body #main {
	width:766px;
	margin-left:auto;
	margin-right:auto;
}


#sub_logo {
	font-style:italic;
	font-size:14pt;
}

#menu_holder {
	height:85px;
	width:760px;
	background-image:url('images/glass_shapes_purple_red.png');
	background-repeat:no-repeat;
	color:white;
	font-size:14pt;
	font-weight:bold;
	position:absolute;
	top:100px
}

#menu1 {
 	margin-left:20px;
 	margin-top:10px;
}
#menu2 {
	margin-left:300px;
}

#menu1 a {
	color:white;
	text-decoration:none;
}

#menu1 a:hover {
	color:#cc0000;
}

#main_body {
	position:absolute;
	top:200px;
}

.small_box {
	position:absolute;
	background:url('images/small_box.gif') no-repeat top left;
	height:150px;
	width:175px;
	padding-left:2px; padding-right:2px; padding-top:20px; padding-bottom:20px;
}

.small_box p {
	text-align:center;
	font-size:16pt;
}

#small_box4 p {
	text-align:center;
	font-size:12pt;
}

#small_box4 h2 {
	text-align:center;	
}

html > body #small_box4 {
	padding-top:0px;
}

html > body .small_box {
	padding-top:0px;
}

.large_box {
	width:590px;
	position:absolute;
	top:100px;
	left:200px;
}

.large_box_top {
	height:20px;
	background:url('images/large_box_top.gif') no-repeat top left;
	position:relative;
	top:0px;
	left:0px
}

.large_box_middle {
	border:1px solid black;
	border-width: 0px 1px 0px 1px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:0px;
	padding:5px;
	height:980px;
	width:578px;
}

html > body .large_box_middle {
	width:578px;
}

.large_box_bottom {
	height:20px;
	background:url('images/large_box_bottom.gif') no-repeat top left;
	position:relative;
	top:0px;
	left:0px
}

#envelope {
	float:left;
}

#logos {
	position:relative;
	margin-left:10px;
	margin-top:-10px
}

#dmu_logo {

}

#ahrc_logo {

}

#lboro_logo {

}

#main_bottom {
	background:url('images/bottom_border.gif') no-repeat top left;
	height:50px;
	width:800px;
	position:relative;
	top:0px;
	left:0px;
}

html > body #main_bottom {
	margin-left:auto;
	margin-right:auto;
}


.time {
	font-weight:bold;
}

#main_top {
	background:url('images/top_border.gif') no-repeat top right;
	height:50px;
	width:800px;
	margin-left:0px;
	#
}

#main {
	width:800px;
	#
}

#main_bottom {
	background:url('images/bottom_border.gif') no-repeat top left;
	height:50px;
	width:800px;
	margin-left:0px;
	#
}

.large_box_middle {
	width:590px;
	#
}

html > body #logos {
	left:0px;
}

#logos {
	position:relative;
	left:-400px;
	#
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 180px;
height: 70px;
padding: 5px;
}

html > body #pscroller1 {
	width:170px;
}


#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}