body {
   background: #ffffff;   
   color: #333; 
   font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
   margin: 0; 
   padding: 0; 
  }

h1 { 
  font: 20px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #9caa3b;
  margin-top: 0;
  }
 



h2 { 
  color: #000000; 
  font: bold 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: #006699; 
  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: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 {
margin-left: 15px;
border: none;
}

#navigationbar {
margin-left: 25px;
float:left;
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:link, #navigationbar li a:visited { 
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: #00214d;
color: #ffffff; 
}

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

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

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%;
}


.ecommerce-form input {
    margin-left: 1em;
    float: none;
}
.ecommerce-form label {
    float: left;
    width: 9em;
    text-align: right;
}
.warning {
    color: red;
}


.headline {
  border: 1px solid #006699;
  background-color: #EEE;
  padding: 8px;
  margin-right: 10px;
}