* {
	margin:0;
	padding:0;
	font-size:100%;

}

body {
  background-color: #CCCCCC;
  color: #333;
  font-family:georgia, serif; 
  font-size:0.625em;
  margin: 0;
  padding: 0; 
  text-align: center;
}

h2 {
  color: #014359; 
  font-size: 1.8em; /*2.0em */
  font-weight: 400;
  line-height: 1.24em;
  margin-bottom: 1em
}


h3 {
  color: #014359; 
  
  font-weight: 400;
  line-height: 1.24em;
  margin-bottom: 1em
}

h4 {
 color: #014359; 
  font-weight: 400;
  line-height: 1.24em;
  margin-bottom: 1em
}

#content h3 a {
 color: #014359; 
 font-size: 1.5em;
}

div#content ul {
font-size: 1em; 
margin-bottom: 1em; 
width: 460px;
font-family: verdana, sans-serif
}

div#content h4 {
 font-family:georgia, serif; 
font-weight: 400;

font-size: 1.4em;
margin-bottom: 1em;
color: #005355;
}

a {
  color: #3344dd;
  font-family:georgia, serif; 
  text-decoration:none;
}

a:visited {
  color: #884488;
  text-decoration: none;
}




a:hover {
color: #bb1122;
text-decoration: underline;
}

#container {
  background-color: #ffffff;
  border: 2px solid #c0c0c0;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  text-align: left;
  width: 940px; 
}

#header {
  background-color: teal;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  border-bottom: 4px solid #959e40;
  height: 237px; 
  margin-bottom: 10px;
}


div#header p.summary {
   
 
   background-image: url(/geodataweb/resources/images/bg_summary.png); 
   background-repeat: repeat;
   color: #ffffff; 
   float: left;
   font-size: 1.3em; /*1.6em */
   line-height: 1.3em;

   padding-top: 10px; 
   padding-bottom: 10px;
   width: 547px;
   _background-image: none;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/geodataweb/resouces/images/bg_sumary.png', sizingMethod='scale');

}

.normalmargin {
margin-top: 66px;
padding-right: 120px;
}

.extramargin {
margin-top: 70px;
padding-left: 246px;
padding-right: 147px;
}

div#header  p.summary span.white  {
  color: #ffffff;
  font-family: georgia, serif;
  font-size: 26px;
  font-weight: normal;  
}



div#header  p.summary span.grey {
  color: #c3c7ca;
  font-family: georgia, serif;
  font-size: 26px;
  font-weight: normal;
}



.branding {
 background-image: url(/geodataweb/resources/images/geodata/soton_logo.png);
  background-repeat: no-repeat;
background-position: center center;
  float: right;
  height: 89px;
  margin: 10px;
  width: 283px;
 _background-image: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/geodataweb/resources/images/geodata/soton_logo.png', sizingMethod='scale');
}

.branding img {
  border: none;
}

/* Hidden as only required for print version */

.blacklogo {
 display: none;
}

#navigation {
 
  float: left;
  margin-left: 20px;
  margin-top: -180px;
  width: 210px;	
  _margin-left: 10px;
}

#navigation ul {
  font-family: Georgia, serif;
  margin: 0;    
  padding: 0;
    position: relative;
   z-index: 1;
}



div#navigation li#homepage {
  background-color: #07a285;
  border-bottom: 3px solid #ffffff; 
 
}

div#navigation li#homepage a {
 background-image: url(/geodataweb/resources/images/home.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
}

div#navigation li#homepage a:hover {
 background-image: url(/geodataweb/resources/images/home_hover.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
}

div#navigation li.endsection {
  border-bottom: 2px solid #80b9ba;
}

#navigation li {
  background-color: #007275;
  border-bottom:1px solid #80b9ba;
  display:block;
}


#navigation li a {
 font-size: 1.3em; /* 1.6em original size */
}

#navigation li.search {
 background-color: #07a285;
  border-top: 3px solid #ffffff;
}

#navigation li.search label {
display: none;
}



.textinput{ 
border: 2px solid #c1e8e0;
margin: 5px;
font-size: 1.2em;
width: 170px;
}

.submit {
width: 16px;
height: 16px;
vertical-align: middle
}


#navigation a {
  color: 	 	#FFFFFF;
  display:		block;
  line-height: 		1.5em;
  padding: 5px 7px;
 /* 5px, 9px original size*/
  text-decoration: 	none;
}


#navigation a:hover {
  background-color:	#006062;
}

#navigation li a.selected {
  background-color: #006699;
 /* border-top: 1px solid #80b9ba;
  border-bottom: 1px solid #80b9ba;*/
}

#navigation li a.highlight {
  background-color: #006062;
}

div#navigation ul ul.submenu li a, div#navigation ul li.submenu a{
background-image: url(/geodataweb/resources/images/nav_round.gif);
background-repeat: no-repeat;
background-position: 25px 1.1em;
border-bottom: none;
padding-left: 36px;
}

