/* scalably box,text and images 
by J.Solomon LEARN www.learn.ac.uk

Minimum frame size pixels
working with default font size of 16pt scaled to 77%
Therfore 1px = 0.0811em

No time allowed to do a good job on this!
very untidy but works in most cases.
*/

body {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	background: #bfc4c4 url('../images/wallpaper.jpg') no-repeat;/* defines the colour as well as the background image so that grey colour is shown while the image loads */
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	color: #4e4e4e;
	padding: 0px;
	margin: 0px;
}
/* Globals*/
a {
    text-decoration: none;
}
a img {
    border: none;
}
h2  {
	margin-top: 0.5em;
    color: #4e4e4e;
    font-size: 12px;
    font-weight:bold;
}

/*
table   {
    width: 80%;
    margin: 1em;
    color: #4e4e4e;
    font-size: 0.8em;
}
tr.odd	{
	background-color: #eee;
}
tr.even {
	background-color: #fff;
}
*/

* {				/*clear any browser preset padding or margin*/
    padding: 0;
    margin: 0;
}						
				
/* bounding box for left and right side colums */

#container {
	width: 78.500em;
	text-align: left; /* resets the text alignment */
	margin: 0 auto; /* centers the container */
}
/* right side colum including logo side navigation and globe navigation */

#right_side {
	width: 60.663em;
	margin-left: 0em;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0 0 0 auto;
}
#top_navigation {
	height: 4em;
	padding: 2em 0em 0em 0em;
	border-bottom: 0.243em solid #afbfc1;
	color: #c8d9a3;
}
#top_navigation ul {
    margin-top: 0;
    padding-top: 1em;
}
#top_navigation li {
	display: inline;
}
#top_navigation a  {
	color: white;
	text-transform: uppercase;
}
img.nav {
     width: 7.137em;
     height: 1.460em;
}
#home .home, #locations .locations, #type .type, #technology .technology, #projects .projects, #benchmarking .benchmarking, #glossary .glossary, #links .links  {
    color: #c8d9a3;
}
#contents {
	width: 60.663em;
	height: 39.252em;
	margin: 1em 0em 0em 0em;
	background: white;
	border-right: 0.243em solid #323839;
	border-top: 0.243em solid #7f7f7f;
	border-left: 0.162em solid #cfd1d1;
	overflow: hidden; 
}
#content_container {
/*    position: relative; */
    width: 60.663em;
    height: 34.7912em;
    overflow: hidden;
/*background-color: green;*/
}
img.title_bullet {
	margin-top: 0.568em;
	width: 3.000em;
	height: 2.595em;
}
img.main {
	width: 37.4682em;
	height: 31.2235em;
}
img.map {
	width: 444px;
	height: 367px;
	text-decoration: none;
	border: none;
}
img.icon {
/*	margin-top: 0.5em; */
	position: relative; 
/*	vertical-align: text-bottom; */
	top: -0.811em;
	width: 1.9464em;
	height: 1.8653em;
}
h1.title {
	position: relative;
	top: 0.650em;
	text-transform: uppercase;
	color: #4e4e4e;
	font-size: 1.5em;
	font-weight:normal;
	display: inline;
	
}
h1.building {
	position: relative;
	top: 0.650em;
	text-transform: uppercase;
	color: #4e4e4e;
	font-size: 1.1em;
	font-weight:normal;
}
h2.building {
	margin-top: 0.5em;
	color: #4e4e4e;
	font-size: 0.9em;
	font-weight:normal;
}
#contents a {
    display: block;
}
#title_container {
	position: relative;
	left: 0.567em;
	width: 59.000em;
	height: 3.568em;
	overflow: hidden;
/*	border-bottom: 0.081em solid grey;*/
/*	background-color: red; */ 
}
#bullet	{
	width: 3.405em;
	height: 3.731em;
/*	overflow: hidden;*/
/*	background-color: red;*/
}
#title	{
	position: relative;
	top: -3.731em;
	height: 3.731em;
	left: 3.405em;
	width: 56em;
/*	background-color: blue;*/
}
#text_container {
	position: relative;   
	width: 19.464em;
	left: 40.3em; 
	height: 34.8998em;	
	margin: 0em 0em 0em 0em;
	border-top: 0.081em solid #d9d9d9;
/*	border-bottom: 0.081em solid #d9d9d9; */
	overflow: hidden;
/*	display: inline; */  
/*	align: right; */
/*	background-color: red; */  
}
img.bullet {
	float: left;
	margin: 0.8em 0.8em 0em 0em;
}
#text_title {
	height: 3.4062em;
