/*
www.andrewkingham.co.uk

colours:

pale green:	#5ad7b6

mid green:	#00B397

link hover background colour: #29c3ab

dark green: #008863

Pale Pink:	#B5BEDF

Dirty Purple:	#9495c2

Link color: #8E52A1
*/

@charset "UTF-8";
@import url("menu.css");



.home, .aboutUs, .SECC_contacts {
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.45em;
	/*background: #e2bae2;*/
	/*background: url(images/bGround.gif) top left repeat-x;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}




#container {
	height:100%;
	padding:0;
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background: #ffffff;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(umbrella_images/background_2colour.jpg) top repeat-y #5ad7b6;

} 

/* links and ANCHORS */
a{
	color: #ffffff;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color:#01684c;
}

/* Remove annoying border on linked images. */
a img { border: none; }


#header {
height:190px;
width:960px;
	margin:0;
	padding:0;
	background-color:#ffffff;
} 

#header img{
	position:relative;
} 

#header .headerPic{
	float:left;
}

#header h1 {
	padding:0;
	/*width:300px;
	height:205px;
	margin:0;
	text-indent:-9999px; 
	float:left;*/
}

#header .headerLogo{
	padding-bottom:20px;
	margin:0;
	float:right;
}

.headerLogo{
	border:none;
}

#myFlashContent, #alternativeContent{
float:right;
margin:30px;
padding:0;

}*/

#flashlogos{
position:relative;
width:660px;
height:190px;
background-color:yellow;
}


object {
display:block; 
outline:none; 
}





/*navigation......................................*/

#navBarMain #pageTitle{
	padding:0;
	margin:0;
	background:url(umbrella_images/SECC.gif) #008863 top left no-repeat;
	height:60px;
	text-indent:-9999px;
	width:300px;
	float:left;
}



#navBarMain h1{
	padding:0;
	margin:0;
	background:url(umbrella_images/pageTitle_Umbrella.gif) #00B397 top left no-repeat;
	width:660px;
	height:60px;
	float:left;
	text-indent:-9999px;
}

/*#navBarMain ul li{
	width:auto;
	padding:0;
	margin:0;
	text-align:center;
	font-size:14px;
	float:left;
}

#navBarMain ul a {
	height:48px;
	width:auto;
	margin:0;
	padding:0 22px 12px 22px;
	/*width:150px;
	display:block;
	line-height: 3.6em;
	color: #000000;
}


#navBarMain ul .off a {
	background:url(images/tabs_off.gif) top right no-repeat #9495c2;
}

#navBarMain ul .on a {
	background: url(images/tabs_on.gif) top right no-repeat #66daff;
}

#navBarMain ul a:hover {
	background: url(images/tabs_over.gif) top right no-repeat #9495c2;
	color:#66DAFF;
	text-decoration:none;
}

*/


/*SIDEBAR*/

#sideBar {
	float: left; /* since this element is floated, a width must be given */
	width:300px;
	background: #00B397; /* the background color will be displayed for the length of the content in the column, but no further */
	
}

#sideBar .navSide{
	font-size:90%;
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 34px 0 240px 40px;
	background:#00B397;
}

/*.navSide h2{
	margin:0;
	padding:0;
	height:60px;
	background:url() top left no-repeat;
	text-indent:-9999px;
}

.navSide h3{
	font-weight:bold;
	font-size:inherit;
	margin:0;
	padding:0;
}

.navSide h5 {
	margin:0;
	padding:0 0 10px 0;
}*/

.navSide li{
width:180px;
	list-style: none;
	margin: 0 80px 0 0 ;
	padding: 0;
	border-bottom: 2px solid #5ad7b6;
}

.navSide ul{
	height:auto;
	padding:0;
	margin:0;
	list-style:none;
}


.navSide a{
padding:6px 0 0 4px;
height:30px;
	
	display:block;
}

.navSide li a:hover{
	display:block;
	margin:0;
	text-decoration:none;
	background:#29c3ab;
}

.navSide li .on {
color:#000000;
}


#sideBar #contactLink{
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 50px 50px 25px 40px;
	background:url(umbrella_images/leftNavListDivider.gif) top right no-repeat #00B397;
	color:#000000;
	font-size:85%;
}



#cuppCredit{
	padding:10px 40px;
	background:#008863;
	font-size: 85%;
	color:#5ad7b6;
}

#cuppCredit a{
	color: #ffffff;
	text-decoration:none;
}

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

#hefce{
	margin:0;
	padding:0;
	background-color:#008863;
}

#hefce img{
	padding:0;
	border:none;
}

#hefce p{
	margin:0;
	padding:30px 0 0 0;
	font-size: 85%;
	color:#5ad7b6;
}

/*MAINCONTENT*/

#mainContent {
	height:100%;
	/*background: #00a1db;*/
	background: url(images/darkGreenSidebar.png) repeat-y #5ad7b6;
	font-size:90%;
/*	margin: 0 0 0 300px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sideBar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sideBar space when the content in #sideBar ends. */
	padding: 20px 40px 60px 340px;
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.descriptList{
	padding:0;
	margin:0;
	list-style-type:none;
}

.descriptList li{
	padding:0 0 20px 0;
}


#mainContent li{
	}


.projectTitle{
	font-style:italic;
}

#seccfilm{
	margin:70px 0 0 -30px}


/*FOOTER*/
#footer, #footer a {
	margin:0;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	font-size: 70%;
	line-height:130%;
	text-align:center;
	color:#008863;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer img{
width:80px;
padding:10px;
vertical-align:middle;
}

/*CONTACT DETAILS*/
.univ{
	font-weight:bold;
	color:#8E52A1 ;
}

.SECC_contacts .contactDetails{
padding:0 0 20px 10px;
}

.SECC_contacts .contactDetails:first-line{
	font-weight:bold;
}

/*TOP*/
.top, .top a{ 
	color:#8E52A1; float:right;
}


/* FLOATS */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*ABOUT US PAGE*/
.documents{
	padding:0;
	margin:0;
	height:auto;
	width:auto;
	background-color:#66daff;
}

#backgroundDoc1, #backgroundDoc2{
	height:auto;
	width:230px;
	margin:10px;
	padding:20px;
	font-weight:bold;
	text-align:center;
	background-color:#42bee6;
}

#backgroundDoc1 p, #backgroundDoc2 p{
	padding:0 20px;
}


/*EVALUATION PAGE*/

.acronym{
font-weight:bold;
font-style:italic;
}

p.citation{
font-size:90%;}

ul#REAP{
padding:0 0 0 10px;
list-style-type:none;
text}