@charset "utf-8";
/* CSS Document */
body {
	background-color:#000000;
	color:#b0b7bc;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
}
body, div, p, #content h1, #mainmenu ul, form, #gallery {
	margin:0;
	padding:0;
}
a, a:active, a:visited {
	color:#00baf7;
	text-decoration: none;
}
a:hover {
	color:#ffffff;
}
#header, #mainmenu, #content, #contact, #footer, #masthead {
	margin:auto;
}

#header, #mainmenu, #content, #contact, #footer {
	width:852px;
	padding-left:24px;
	padding-right:24px;	
}

#masthead {
	width: 900px;	
}

#header {
	height:95px;
	background-image: url(../images/logo_brentfordrtc.gif);
	background-repeat: no-repeat;
}
#header p {
	text-indent:-9000em;	
}
#menuContainer {
	background-color:#1c1c1c;	
}
#mainmenu {
	height:22px;
	padding-top:4px;
}
#mainmenu ul {
	list-style-type: none;
	font-weight: bold;
}
#mainmenu li {
	display:block;
	float:left;
	font-size: 1.05em;
	padding-right: 25px;
}

#section {
	color:#ffffff;	
}
#contentContainer {
	background-color:#303030;
	padding-top:23px;
	padding-bottom:25px;
}
#content h1 {
	margin-top:40px;
	margin-bottom:28px;
	font-size:1.4em;
	color:#ffffff;
}
#content h2 {
	margin-top:40px;
	margin-bottom:10px;
	font-size:1em;
	color:#ffffff;
}
#content p, #contact p {
	margin-bottom:15px;
}
#contactContainer {
	background-color:#494949;	
}
#contact {
	padding-top:40px;
	padding-bottom:40px;
}
input, textarea, form br {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #303030;
	background-color: #444444;
	color:#838383;
	margin-top:15px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
}
input {
	height:20px;
}
#student, #identifier {
	width:270px;	
}
#email {
	width:330px;
}
#comments {
	font-size:0.9em;
	width:470px;
	height:200px;
	padding-bottom:4px;
}
#submit {
	color:#00baf7;	
	padding:0px !important;
	height:24px;
	width:60px;
}
form p {
	margin-bottom:0px !important;	
}
#footer {
	padding-bottom:25px;
	padding-top:25px;
}
#plagroLink a {
	color:#ffffff;
}
#plagroLink a:hover {
	color:#00baf7;
}
#w3c a img {
	border: none;
	margin-top:5px;
}
#pdf {
	margin-left: 50px;
	list-style-type: none;
}
#pdf li{
	display: block;
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 23px;
	padding-left: 40px;
	padding-top:10px;
	margin-bottom:10px;
}
#gallery {
	list-style-type: none;
	height:380px;
	margin-top:35px;
}
#gallery li {
	display:block;
	width:103px;
	float:left;
	margin-right:17px;
	margin-bottom:10px;
	padding-left:3px;
	padding-top:3px;
	
}
#gallery li a img{
	border:none;
	margin:0px;
	padding:0px;
}
#gallery li a {
	border: 4px solid #494949;
	height:100px;
	width:100px;
	display:block;
}
#gallery li a:hover {
	border: 4px solid #ffffff;
}