div#navigation ul ul.submenu li {
border-bottom: none;
} 

div#content {
  font-family: verdana,sans-serif;
  font-size: 1.2em; 
  line-height: 1.5em;
  margin-bottom: 3em;
  margin-left: 240px;
  margin-right: 10px;
  padding: 10px;
  padding-top: 2px;
 
 
}

#content  li{
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
  margin-left: 30px;
}

#content li a {
font-family: verdana,sans-serif;
font-size: 1.1em; 
line-height: 1.5em;
color:  #3344dd;
}

#content  a:hover {
color:  #bb1122;
}

#content a:visited {
  color: #884488;
}
#content h1, div.details h1 {
  color: #014359;
  font-weight: 400;
  font-size: 2.0em; /* from 2.8em */ 
  font-family:georgia, serif;
  line-height: 1.3em;
  margin-top: 15px;
  margin-bottom: 15px;
  width:	460px;
}

div#content p.opening {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  color: #005355;
  font-family: Georgia,serif;
  font-size: 1.44em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  line-height: 1.4em; 
  width: 460px;

}

div#content p {
  font-family: verdana,sans-serif;
  font-size: 1.1em;
   line-height: 1.5em;
  margin-bottom: 1em;
}

#content img {
  border: none;
}

#content p, .article-content p {
 width: 460px;
 _width: 450px;
}

#content div#newsBox {
  background-color:	white;
  border:		1px solid #E6F3F1;
  float:		right;
  font-size:		1em;
  margin-top:		5px;
  margin-left:		15px;
  width:		188px;
}



div#newsBox p {
  font-size:		1em;
  margin: 0;
  width: auto;
  padding:		5px;
  border-bottom: 1px dashed #cccccc;
}

#content div#newsBox a {
color: #014359;
font-size: 0.9em;
}

#content div#newslib div.story h3 a {
font-size: 1.6em;
}


#crumbs {
  list-style: none;
}

div#crumbs ul li {
   margin-left: 0;
   padding-left: 0;
  color: #9e9e9e;
  display:inline;
  font-size: 0.8em;
  padding-right: 5px;
}

#crumbs {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 0;
}

#content #crumbs ul {
  font-family: Georgia,serif;
  font-size: 1em;
  margin-bottom: 3px;
  margin-top: -0.5em;
  margin-left: 0;
}


div#right_sidebar {
  background-color:	white;
  border: 1px solid black;
  font-size:		0.9em;
  float:		right;
  margin-top:		5px;
  margin-bottom: 3em;
  margin-right:		5px;
  padding: 10px;  
  width:		150px;
}

.imageblock {
  float: right;
  margin-left: 20px;
  margin-bottom: 3em;
  text-align: center;
  width: 200px; 
}

.imageblock img {
  margin-bottom: 10px;
}





#footer {
  background-color: transparent;
  border-top: 1px solid  #cccccc;
  color: #999;
  font-size: 1em;
  text-align: right;
  padding: 2px 5px 5px 0;

}

#footer img {
  border: none;
  padding-left:	5px;
  vertical-align: middle;
}

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

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

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

.placedleft {
  float: left;
}

.placedright {
 float:right;
 margin: 0;
 padding: 0;
}

.printedfooter {
  display: none;
}

.printOnly {
  display: none;
}

div.featured {
 margin-top: 10px;
}

.details ul, .training ul {
  margin-left: 15px;
  margin-bottom: 1em;
}

.details li, .training li {
line-height: 1.7em;

}

/* Styles for the training page */



#content p.info {
font-size: 1em;
width: 470px;
border: 1px solid #cccccc ;
padding: 5px;
}

#content h2 a {
  font-family: arial,helvetica,sans-serif;
  color: #014359; 

  font-weight: 400;
  line-height: 1.24em;
  margin-bottom: 1em
}



/* Project page styles */

div.details {
  border-bottom: 1px dotted #c2c2c2;
}

.similar {

  /*background-image: url(/geodataweb/resources/images/geodata/box_bg.jpg);
  background-repeat: repeat-x; */
  border: 1px solid #E6F3F1;
  clear: right;
  float: right;
  
  margin-bottom: 15px;
  margin-left: 15px;
  padding: 0;
  width: 188px;
  _margin-left: 0px;
 margin-top: 6px; 
}

div#content div.similar h4, div#content div#newsBox h4 {
  font-size: 1.1em;
  background: #e6f3f1;
  height: 25px;
  line-height:25px;
  margin: 0;	
  padding: 0;	
  text-indent:8px;	
}

#content div.similar ul {
  margin: 5px;
 width: auto;
 }



#content div.similar ul li a {
  font-family: verdana,sans-serif;
  font-size: 1em;
 
}

.recent_history ul {
  margin: 0;
  padding-top: 15px;
}

