body {
   background: #ffffff;
   background-image: url('/resources/images/people_background.jpg');
   background-repeat: no-repeat;
   background-position: top left;
   color: #333; 
   font: 14px Arial, Helvetica, sans-serif; 
   margin: 0; 
   padding: 0; 
  }

a:link, a:visited {
color: #00626d;
}



h1,
div#content div#newslib h2
 { 
  font: 20px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #008291;
  margin-top: 0;
  font-weight: normal;
  }
 

h2 { 
  color: #008291;
  font: 18px  "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
  margin: 0 0 0.5em 0; 
  }


h3 { 
  font: bold 16px  "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color: #008291;
  margin-bottom: 0; 
  }





ul, ol { line-height: 1.5em; font-size: 14px; }
ul { list-style-type: square; }
li { padding: 0.3em 0 0.3em 0; }
a { color: #0000bb; } 
a:link {text-decoration:none;}
a:hover { text-decoration:underline;}
a:visited {text-decoration:none}

#outer {
  text-align: center;
}

#container {
  text-align:       left;
  margin-left:      20px;
  margin-right: 	10%;
  /*margin-right:     auto;
  width: 802px;*/
}




div#header {
float:left;
margin-bottom: 20px;
}

#header img {
float: left;
border: none;
}

#OLDnavigationbar {
margin-left: 20px;
float: left;
width: 155px;
font-family: Arial, Helvetica, sans-serif;
background-color: #E9E8E4; 
}

#navigationbar {
position: absolute;
left: 50px;
width: 155px;
font-family: Arial, Helvetica, sans-serif;
background-color: #E9E8E4; 
}

#navigationbar ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: top; 
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #333; 
line-height: 20px; 
border-right:  1px solid #ccc;
}

#navigationbar  li a { 
height: 1%; 
display: block; 
text-decoration: none; 
color: #333; 
padding: 0 0 0 10px;
}

#navigationbar li {
border-bottom: 1px solid #CECDC9;
}

#navigationbar li a.selected {
background:  #008291;
color: #ffffff; 
}

#navigationbar li a:hover { 
color: #ffffff; 
background: #00214d; 
}

#content {
/*float:right;
width:580px;*/
  padding: 0 0 20px 0;
margin-left: 253px;
}

div#footer {
  margin-top: 20px;
  border-top:		1px solid #069;
  padding:		2px 5px 5px 0;
   clear:		both;
  text-align:		right;
}

/* footer */

#footer img {
  border:		0 none;
  vertical-align:	middle;
}

#footer a {
  color:		#bbb;
  text-decoration:	none;
  font-size:	        9pt;
  font-family:		arial,helvetica,sans-serif;
 
}

#footer a:hover {
  color:		#f00;
}

a.button_link {
  margin:		2px;
  padding:		1px 5px 2px 5px;
  color:		white;
  background-color:	#508768;
  font-weight:		bold;
}


#sotonlogo {
float: right


}

#sotonlogo {
border: none;
font-size:	        9pt;
font-family:		arial,helvetica,sans-serif;
text-align: center;

}

#sotonlogo img {
border: none;
text-align: center;
}

#sotonlogo a:link {
text-decoration:none;
}

#sotonlogo p {
padding-top: 10px;
}

.esrc {
float: right;
margin-right: 30px;
border: none;
margin-top: 30px;

}

.answer {
color: #cc0000;
font-style:italic; 

}

#www {
display: none;
}
 
td {
text-align: left;
width: 300px;
}

input {
float: left;
width: 300px;

}

textarea {
width: 300px;
}

.featureimage {
float: left;
padding: 5px;
}

.submenu {
padding-left: 15px;


}

ul.blue_bullets {
color: #006699; 
}

ul.blue_bullets span {
color: black;
}


.captionbox {
float: left;
width: 121px;
font-size: 80%;
margin-right: 5px;
}
img.scaled {
 width: 100%;
}


div#content div#newslib div.story p.date {
  clear: right;
  margin: 0 0 2px 0;
  text-align: right;
  font-style: italic;
}

div#content div#newslib div.loginbar {
  text-align: right;
  color: #aaa;
}

.aboutusmenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 30px;
  font-size: 8pt;
  margin-bottom: 10px;
}

.aboutusmenu li {
  float: left;
  padding: 5px;
  border-left: 1px solid #ddd;
/*  background-color: #fcfcfc;*/
}

.aboutusmenu li.first {
  border-left: none;
  padding-left: 0;
}

.aboutusmenu li a {
 font-size: 120%;
/* font-weight: bold;*/
}

fieldset {
border: none;
}

fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}

label {
float: left;
width: 8em;
}


fieldset ol {
list-style: none;
padding: 0;
margin: 0;
margin-left: 5px;
}

.submit {
border: 1px solid #333333;
background-color: #008291;
color: #ffffff;
width: auto;
float: none;

}

fieldset input {
border: 1px solid #CECDC9;

}


fieldset textarea {
border: 1px solid #CECDC9;

}

form {
border: 1px solid #bfbfbf;

background-color: #f2efe9;

}

.address {
display: block;
margin-left: 170px;
font-size: 90%;
}

.phone {
margin-left: 90px;
font-size: 90%;
}

.email {
margin-left: 125px;
}

.centre {
text-align: center;
margin-bottom: 5px;
}

.form_width {
width: 450px;
}


#content table {


	border-collapse:collapse;

	border-left:1px solid #014359;

	border-right:1px solid #014359;

	margin-bottom:14px;}



#content table td { margin:0px; padding:3px 6px; vertical-align:top;}

#content table tbody td {border-top:1px solid #014359; border-bottom:1px solid #014359; }

#content table tbody tr.even {background-color:#EBF5FA;}

#content table tbody tr.odd {background-color:#FFF;}

#content table tbody tr:hover {background-color:#CCE5F2;}

#content table tbody tr th { 

	margin:0px; 
	padding:3px 6px;
	border-top:1px solid #014359; 
	border-bottom:1px solid #014359; 
	background-image:url('/resources/images/th.gif');
	background-color:#CCC;
	color:#000;
	font-weight:700;
	text-align:left;
}

.photo  {
  margin:                       0 1em 1em 1em;
  padding:                      1px;
  border:                       1px solid #ccc;
}

.placedleft {
float: left;
}

.placedright {
float:right;
}

.nlink {
    /* padding: 2px; */
    border-top: 1px dashed #CECDC9;
  }

.noborder {
padding: 2px;
}
 #newsBox {
    float: right;
   
   margin: 0;
padding: 0;
    width:165px;
    background:#fff;
    border: 1px solid #cccccc;
    font-size: 0.8em;
     margin-left: 60px;
  }

#newsBox .tab {
    background: #e9e8e4;
    color: #ffffff;
    padding: 2px;
    margin: 0;
   
    color: #333333;
    

  }

#content table#profile {
border: 1px solid #cccccc;
}

#content table#profile th {
background-image: none;
background-color: #ffffff;
width: 100px;
}

table#profile tr.top {
background-color:  #E9E8E4; 

}

#content table#profile tr:hover {
background-color: #ffffff;
}

#content table#profile tr.top:hover {
background-color:  #E9E8E4; 
}

#content table#profile td {
width: auto;

}

#content table#profile td ul {
padding: 0;
}

#content table#profile th {
width: 145px;
}

#content table#profile tbody  td {
border: none;
border-bottom: 1px solid #cccccc;
}

#content table#profile tbody td {
border: none;
border-bottom: none;
}

#content table#profile tbody th {
border: none;
border-bottom: none;
}

div#content #newsBox div.noborder p {
padding: 0;
margin:0;
margin-left: 5px;
padding: 5px;
}

div#content #newsBox div.nlink p {
padding: 0;
margin:0;
margin-left: 5px;
padding: 5px;

}

#content ul.nobullets {
list-style:none;
padding-left: 0px;
margin-left: 0;
}


p.register {
margin-top: 300px;
margin-left: 38px;
_margin-left: 19px;
float: left;
}

p.register img {
border: none;
}

div#content div.homepage {
width: 80%;
_width: 500px;

}