/* Element Styles */

body {
  margin: 5px;
  padding: 0;
  background-color: gray;
  color: black;
  font: 11pt Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  min-width: 1000px;  
  text-align: center;
}

#smallFont p {
 font-size: 8pt;
 margin: 5px 5px 5px 5px;
}

#smallerFont p {
 font-size:4pt;
}

#wrapper {
  width: 1000px;
  background-color: white;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

#header {
width: 100%;
}

#map {
width: 500px;
height: 300px;
}

#mapdiv { width:800px; 
	  height:600px; 
	  padding-top: 20px;
	  border: 1px solid black;}
	  
	  
div.olControlAttribution { bottom:3px; }
    
#bbox_drag_instruction {
	height:1.5em; 
	padding-bottom: 10px;}
	
#bbox_adjust_instruction { 
	height:1.5em; 
	display:none;  
	padding-bottom: 10px;}

#menu {
margin: -4px 0 0 0;
color: white;
font-size: 12px;
line-height: 24px;
font-weight: bold;
word-spacing: 1.6em;
background-color: #467082;
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
}


#map_element1 {
border: 1px solid black;
width: 800px; 
height: 600px
}

#map_element2 {
border: 1px solid black;
width: 800px; 
height: 500px
}


#layer1 {
float: left;
padding: 0 0 0 5px;
}

#layer2 {
float: right;
padding: 0 8px 0 0;

}

#BubbleText {
width: 390px; 
}

#menu ul {
margin: 0;
padding: 0;
}

#menu li {
 display: inline;
 }

#menu a:link, #menu a:visited {
 text-decoration: none;
 color: white;
 }
 
#menu a:hover {
 text-decoration: underline;
 }


#menu2 {
color: black;
font-size: 12px;
line-height: 22px;
font-weight: bold;
word-spacing: 1.6em;
background-color: #D5F3D0;
border-left: 1px solid LightGrey;
border-right: 1px solid LightGrey;
border-bottom: 1px solid LightGrey;
text-align: center;
width: 400px;
margin-left: 300px;
}


#menu2 ul {
margin: 0;
padding: 0;
}

#menu2 li {
 display: inline;
 }

#menu2 a:link, #menu2 a:visited {
 text-decoration: none;
 color: black;
 }
 
#menu2 a:hover {
 text-decoration: underline;
 }


#sidebar {
 width: 155px;
 float: left;
 margin: 5px;
 padding: 0;
}

#sidebar p {
 font-size: 8pt;
 margin: 0 5px 0 5px;
 padding: 5px 0 5px 0;
}


#sidebar_box {
 background-color: #eaeff3; 
 border: 1px solid LightGrey;
 margin: 0 0 10px 0;
}

#sidebar_box2 {
 background-color: #D5F3D0; 
 border: 1px solid LightGrey;
 margin: 0 0 10px 0;
}

#sidebar_box3 {
 background-color: #D5F3D0; 
 border: 1px solid LightGrey;
 margin: 0 0 10px 0;
}
 
#sidebar_right {
 width: 160px;
 float: right;
 margin: 0;
 padding: 5px;
}

#sidebar_right p {
 font-size: 8pt;
 margin: 0 5px 0 5px;
 padding: 5px 0 5px 0;
}

#sidebar ul {
    margin: 5px 0 5px 0;
    padding: 0 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
}

#sidebar li {
  padding: 0;
  line-height:20px;
}

#sidebar_right ul {
    margin: 5px 0 5px 0;
    padding: 0 5px 0 5px;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
}

#sidebar_right li {
  padding: 0;
  line-height:20px;
}

#vertical_150 {
 width: 155px;
 float: left;
 margin: -10px 10px 0 0;
 padding: 0;
}

.centerText {
text-align: center;
}

.centerElement {
width: 510px;
margin-left: auto;
margin-right: auto;
}


.site_list {
width: 100%;
border-top: 1px solid black;
}

.line1 {
border: solid gray 1px;
margin: 10px 0 10px 0;
}


.column20 {
width: 20%;
vertical-align: top;
text-align: left;
font-weight: bold;
}


