/* CSS Document */
/*  Main stylesheet  */
/*  styles for Netscape 4 - who the hell still uses that?!  */

html  {
	background: #1c1c1c;
	height: 101%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 140%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}
h1 {
	font-size: 11px;
	font-weight: normal;
	color:#009900;
	
}
h2 {
	font-size:11px;
	font-weight: normal;
	color:#009900;
	line-height: normal;	
	margin: 1.3em 0 0 0;
	padding: 0px;

}
h3 {
	font-size: 11px;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-top: 5px;
}

/* styles that apply to everything but Netscape 4 */
/*/*/
a{}
body   {
	font-size: 0.65em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.65em;
	line-height: 140%;
}
html>body {
	font-size: 0.65em;
	line-height: 140%;
}
body h1 {
	font-size: 1.4em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
	color:#009900;
}
html>body h1 {
	font-size: 1.4em;
	color:#009900;
}
body h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 2em 0 1.6em 0;
	padding: 0;
	color: #009900;
}
html>body h2 {
	font-size: 1.2em;
	margin: 2em 0 1.6em 0;
	padding: 0;
}
body h3 {
	font-size: 1.1em;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
}
html>body h3 {
	font-size: 1.1em;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
}

/* end NS4 hack */


/* main page container */

div#pagecontainer {
	text-align: left;
   	width: 960px; /* or whatever width */
	padding: 0px;
	margin: 20px auto;
	background: #fff;
	border: 1px #ffffff solid;
	
}

/* This class is to clear the page-container float and centre the page content */

#pagecontainer:after {
 	clear: both;
 	content: ".";
 	display: block;
 	height: 0px;
 	visibility: hidden;
}

/* header */

div#header {
	float: left;
	width: 960px; 
	height: 10.4em;
	background: #009900 url(../Content/images/header_bg.jpg) no-repeat top left;
	text-align: right;
	padding: 0;
	margin: 0;
}

/* contact details box */

.contactDetails {
	float: right;
	position: relative;
	top: 50px;
	right: -60px;
	width: 15em;
	background-color: #006600; /* for Opera */
	background-color: rgba(0,51,0,0.70);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	padding: 0.7em;
	text-align: center;
	color: #fff;
}
div.contactDetails p {
	margin: 0 10px 0 10px;
}
div.contactDetails a  {
	color: #fff;
}
div.contactDetails a:visited  {
	color: #999;
}
div.contactDetails a:hover  {
	color: #B9F49E;
}

/* login box */

.login {
	float: right;
	position: relative;
	top: 10px;
	right:70px;
	width: 6em;
	background-color: #006600; /* for Opera */
	background-color: rgba(0,51,0,0.70);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	padding: 0.7em;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
div.login p {
	margin: 0 10px 0 10px;
}
div.login a  {
	color: #fff;
	text-decoration: none;
}
div.login a:visited  {
	color: #999;
}
div.login a:hover  {
	color: #B9F49E;
}

/* global navigation */

div#navigation {
	width: 960px;
	padding: 0px;
	margin: 0px;
	position: relative;
    top: 0;
    left: 0;
	font-size: 1.2em;
}
div#navigation_bg {
	float: left;
	width: 960px; 
	background: #006600 url(../Content/images/menu_bg.gif) no-repeat top left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#navigation ul {
	margin: 0;
	float: left;
}
ul#navigation-list li{
    text-align: left;
	float: left;
    list-style: none;
    padding: 7px 24px 8px 4px;
	margin: 0;
}				
ul#navigation-list li a{
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}
ul#navigation-list li a:visited{
	color: #e0e0e0;
	text-decoration: none;
}
ul#navigation-list li a:hover{
	color: #B9F49E;
	text-decoration: none;
}
/* defines the 'active' state of the global nav elements  */

ul#navigation-list li.active  {
	background: #fff url(../Content/images/active_menu_bg.gif) top right no-repeat;
	border-left: 1px solid #00a700;
	color: #009900;
}
ul#navigation-list li.active a  {
	color: #009900;
}
ul#navigation-list li.active a:visited  {
	color: #009900;
}

/* gives the first li a zero value for left padding  */

ul#navigation-list li.home {
    padding-left: 0px;
}

/* page layout */

