@import url("stylelinks.css");
@import url("styledownloads.css");
body {
margin:0 0 0 0;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

#wrapper{
	width: 2250px;
	text-align:center;
}

#wrapper_links{
width: 2240px;
text-align:center;
}

#wrapper_news{
	width: 2290px;
	text-align:center;
}

#header{
	background:#ffffff url(images/glean_logo.gif) no-repeat left;
	background-position: 0px 10px;
	background-attachment: fixed;
	height:76px;
}

#holder{
position:absolute;
top:600px;
width:300px;
}


h4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
line-height:5px;
color:#666666;
text-align:left;
padding-top:15px;
padding-left:15px;
}

h4 p{
font-size:12px;
font-weight:lighter;
line-height:10px;
}

div.hr {
height: 15px;
background:  url(images/horizontal_rule.gif) no-repeat scroll center;
clear:both;
}

div.hr hr {
display: none;
}


a {
color:#006600;
text-decoration:none;
}

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

/*Col 1,2,3,and 4 are the containers for the relevant boxes*/

#col1{
	float:left;
	width:320px;
	height:620px;
	margin: 0 0 10px 10px;
}

#col2, #col3{
float:left;
width:320px;
height:620px;
margin: 0 0 10px 0;
}

#col4{float:left;
width:320px;
height:620px;
margin: 4px 0 10px 0;}

#col5{float:left;
width:320px;
height:620px;
margin: 14px 0 10px 0;}

#col6{
float:left;
width:320px;
height:620px;
margin: -3px 0 10px 0;}

#col7{
	float:left;
	width:320px;
	height:620px;
	margin: 10px 0 10px 0;
}

#coltwice{
float:left;
width:640px;
height:620px;
margin: 15px 0 10px 0;}

/*box_1 through to box_4c. The only editing under normal circumstances would be to specify a change of background image in boxes 4b and 4c*/

#box_1 {
margin:0 auto 20px auto;
padding:0;
width:300px;
height: 600px;
background-color:#d9ecc5;
}

#box_1_news {
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	height: 165px;
	background-color:#d9ecc5;
}


#box_1_links {
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	height: 135px;
	background-color:#d9ecc5;
}


#box_2 {
margin:0 auto 20px auto;
padding:0;
width:300px;
min-height: 186px;
background-color:#d9ecc5;
}

#box_2a {
margin:0 auto 0 auto;
padding:0;
width:300px;
height: 290px;
background-color:#d9ecc5;
}


#box_3 {
margin:0 auto 20px auto;
padding:0;
width:300px;
min-height: 186px;
background-color:#d9ecc5;
}

#box_3a {
margin:0 auto 20px auto;
padding:0;
width:300px;
min-height: 120px;
background-color:#d9ecc5;
}

#box_3a_contact {
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	min-height: 100px;
	background-color:#c5eceb;
}

#box_3b {
margin:0 auto 20px auto;
padding:0;
width:300px;
min-height: 186px;
background-color:#d9ecc5;
}

#box_3c {
margin:0 auto 20px auto;
padding:0;
width:300px;
min-height: 120px;
background-color:#d9ecc5;
}

#box_4 {
margin:0 auto 20px auto;
padding:0;
width:300px;
height: 135px;
background-color:#d9ecc5;
}

#box_4a {
margin:0 auto 20px auto;
padding:0;
width:300px;
height: 135px;
background-color:#d9ecc5;
}

#box_4b {
	background-image:url(images/pierian_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	height: 135px;
	background-color:#d9ecc5;
}

.box_photogallery {
	margin:18px auto 20px auto;
	padding:0;
	width:300px;
	height: 135px;
	background-color:#d9ecc5;
}

#box_4c {
	background-image:url(images/climate_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	height: 135px;
	background-color:#d9ecc5;
}

#box_4d {
	margin:0 0 20px 10px;
	padding:0;
	width:165px;
	height: 135px;
	background-color:#ffffff;
	float: left;
}

#box_4e {
	background-image:url(images/global_spaces_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto 20px auto;
	padding:0;
	width:300px;
	height: 135px;
	background-color:#d9ecc5;
}

#box_image {
	margin:0 auto 20px auto;
}

#box_back {
margin:0 auto 20px auto;
padding:0;
width:300px;
height:56px;
background-image:url(images/back_arrow.jpg);
}