.title_column {
text-align: center;
font-weight: bold;
colspan: 2;
}

.site_list2 {
width: 100%;
}

table.columns3 {
border-spacing: 1px;
width: 100%;
border: 1px;
border-collapse: collapse;
}

table.columns3 tr {
vertical-align: top;
}

table.columns3 td.td1 {
width: 33%;
padding: 1px 5px 1px 5px;
 background-color: #eaeff3; 
}

table.columns3 td.td2 {
width: 33%;
padding: 1px 5px 1px 5px;
}

table.columns3 td.td3 {
width: 33%;
padding: 1px 1px 5px 5px;
background-color: #eaeff3; 
}

table.applicant {
width: 100%;
font-size: 12px;
border-collapse: collapse;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-top: 5px;
margin-bottom: 5px;
}

table.applicant thead tr th {
border-bottom: 1px solid black;
}

table.applicant tbody td.title {

}

table.applicant tbody tr {
line-height: 1.8em;
}


table.applicant tbody tr.odd {
background-color: #F0F0F0;
}

table.applicant tbody tr.even {
background-color: white;
}



table.form_table1 {
border: 0;
width: 100%;
}

table.form_table1 tr{
line-height: 2em;
vertical-align: middle;
}

table.form_table1 tr.top{
vertical-align: top;
line-height: 1em;
}

table.form_table1 tr.bottom{
vertical-align: bottom;
line-height: 1em;
}

table.form_table1 td.title {
font-weight: bold;
width: 200px;
}

a:link, a:visited {
 text-decoration: underline;
 color: blue;
}

a:hover {
 color: red;
 }
 
img {
border: 0px;
 }


#content1 {
  width: 825px;
  margin: 0 0 0 165px;
}

#content2 {
  width: 1000px;
  margin: 0;
}

#content3 {
  width: 655px;
  margin: 0px 165px 0px 170px;
}

#content4 {
  width: 820px;
  margin: 0px 0px 0px 170px;
}

#inner {
  padding: 0 5px 5px 5px;
}



#breadcrumb {
  width: 1000px;
  border-bottom: 0px solid black;
  color: teal;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}

#breadcrumb p {
  margin: 0;
  padding: 0 10px;
}

#breadcrumb a:link, #breadcrumb a:visited {
 text-decoration: none;
 color: teal;
 }

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

#box1 {
border: 1px solid black;
}

#box1 p {
padding: 5px;
margin: 0;
}

#news_column {
margin: 5px 0 0 0;
padding: 0;
border: 1px solid black;
}

#news_text p {
font-size: 8pt;
margin: 10px 0 10px 0;
padding: 2px;
}


#news_titleX p {
margin: 0;
padding: 0;
background-color: #000080;
color: white;
font-weight: bold;
line-height: 2em;
}


.photo_box {
border: 1px solid black;
vertical-align: middle;
}

.news {
 color: teal;
}

.bold {
 font-weight: bold;
}

.font_normal {
 font-weight: normal;
}

.center {
text-align: center;
}

.small6 {
 font-size: 7pt;
}

table.tableList {
border-spacing: 0;
border: 1px solid grey;
border-collapse: collapse;
}


table.tableList caption {
font-size: 10pt;
font-weight: bold;
text-align: left;
line-height: 2em;
}

table.tableList thead tr {
line-height: 1.2em;
vertical-align: top;
background-color: #75A1D0;
color: white;
border-bottom: 1px solid grey;
}

table.tableList tbody tr {
vertical-align: top;
border-bottom: 1px solid grey;
}


table.tableList tbody tr.even {
background-color: #E6E8FA;
}

.rowColour {
background-color: #E6E6FA;
}

table.c14table1 {
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-collapse: collapse;
font-size: 8pt;
}

table.c14table1 thead tr{
font-weight: bold;
border-bottom: 1px solid black;
}

table.c14table1 thead th{
vertical-align: top;
text-align:left;
}


table.c14table1 td {
vertical-align: top;
}

