/* content-t.css - used for the content and fullwidth templates */
html {
	height:100%; /* we need to set the height so that the background image positions correctly */
}
body {	
	width:100%;
	height:100%;
		
	display:table;
	
	background-image:url(../images/backgrounds/droplets_and_test_tube.jpg);
	background-position:center top ;
	background-repeat:no-repeat;		
}
#wrapper1 { }
#wrapper2 { 		
	text-align:center;	
}
#wrapper3 {
	width:1011px; 	
	text-align:left; 
	margin: 0px auto; 
	padding:0px 10px;	
}
#wrapper4 { }
#wrapper5 { }

#header, #content, #footer {		
	padding-left:30px;
}
#col1 {
	width:506px;	
	float:left;
}
body#fullWidth div#col1 {
	width:auto;
	float:none;
}
#navigation {
	width:442px;	
	float:right;
}
#header { }
#content {
	padding-bottom:60px;
}
#footer {
	padding-right:30px;
	text-align:center;
	margin-bottom:40px;
	margin-top:20px;
}	
/* $ #header ----------------------*/
#header {
	background-image:url(../images/backgrounds/freeland_cope_logo.jpg);
	background-position:30px 217px;
	background-repeat:no-repeat;
	height:314px;
}
/* header links */
	li.dropletA {		
		padding-top:114px;
		padding-right:13px;
		width:113px;				
	}
	li.dropletB {
		width:157px;
		padding-top:30px;
		margin-left:110px;		
	}		
	/* navigation links - region is 441px wide */		
	li.dropletA a {
		font-size:110%;
		background-color:#007C00;
	}
	/* font sizes */
	li.dropletB a, li.droplet2 a, li.droplet4 a, li.droplet6 a {
		font-size:130%;
	}
	li.droplet1 a, li.droplet3 a, li.droplet5 a {
		font-size:120%;
	}
	li.droplet7 a {
		font-size:90%;		
	}		
	/* bg colours */
	li.dropletA a {		
		background-color:#007C00;
	}
	li.dropletB a {		
		background-color:#008089;
	}
	li.droplet1 a {		
		background-color:#DA1B01;
	}
	li.droplet2 a {		
		background-color:#E9D900;
	}
	li.droplet3 a {		
		background-color:#BAC82A;
	}
	li.droplet4 a {		
		background-color:#BAC82A;
	}
	li.droplet5 a {		
		background-color:#010A4B;
	}
	li.droplet6 a {		
		background-color:#DA116F;
	}
	li.droplet7 a {		
		background-color:#E9D900;
	}
	/* positioning */	
	li.droplet1 {		
		padding-top:3px;
		padding-left:15px;
		width:150px;				
		height:177px;		
	}
	li.droplet2 {
		width:177px;
		padding-top:90px;
		height:90px;				
	}
	li.droplet3 {
		width:94px;
		padding-top:47px;
		padding-left:6px;		
	}				
	li.droplet4 {
		width:178px;
		padding-top:97px;
		height:111px;				
	}
	li.droplet5 {
		width:146px;
		padding-left:75px;
		padding-top:59px;
		height:149px;		
	}
	li.droplet6 {
		width:194px;
		padding-left:174px;
		padding-top:77px;
		height:115px;		
	}
	li.droplet7 {
		width:76px;
		padding-left:208px;
		padding-top:14px;
		height:45px;		
	}
	li.droplet7 a {
		display:none;
	}	
	#navigation li.droplet2 a:hover, #navigation li.droplet7 a:hover {
		color:#DA1B01;
	}
	#navigation li.droplet7 a {
		color:#5E5149;
	}