/*END OF BACKGROUND IMAGE SPECIFICATION*/

/*The box title images, font family, size and colour can be edited here*/

#box_1 h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;
margin-bottom:0px;
}

#box_1_news h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;
margin-bottom:0px;
}

#box_1_links h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;
margin-bottom:0px;
}

#box_2 h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;
margin-bottom:0px;
}

#box_2a h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;
}

#box_3 h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;

}

#box_3 h3{
	background-color:#bfde9d;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#404040;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
}

#box_3a h2{
background-image:url(images/title_light_bg.gif);
background-repeat:no-repeat;
height:30px;
font-family:Verdana;
font-size:0.9em;
color:#006633;
text-align:left;
padding-top:8px;
padding-left:5px;
}

#box_3a_contact h2{
	background-image:url(images/title_contact_bg.gif);
	background-repeat:no-repeat;
	height:30px;
	font-family:Verdana;
	font-size:0.9em;
	color:#006666;
	text-align:left;
	padding-top:8px;
	padding-left:5px;
}

#box_3a h3{
background-image:url(images/title_light_bg.gif);
background-repeat:no-repeat;
height:30px;
font-family:Verdana;
font-size:0.9em;
font-weight:normal;
color:#006633;
text-align:left;
padding-top:8px;
padding-left:5px;
}

#box_3b h2{
background-image:url(images/title_light_bg.gif);
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#006633;
text-align:left;
padding-top:5px;
padding-left:5px;
}

#box_3c h2{
background-image:url(images/title.gif);
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-left:5px;

}

#box_4 h2{
	background-color:#bfde9d;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold;
	color:#006633;
	text-align:left;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:145px;
}

#box_4a h2{
	background-color:#bfde9d;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold;
	color:#006633;
	text-align:left;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:145px;
}

 #box_4b h2{

}


#box_4c h2{

}

#box_4d h2{
	background-color:#ffffff;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold;
	color:#006633;
	text-align:left;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:0px;
}

#box_4e h2{

}


/* END OF BOX TITLE*/

/*The box content font family, size and colour can be edited here*/

#box_1 p{
font-family:Verdana;
font-size:12px;
color:#404040;
text-align:left;
padding-top:10px;
padding-left: 10px;
padding-right:5px;
margin-top:0px;
margin-bottom:0px;
}

#box_2 p{
font-family:Verdana;
font-size:12px;
color:#404040;
text-align:left;
padding-top:10px;
padding-left: 10px;
padding-right:5px;
margin-top:0px;
margin-bottom:0px;
}

#box_2a p{
font-family:Verdana;
font-size:12px;
color:#404040;
text-align:left;
padding-top:10px;
padding-left: 10px;
padding-right:5px;
margin-top:0px;
margin-bottom:0px;
}

#box_3 p{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#404040;
background-color:#daecc6; 
border:0px solid #bfde9d; 
margin:6px 10px 10px 10px;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-left:0px;
text-align:left;
}

#box_3a p{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#404040;
background-color:#daecc6; 
border:0px solid #bfde9d; 
margin:10px;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-left:0px;
text-align:left;
}

#box_3a_contact p{
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	color:#404040;
	background-color:#c5eceb;
	border:0px solid #bfde9d;
	margin:0 10px 0 10px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	text-align:left;
}

#box_3b p{
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#404040;
background-color:#daecc6; 
border:1px solid #bfde9d; 
margin:10px;
padding-top:20px; 
padding-right:20px; 
padding-bottom:20px; 
padding-left:20px;
text-align:left;
}

#box_3c p{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#404040;
background-color:#daecc6; 
border:0px solid #bfde9d; 
margin:6px 10px 10px 10px;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-left:0px;
text-align:left;
}

#box_4 p{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#404040;
text-align:left;
padding-left: 145px;
padding-right:5px;

}

#box_4a p{
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#404040;
text-align:left;
padding-left: 145px;
padding-right:5px;

}

.box_photogallery p{
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	color:#404040;
	text-align:left;
	padding-left: 10px;
	padding-right:5px;
}
.gallerytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	text-align: left;
	margin-left: 10px;
	height: 35px;
	padding-top: 2px;
}