table.c14table1 tr.colourOdd {
background-color: #E6E8FA;
}


table.c14refer {
width: 100%;
font-size: 8pt;
border: 0;
}

table.c14refer td {
vertical-align: top;
}

#map_canvas1 {
 width: 590px;
 text-align: center;
 border: 1px solid black;
 margin: 5px;
 padding: 0;
}


#clearone {
  clear: both;
  height: 1px;
  }

.clear_floats {
 clear: both;
 }

.clear_floats2 {
 clear: both;
 display: inline-block;
 }

#footer {
  padding: 0;
  margin: 0 0 0 0;
  clear: both;
  width: 100%;
  font-size: 12px;
  line-height:22px;
  background-color: #467082;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#footer_left {
  float: left;
  padding: 0;
}

#footer_right {
  float: right;
  padding: 0;
}

.footer_center {
  text-align: center;
}

#footer p {
  padding: 0 10px 0 10px;
  margin: 0;
  color: white;
  font-weight: bold;
}

#footer a:link, #footer a:visited {
 text-decoration: none;
 color: white;
}
 
 #footer a:hover {
 text-decoration: underline;
}


.news_title {
margin: 0;
padding:0;
font-weight: bold;
font-size: 10pt;
vertical-align: top;
}


.news_title li {
font-size: 8pt;
}


.news_title2 {
margin: 0;
padding:0;
font-weight: bold;
font-size: 10pt
}

.no_bullets {
list-style-type: none;
}


.largerFont {
   font-size: 14pt;
}

h1 {
  margin: 10px 0 5px 0;
  font-size: 16pt;
  font-weight: bold;
  }

h2 {
  margin: 10px 0 5px 0;
  font-size: 12pt;
  font-weight: bold;
  }

h3 {
  margin: 10px 0 5px 0;
  font-size: 11pt;
  font-weight: bold;
  }
  

.thumb_image {
padding: 0 5px 0 0;
}

.float_left_image{
float: left;
padding: 0 5px 0 0;
}


.hide {
display: none;
}

.newprojtable, .newprojtable TD, .newprojtable TR
{
border-collapse:collapse;
background-color:#f0f0f0;
color:black;
}

.newprojtable:hover TD, .newprojtable:hover TR
{
background-color:#e0e0e0;
TD border: 0px solid #e0e0e0;
}

.newprojtable2
{
border-collapse: collapse;
padding: 0px;
spacing: 3px;
text-align: center;
width: 100%;
}

.newprojtable2 td.projectCol1
{
width: 20%;
text-align: center;
}

.newprojtable2 td.projectCol2
{
text-align: left;
}

.newprojtable2:hover td, .newprojtable2:hover tr
{
background-color:#e0e0e0;
TD border: 0px solid #e0e0e0;
}


a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 960px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 960px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#container2 {
margin: 0 auto 15px auto;
width: 600px;
padding: 5px 20px 20px 130px;
background: #ffffff;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
background: #e0e0e0 url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:link, .navitab:visited {
 text-decoration: none;
 color: black;
 }


.navitab:hover {
text-decoration: underline;
background: #d0d0d0 url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
font-weight: bold;
color: #ffffff;
margin: 0 0 5px 0;
background: #467082 url(http://xweb.geos.ed.ac.uk/~s0346130/real/corner.gif) top right no-repeat;
}

.activenavitab:link, .activenavitab:visited {
 text-decoration: none;
 color: white;
 }



.activenavitab:hover {
text-decoration: underline;
}




body#index a#navitaba,
body#whatisgi a#navitabb,
body#search a#navitabc,
body#members a#navitabd,
body#login a#navitabe,
body#register a#navitabf,
body#logout a#navitabg,
body#contact a#navitabh,
body#browse a#navitabi,
body#whatisgi a#navitabj,
body#news a#navitabk,
body#news a#navitabl,
body#edit a#navitabm,
body#help a#navitabn,
body#benefits a#navitabo,
body#resetpass a#navitabp,
body#rss a#navitabq,
body#latest a#navitabr

{
color: #ffffff;
background-color: #000000;
}