/*	width: 19.464em; */
	overflow: hidden;
}
#text {
	height: 34.5912em;
	font-size: 0.9em;
	overflow: auto;
}
#text p  {
	margin-bottom: 1em;
}	
#text ul {
	margin-left: 0em;
	padding-left: 2em;
	padding-bottom: 1em;
	list-style-type: disc;
	list-stle-position: inside;
	width: 17em;
}
#text ol {
        margin-left: 0em;
	padding-left: 2.4em;
        list-style-type: number;
        list-stle-position: inside;
        width: 17em;
}
#text li {
	/*width: 12em;*/
}
#text h3 {
	color: #96ac67;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.8em;
}
#text h4 {
        color: #a18c54;
        font-size: 1em;
        font-weight: bold;
        margin-top: 0.8em;
}

/*
#text table	{
	width: 19.464em;
	border: solid;
	border-color: #000; 
}
*/

#image_container {
	position: relative;
	top: -34.9809em;
	left: 1.135em; 
	width: 37.4682em;
	height: 34.7912em;
	border-top: 0.081em solid #d9d9d9;
/*	display: inline; */
	float: left;
	overflow: hidden;
/*	background-color: green; */
}
/* left side colum for top navigation and content */
#image_head {
/*	position: relative; */ 
	height: 3.4062em;
/*	left: 1.135em; */
	width: 37.4682em;
/*	display: inline; */ 
	overflow: hidden;
}
#building_type_key {
	margin-top: .5em;
	float: right;
	font-style: italic;
}
#building_type_key img {
	padding-left: 0.4055em;
	padding-right: 0.2433em;
	width: 0.811em;
	height: 0.811em;
}	
#image_head li {
	display: inline;
	float: right;
}
#image {
	width: 37.4682em;
        height: 31.2235em;
	overflow: hidden;
}
#image_map {
        width: 37.4682em;
        height: 31.2235em;
        overflow: auto;
}
#left_side {
    position: absolute;
    top: 0;
	width: 16.625em;
    margin: 0;
}
#left_side a {
	color: #00658b;
}
#logo {
	height: 6em;
	width: 16.625em;
	border-bottom: 0.243em solid #afbfc1;
}
img.logo {
	position: relative;
	top: 1.5em;
	width: 10.0564em;
	height: 3.8117em;
}
img.main {
	margin: 0em 0em 0em 0em;
}
/*Sandbag to fix ie render problemin navlist*/

#sandbag	{
/*	position: relative;*/
	top: 9em;
	height: 5em;
	width: 16.625em;
/*	background-color: red;*/
}
#navlist	{
/*	left: -0.25em;*/
	width: 16.625em;
	list-style-image: url(../images/subright.gif);
/*	border-bottom: 0.0811em dotted #4c94ae;*/
/*	list-style-position: inside;*/
	list-style-position: outside;
	margin-left: 0em;
	padding-left: 2em;
}
#navlist li	{
	border-top: 0.0811em dotted #4c94ae;
}
#side_nav_0, #side_nav_1, #side_nav_2, #side_nav_3, #side_nav_4, #side_nav_5, #side_nav_6, #side_nav_7, #side_nav_8,#side_nav_9,#side_nav_10,#side_nav_11,#side_nav_12,#side_nav_13,#side_nav_14,#side_nav_15,#side_nav_16,#side_nav_17  {
/*	position: relative;*/
/*	top: 4.881em; */
	height: 38.15em;
	padding: 0em 0em 0em 0em;
	color: #00658b;
	font-size: 0.892em;
	font-weight: bold;
	text-transform: uppercase;
/*	background-color: red;*/
}
#side_nav_0 a.a, #side_nav_1 a.b, #side_nav_2 a.c, #side_nav_3 a.d, #side_nav_4 a.e, #side_nav_5 a.f, #side_nav_6 a.g, #side_nav_7 a.h, #side_nav_8 a.i, #side_nav_9 a.j, #side_nav_10 a.k, #side_nav_11 a.l, #side_nav_12 a.m, #side_nav_13 a.n, #side_nav_14 a.o, #side_nav_15 a.p, #side_nav_16 a.q, #side_nav_17 a.r {
	color: #4c94ae;
}
#side_nav_a li.a, #side_nav_b li.b, #side_nav_b li.b	{
	list-style-image: url(../images/subright_a.gif);
}
#sub {
	margin-left: 1.25em;
	list-style-image: url(../images/subright.gif);
}
#globle_nav li {
/*	position: relative; */
    display: inline;
}
#globle_nav a img {
	border: none;
    width: 2em;
    height: 1.5em;
}