#box_4b p{
font-family:Verdana;
font-size:12px;
color:#ffffff;
text-align:left;
padding-top:10px;
padding-left: 15px;
padding-right:5px;
}

#box_4c p{
font-family:Verdana;
font-size:12px;
color:#666666;
text-align:left;
padding-top:10px;
padding-left: 15px;
padding-right:5px;
}

#box_4d p{
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	color:#404040;
	text-align:right;
	padding-left: 0px;
	padding-right:5px;
}

#box_4e p{
font-family:Verdana;
font-size:12px;
color:#666666;
text-align:left;
padding-top:10px;
padding-left: 15px;
padding-right:5px;
}

/*Style for thankyou message aftre Joining*/

.formtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #669900;
	display: block;
	padding-left: 10px;
}

/*End of content editing*/

/*This is the image at the top of column 1*/
#col_top_image{
background-image:url(images/news01.jpg);
height:135px;
}

/*This is the image at the top of column 1 links*/
#col_top_image_links{
background-image:url(images/links01.jpg);
height:110px;
}

/*This is the image at the top of column 1 join*/
#col_top_image_join{
	background-image:url(images/join01.jpg);
	height:110px;
}

/*This is the image at the top of column 1 downloads*/
#col_top_image_downloads{
background-image:url(images/downloads01.jpg);
height:110px;
}


/*This controls the font family, size, colour and background colour of the header title midway down box 1*/
#box_header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
background-color: #bfde9d;
text-align:left;
padding-top:5px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
}

/*left, center and right_box_header control the three column titles in column 2*/

#left_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background-color: #bfde9d;
	float:left;
	width:120px;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:7px;
	margin-top:0px;
	margin-bottom:1px;
}

#center_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background-color: #bfde9d;
	float:left;
	width:60px;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:7px;
	margin-top:0px;
	margin-bottom:1px;
}

#right_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background-color: #bfde9d;
	float:right;
	width:35px;
	text-align:center;
	padding-top:5px;
	padding-left:40px;
	padding-right:10px;
	padding-bottom:7px;
	margin-top:0px;
	margin-bottom:1px;
}

/*div.left_content, right and centre control the content of the three text columns in column 2*/

div.left_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
float:left;
width:120px;
height:27px;
text-align:left;
padding-top:7px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:5px;
}

div.center_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
float:left;
width:80px;
height:27px;
text-align:left;
padding-top:7px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
margin-top:0px;
}

div.right_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
float:right;
width:35px;
height:27px;
text-align:left;
padding-top:7px;
padding-left:30px;
padding-right:5px;
padding-bottom:5px;
margin-top:0px;
}

/*The following controls font attributes and background colour at the bottom of the relevant boxes. As content is added the margin-top figure may have to be adjusted to maintain its position*/
#col1_bottom_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background-color: #bfde9d;
	height:15px;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:68px;
	clear:both;
	font-weight: bold;
}

#col2_bottom_box_header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006633;
background-color: #bfde9d;
height:15px;
text-align:left;
padding-top:9px;
padding-left:10px;
padding-right:5px;
padding-bottom:8px;
clear:both;
}

#col3_bottom_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	background-color: #bfde9d;
	height:15px;
	text-align:left;
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:0px;
	margin-top:10px;
}

#col3a_bottom_box_header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006633;
background-color: #bfde9d;
height:15px;
text-align:left;
padding-top:10px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
margin-top:23px;
}

#col3a_bottom_box_header_contact{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006666;
	background-color: #9ddedd;
	height:15px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:23px;
}

#col3b_bottom_box_header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006633;
background-color: #bfde9d;
height:15px;
text-align:left;
padding-top:10px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
margin-top:23px;
}

#col3c_bottom_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	background-color: #bfde9d;
	height:15px;
	text-align:left;
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:14px;
}

#col3d_bottom_box_header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	background-color: #bfde9d;
	height:15px;
	text-align:left;
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:14px;
}

/*use when consistent soacing needed at bottom of box without bottom box header*/

.col_bottom_box_blank{
height:2px;
margin-top:23px;
}



/*footer controls footer image and placement*/
#footer {
clear:both;
margin:20px 0 0 0;
padding:0 0 0 0;
height:56px;
background:#ffffff url(images/dfid.jpg); 
background-repeat:no-repeat;
}