html {
  height:100%;
  margin-bottom:1px;
}

body {
  margin:5px auto;
  padding:0;
  background-color:#DCE0E1;
  font-family:verdana;
  font-size:11px;
  color:#4C4C4C;
  width:775px;
  text-align:center;
}

ul, ol, h1, h2, h3, h4, h5, h6, form, p, fieldset {
  margin:0;
  padding:0;
  border:none;
}

input, select {
  font-size: 10px; 
}

h1, h2, h3, h4, h5, h6 {
  font-size:13px;
  font-weight:500;
}

a:link, a:visited {
  color:#414656;
}

a:hover, a:active {
  text-decoration:underline;
  color:#171717;
}

a img {
  border:none;
  vertical-align:bottom;
}

#header {
  height:85px;
  width:775px;
  margin-bottom:5px;
  background:#DCE0E1;
}

#banner {
  width:590px;
  height:85px;
  float:left;
  display:inline;
  text-align:right;
  background:#FFF;
}

#ttf {
  width:175px;
  text-align:center;
  display:block;
  float:left;
}

#mrsaLogo{
	float: left;
}

.grayBox {
	text-align:center;
	color: #FFF;
	background-color: #808080;
	width: 155px;
	padding: 3px;
	margin-left: 5px;
}

#login {
  height:85px;
  width:185px;
  float:left;
  display:inline;
  text-align:left;
  vertical-align:bottom;
}

#login form {
  margin:10px 0 0 10px;
  vertical-align:bottom;
}

#login label {
  color:#41613A;
  font-size:14px;
  font-weight:700;
}

#banner div {
  display:inline;
}

#banner div img {
  vertical-align:middle;
  border:none;
}

.homeApproval {
	text-align:center;
	background-color: #808080;

	color: #FFF;
	margin: 5px;
	padding: 3px;
}

#login_form {
  vertical-align:bottom;
}

#login_form #programme {
  border:1px solid #ccc;
}

#login_form #submit {
  vertical-align:bottom;
}

#nav {
  display:block;
  width:775px;
  height:25px;
  margin:0 0 5px 0;
  padding:0;
  background:#C80000;
  text-align:center;
  line-height:25px;
  vertical-align:bottom;
}

#nav li {
  display:inline;
  list-style-type:none;
  color:#FFF;
  vertical-align:bottom;
  font-size:11px;
  padding:0 1px;
  text-transform:uppercase;
  height:25px;
  line-height:25px;
}

#nav li a:link, #nav li a:visited {
  color:#FFF;
  text-decoration:none;
}

#nav li a:hover, #nav li a:active {
  text-decoration:underline;
}

#main {
  width:775px;
  text-align:left;
  height:450px;
  margin-bottom:5px;
  overflow:hidden;
}

#main #left {
  width:170px;
  float:left;
  height:450px;
  background:#FFF;
}

#news {
  background:#FFF;
  padding:0 5px;
  height:240px;
  margin:0 !important;
  color:#4C4C4C;
}

#news h2 {
  font-size:13px;
  font-weight:bold;
  padding-top:5px;
}

#news ul {
  width:160px;
  margin:0 !important;
  padding:0;
  list-style-type:none;
}

#news ul li {
  border-bottom:1px solid #C5C5C5;
  margin:3px 0;
  padding:5px 0 4px 0;
}

#news a {
  text-decoration:none;
  color:#4C4C4C;
}

#main #middle {
  width:395px;
  margin:0 5px;
  float:left;
  display:inline;
}

#middle .upper, #middle .upper img {
  vertical-align:bottom;
  height:195px;
}

#middle .lower {
  margin-top:5px;
  height:250px;
}

#middle .lower div {
  width:195px;
  float:left;
  background:#FFF;
  height:250px;
  display:inline;
}

#middle .lower ul {
  margin:5px 0 5px 22px;
}

#middle .lower ul li a {
  text-decoration:none;
}

.bullet {
  background:url(/images/bullet.gif) no-repeat left top;
  padding-left:12px;
  display:block;
}

#middle .lower div h3, #right .upper h2, #right .lower h3, #left .lower h3 {
  display:block;
  height:15px;
  background:#C6D2C6;
  padding:3px 5px;
  color:#414656;
}

#right .upper h2 {
  color:#C80000;
}


#main #right {
  width:200px;
  float:left;
}

#right .upper {
  background:#FFF;
  height:195px;
  overflow:hidden;
}

#right p, #middle p, #left p {
  margin:5px;
}

#right ul, #middle ul, #left ul {
  margin:5px 5px 5px 20px;
}


#right .lower {
  background:#FFF;
  height:250px;
  margin-top:5px;
}

#registration fieldset p {
  margin:5px 0;
}

#registration fieldset, #registration div {
  margin:20px;
  background:#BBC5C7;
}

#registration fieldset div, #contact p {
  margin:0;
  clear:both;
}

#registration label, #contact label {
  width:150px;
  display:block;
  float:left;
  margin:5px;
  clear:left;
}

#registration input, #registration select, #registration textarea, #contact input {
  float:left;
  margin:5px 0;
  font-family:verdana;
  font-size:11px;
}

#contact #submit, #contact #reset {
  margin-right:5px;
}

#registration a {
  margin:5px;
}

#registration select, textarea {
  width:170px;
}

#registration #date {
  width:45px;
}

#registration #month {
  width:100px;
}

#registration #year {
  width:60px;
}

#footer {
  width:775px;
  text-align:center;
  color:#FFF;
  background:#C80000;
  height:14px;
  padding:5px 0;
}

#footer a:link, #footer a:visited {
  color:#FFF;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#footer div {
  width:205px;
  float:left;
  text-align:left;
  margin-left:5px;
  display:inline;
}

#footer ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width:545px;
  text-align:center;
  float:left;
}

#footer ul li {
  display:inline;
  text-transform:uppercase;
  padding:0 2px;
}

#go {
  cursor:pointer;
}