#content div.recent_history li {
  border: 1px solid #cfcfcf;
  display: inline;
  margin: 0;
  margin-left: 10px;
  padding: 5px;
  background-image: url(/geodataweb/resources/images/geodata/box_bg.jpg);
}

#content div.recent_history a {
  text-decoration: none;

}

.nudgedown {
  margin-top: 15px;
}




div.captioned_photo {
width: 188px;
border: 1px solid #e6f3f1;

}

div.captioned_photo img {
border: 2px solid #ffffff;
padding: 2px;
padding-bottom: 0;


}

#content div.captioned_photo div.caption {
   text-align: left;
   font-size: 0.8em;
   padding: 5px;
   color: #333;
   /* background-color: #ccc; */
 background-color: #dbccb5;
}

#content div.captioned_photo div.caption p {
  width: 183px;
  margin: 0;
  padding: 0;
  font-family: georgia,serif;
}

#content div.project {
width: 475px;
} 



img.scaled {
 border: none;
 width: 184px;
}

.morelink {
 margin-top: 15px;
}

.morelink a {
 color:  #3344dd;
 margin-left: 30px;
 font-family: verdana,sans-serif;
 padding: 6px;
}

.leftmargin {
margin-left: 15px;
}


.clr_right {
clear: right;
}

#content img.map {
padding: 2px;
border: 1px solid #E6F3F1;
}

.border_bottom {
 border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  width: 473px;
  font-family: Georgia,serif;
  margin-bottom: 10px;
  padding-bottom: 10px;

}

#content .informationbox {
border: 1px solid #cccccc;
background-color: #f4f4f4;
padding: 5px;
margin-bottom: 30px;
padding-bottom: 0px;
padding-top: 10px;
padding-left: 10px;
font-size: 0.9em;
/* width: 450px; */
margin-right: 50px;
margin-left: 50px;
}

#content div.node p {

font-size: 1.1em;
line-height: 1.6em;
width: 400px;
float: left;

}
#content div.coursebox div.node h3 {
padding-top: 15px;
}

#content div.coursebox div.node h3 a {
color: #3283c8;
}


div.coursebox {
margin-bottom: 1.5em;
border-bottom: 1px solid #cccccc;
float: left;
width: 660px;
}

#content div.node img {

padding: 2px;
border: 1px solid #cccccc;
float: left;
height: 100px;
margin-top: 8px;
margin-right: 12px;
margin-bottom: 12px;
margin-left: 0pt;
margin-top: 45px;
}

div.coursebox table {
float: right;
padding-right: 20px;

}

div#attributes th {
padding-right: 10px;
}

.toplink {
text-align: center;
clear: both;
}

.sotonlinks {
width: 940px;
padding-right: 0px;
padding-left: 20px;
font-size: 1.1em;

padding-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-top: 10px;
list-style-type: none;
margin: auto;
}

.sotonlinks UL LI {

	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 0.8ex; DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 0.8ex

}

.sotonlinks UL LI.last {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px

}


.sotonlinks ul li a 
{
color: #333333;
font-family: verdana,sans-serif;
text-decoration: none;
}

.sotonlinks a:hover 
{
text-decoration: underline;
}


/* CSS 3 stuff */

#container {
-moz-box-shadow: 5px -5px 30px #b0b0b0;
-webkit-box-shadow: 5x -5px 30px #b0b0b0;
/* box-shadow: 5px -5px 4-px #b0b0b0; enable when css 3 becomes standard*/

}

#content div.node ul  {
float: left;
clear: both;
margin-left: 120px;
margin-top: 0;

}


/* staff pages */

.staff 

{
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid  #dddede;

}

.staff .img, .staff .txt, #staff_profiles .img

{
  float: left;
  width: 130px;
  margin-left: 10px;

}

.staff .img 
{

  margin: 0;
  width: 120px;
}

.clear 

{
  display: block;
  clear: both;
  margin-bottom: 0pt;
}

#staff_profiles {
width: 460px;
float: left;
border-top: 1px solid #dddede;
border-bottom: 1px solid #dddede;
}

div#staff_profiles div.staff p {
font-size: 1em;
}

.first {
border-top: none;
}

p.jobtitle {
margin: 0;
padding: 0;
}

div.txt h4 {
margin: 0;
padding: 0;
}


#staff_profiles h2 {
margin: 0;
padding: 0;
}

/* forms */
#content form {
width: 460px;
}

#content fieldset {
padding: 0;
}

#content legend {
margin-left: 1em;
color: #000000;
font-weight: bold;
}

#content form fieldset ul {
padding: 1em 1em 0 1em;
list-style: none;
}

#content form fieldset li {
list-style: none;
padding-bottom: 1em;
}

#content form label {
float: left;
width: 10em;
margin-right: 1em;
padding: 0;
}

#content fieldset li {
float: left;
clear: left;
padding-bottom: 1em;
}