div#wrapper  {
	float: left;
	width: 960px;
	background: #fff;
	margin: 0px;
	padding: 0px;
}
div#main-content  {
	width: 960px;
	float: left;
	margin: 30px 0px 0px 0px;
}
div#Content  {
	float: left;
	width: 900px;
	padding: 0px 20px 40px 20px;
	text-align: left;
}
div#indexContent {
	float: left;
	width: 960px;
	padding: 0px 0 40px 0;
	text-align: left;
}
div#Content p {
	line-height: 140%;
}
#leftContent {
	float: left;
	width: 590px;
	padding: 0px 20px 40px 20px;
}
div#leftCcontent p {
	line-height: 140%;
}
#rightContent {
	float: right;
	width: 290px;
	padding: 0px 20px 40px 20px;
}
div#rightContent p {
	line-height: 140%;
}
#indexleftContent {
	float: left;
	width: 480px;
	padding: 0;
	margin: 0;
	background: #ffffff url(../Content/images/index_feature_left_bg3a.jpg) right bottom no-repeat;
}
div#indexleftContent p {
	line-height: 140%;
	width: 260px;
}
div#indexleftContent .innerDiv1  {
	float: left;
	width: 430px;
	height: 285px;
	padding: 0px 20px 0 30px;
}
div#indexleftContent .innerDiv2  {
	float: right;
	width: 480px;
	text-align: right;
}
#indexrightContent {
	float: right;
	width: 480px;
	padding: 0;	
	margin: 0;
	background: #ffffff url(../Content/images/index_feature_right_bg3a.jpg) right bottom no-repeat;
}
div#indexrightContent p {
	line-height: 140%;
	width: 260px;
}
div#indexrightContent .innerDiv1  {
	float: left;
	width: 430px;
	height: 285px;
	padding: 0px 20px 0 30px;
}
div#indexrightContent .innerDiv2  {
	float: right;
	width: 480px;
	text-align: right;
}
#index_content {
	float: left;
	width: 820px;
	padding: 0px 20px 40px 20px;
}
div#index_content p {
	line-height: 140%;
}

/* standard in-page links */

a  {
	color: #009900;
	text-decoration: underline;}

a:link  {
	color: #009900;
	text-decoration: underline;}

a:visited {
	color: #009900;
	text-decoration: underline;}

 a:hover  {
	color: #C30;
	text-decoration: underline;
}
a img  {
	border: 0px;
}
a.bunnyfoot  {
	color: #663399;
	text-decoration: underline;
}

/* standard page furniture */

.hr {
	height: 3px;
	width: 960px;
}
blockquote  {
	font-style: italic;	
	margin-top: -7px;
}
.bunnyfoot  {
	color: #663399;
}
/* in-page 'buttons' */

p.button {
	line-height: 250%;
}
 a.inpage-buttons  {
	height: 19px;
	background: #003300 url(../Content/images/link_button_green.gif) right top no-repeat;
	padding: 2px 15px 2px 10px;
	color: #ffffff;
	text-decoration: none;
}
 a.inpage-buttons:hover {
	color: #B9F49E;
}
 a.bunnyfoot-inpage-buttons  {
	height: 19px;
	background: #663399 url(../Content/images/link_button_purple.gif) right top no-repeat;
	padding: 2px 15px 2px 10px;
	color: #ffffff;
	text-decoration: none;
}
 a.bunnyfoot-inpage-buttons:hover {
	color: #ccc;
}
/* index page 'buttons' */
a.button {
	background: transparent url(../Content/images/button_bg_2.gif) no-repeat scroll top right; 
	display: block;
	float: right;
	height: 33px;
	margin: 0 2px 3px 0;
	padding-right: 31px;
	text-decoration: none;
	
}
a.button span {
	background: transparent url(../Content/images/button_bg_1.gif) no-repeat;
	display: block;
	line-height: 24px;
	padding: 4px 0 5px 18px;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
}
a.button:hover span{
	color:#B9F49E;
}

#bottomContent {
	float: left;
	width: 820px;
	padding: 0px 120px 0px 20px;
	text-align: right;
	background: #fff url(../Content/images/bottom_logo.gif) right no-repeat;
}
.contentSeparator {
	clear: both;
}
p.index_left_feature  {
	width: 70%;
}
p.index_right_feature  {
	width: 70%;
}
/* tables (to be reviewed when the administration content goes in) */

table
{
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

td  {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
	vertical-align: top;
}



/* forms */
form {  
	 font: 1em verdana,arial,sans-serif;
	 margin: 0;
	 padding: 0;
	 min-width: 500px;
	 max-width: 600px;
	 width: 560px; 
}
form fieldset {
	 /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	 border-color: #009900;
	 border-width: 1px;
	 border-style: solid;
	 padding: 10px;
	 margin: 0 0 10px 0;
}
form fieldset legend {
	font-size:1.1em;
	color: #009900;
}
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 330px;
  text-align: left;
  } 

/* feature boxes  */
.feature_box  {
	float: left;
	width: 286px;
	border-top: 1px solid #009900;
	border-left: 1px solid #009900;
	padding-right: -60px;
	margin-bottom: 20px;
}
.bunnyfoot_feature_box  {
	float: left;
	width: 286px;
	border-top: 1px solid #ac8bcb;
	border-left: 1px solid #ac8bcb;
	padding-right: -60px;
	margin-bottom: 20px;
}
#bunnyfoot_feature  {
	float: left;
	width: 296px;
	text-align: right;
	background: #fff url(../Content/images/bunnyfoot_feature_bg.jpg) bottom right no-repeat;
	margin-right: -60px;
	
}
#bunnyfoot_feature h2  {
	float: right;
	width: 270px;
	margin: 10px 20px 0 0;
	color: #663399;
	
}
#bunnyfoot_feature p  {
	float: right;
	width: 245px;
	margin: 10px 20px 70px 20px;
	text-align: right;
	color: #663399;
}
#bunnyfoot_feature p.feature_link  {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
#bunnyfoot_feature p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
#bunnyfoot_feature p.feature_link a:hover  {
	color: #ffccff;
}
#recommend_feature  {
	float: left;
	width: 296px;
	text-align: right;
	background: #fff url(../Content/images/research_feature_bg.jpg) bottom right no-repeat;
	margin-right: -60px;
	
}
#recommend_feature h2  {
	float: right;
	width: 270px;
	margin: 10px 20px 0 0;
	
}
#recommend_feature p  {
	float: right;
	width: 160px;
	margin-right: 20px;
	text-align: right;
}
#recommend_feature p.feature_link  {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
#recommend_feature p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
#recommend_feature p.feature_link a:hover  {
	color: #B9F49E;
}
#recruit_feature  {
	float: left;
	width: 296px;
	text-align: right;
	background: #fff url(../Content/images/recruitment_feature_bg.jpg) bottom right no-repeat;
	margin-right: -60px;
	
}
#recruit_feature h2  {
	float: right;
	width: 270px;
	margin: 10px 20px 0 0;
	
}
#recruit_feature p  {
	float: right;
	width: 160px;
	margin-right: 20px;
	text-align: right;
}
#recruit_feature p.feature_link  {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
#recruit_feature p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
#recruit_feature p.feature_link a:hover  {
	color: #B9F49E;
}
#plant_a_tree_feature  {
	float: left;
	width: 296px;
	text-align: right;
	background: #fff url(../Content/images/plant_a_tree_feature_bg.jpg) bottom right no-repeat;
	margin-right: -60px;
	
}
#plant_a_tree_feature h2  {
	float: right;
	width: 270px;
	margin: 10px 20px 0 0;
	
}
#plant_a_tree_feature p  {
	float: right;
	width: 160px;
	margin-right: 20px;
	text-align: right;
}
#plant_a_tree_feature p.feature_link  {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
#plant_a_tree_feature p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
#plant_a_tree p.feature_link a:hover  {
	color: #B9F49E;
}


/*  location boxes  */
.location_box  {
	float: left;
	width: 170px;
	margin: 0 15px 5px 0;
	padding-right: -65px;
	border-top: 1px solid #009900;
	border-left: 1px solid #009900;
}
#westbourne_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/london_location_bg.jpg) bottom right no-repeat;
}
#harwell_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/oxford_location_bg.jpg) bottom right no-repeat;
}
#edinburgh_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/edinburgh_location_bg.jpg) bottom right no-repeat;
}
#sheffield_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/sheffield_location_bg.jpg) bottom right no-repeat;
}
#reading_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/reading_location_bg.jpg) bottom right no-repeat;
}

#hongkong_location  {
	float: left;
	width: 170px;
	padding: 0 5px 5px 5px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/hongkong_location_bg.jpg) bottom right no-repeat;
}
.location_box h2  {
	margin: 10px 0 10px 0;
}
.location_box p  {
	width: 160px;
}
.location_box p.feature_link  {
	width: 140px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
.location_box p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
.location_box p.feature_link a:hover  {
	color: #B9F49E;
}

/*  location boxes (homepages)  */
.location_box2  {
	float: left;
	width: 282px;
	border-top: 1px solid #009900;
	border-left: 1px solid #009900;
	padding-right: -60px;
	margin: 0;
}
#westbourne_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/london_location_bg2.jpg) bottom right no-repeat;
}
#harwell_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/oxford_location_bg2.jpg) bottom right no-repeat;
}
#edinburgh_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/edinburgh_location_bg2.jpg) bottom right no-repeat;
}
#sheffield_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/sheffield_location_bg2.jpg) bottom right no-repeat;
}
#reading_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/reading_location_bg2.jpg) bottom right no-repeat;
}
#hongkong_location2  {
	float: left;
	width: 292px;
	text-align: left;
	margin-right: -60px;
	background: #fff url(../Content/images/hongkong_location_bg2.jpg) bottom right no-repeat;
}
.location_box2 h2  {
	float: left;
	width: 270px;
	margin: 10px 0 0 18px;
}
.location_box2 p  {
	float: right;
	width: 260px;
	margin-right: 20px;
	text-align: left;
}
.location_box2 p.feature_link  {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: right;
}
.location_box2 p.feature_link a  {
	color: #fff;
	text-decoration: none;
}
.location_box2 p.feature_link a:hover  {
	color: #00ff00;
}

/* footer and copyright */

div#footer  {
	clear: both;
	margin: 0px auto;
	width: 960px;
	padding: 0;
	font-size: 90%;
	text-align: right;
}
#copyright {
	font-size: 1em;
	width: 940px;
	padding: 0 0 5px 0;
	margin: 0px;
	background: transparent;
	color: #fff;
	text-align: right;
}
a.footer:link  {
	color: #fff;
	text-decoration: underline;
}
a.footer:active  {
	color: #fff;
	text-decoration: underline;
}
a.footer:visited  {
	color: #fff;
	text-decoration: underline;
}
a.footer:hover  {
	color: #009900;
	text-decoration: underline
}

/*  accessiblity info */

#accessibility {
	position: absolute;
	left: -9999px;
	width: 9000px;
	color: #000;
}
.hide {
	display: none;
}