/*
Default stylesheet for: 	
		www.easternconcrete.co.uk
*/

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:link, a:visited  {
	color: black;
	TEXT-DECORATION: none;
}
a:hover, a:active{
	color: #55AB26;
	TEXT-DECORATION: none;
}

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-color:#fffff; /*color background - only works in IE */

	font-size:80%; /*set default font size */
	font-family: arial, verdana, tahoma, sans-serif; /* set default font */
	text-align: left;
	overflow: scroll;
}

* {
	line-height: 130%;
}

body{ 
	font-size: 1em; 
	
	color: black;
	background-color: #ffffff;
	
	border:0;
	margin-top:10px; 
	min-width: 100px;
	z-index: 0;
}

p{ 
	background-color: transparent; 
	margin-top: 0px;
}

h1 { 
	font-size: 2.0em; 
	color: #295b98; 
	background-image: none;
	font-weight : bold;
	padding-left:20px;
	padding-top:0px;
	line-height: 10%;
	}

h2 { 
	color: #295b98;
	font-size: 1.1em; 
	font-weight : bold;	
	width:100%; 
	display:inline;
}

h3 { 
	color: #6d6e71;
	font-size: 1.0em;
}

h4 { 
	font-size: 0.9em; 
	color: #6d6e71; 
	font-weight : normal;
}

hr { 
	color: black; 
	height: 1px;
	margin-top:10px;
	margin-bottom: 10px;
}

ol {
	/*list-style-image: url("graphics/bullit.gif")*/	
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: square;
	margin-top: 0px;
}

li {
	text-align : left;
}

img {
	border: 0px;
}

imgpng{
	_behavior: url(iepngfix.htc);
}

input { 
	font-size: 0.9em; 
	color: #295b98;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;	
	border : 2px solid #6dad44;
	font-weight: bold;
	
	margin-bottom : 2px;
} 
label{
	font-size: 0.9em;
}
textarea { 
	font-size: 0.9em; 
	color: #295b98;
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	margin-bottom : 2px;
	border : 2px solid #6dad44;
} 


.clearboth { 
	clear: both; 
	width:100%;
	height:1px;
}

/* ############################################ */

#pagebody{
	width:100%;
	padding:0px 0px 10px 0px;
	overflow: auto;
}

#main{
	width:880px;
	margin-left:auto;	
	margin-right:auto;
	overflow: hidden;
}

/* ------------------------- top --------------------- */
	

#banner{
	position: relative;
	float: left;
	width: 652px;
	height:50px;
	margin-left:6px;
	margin-bottom:9px;
	padding-right:0px;
	text-align: right;
	/*background:#82bb55;*/
	/*background: white url(graphics/banner-back.jpg) repeat-x;*/
	color:white;
}
	#banner-strap{
		width: 790px;
		position: relative;
		float: left;
		font-size:24px;
		padding-top:18px;
		color:white;
	}

#logo{
	position: relative;
	float: left;
	width: 217px;
	height:50px;
}

/* ------------------------- left --------------------- */

#left-nav{
	width: 210px;
	position: relative;
	float: left;
	border-right: thin solid #000;
	overflow: visible;
	display: block;
}


	#main-welcome{
		position: relative;
		float: left;
		width: 180px;
		padding-left:20px;
		padding-right:10px;
		padding-top:8px;
		background:white;
	}

	#contact{
		position: relative;
		float: left;
		width: 165px;
		height:348px;
		margin-top: 10px;		
		padding-top:10px;
		padding-left:20px;
		padding-right:15px;
		background:#eff7fc;	
	}

	.ruled{
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.button{
		display: block;
		width:67px;
		background: #c0daa3;
		padding: 5px 10px 5px 10px;
		font-size: 0.9em;
	}

	.waitrose{
		font-size: 0.7em;
		display:inline;
	}	
	
	#contact-wide{
		position: relative;
		float: left;
		width: 164px;
		height:298px;
		margin-top: 10px;		
		padding-top:10px;
		padding-left:20px;
		padding-right:15px;
		background:#eff7fc;	
	}
		
#main-left{
	width: 431px;
	position: relative;
	float: left;
	margin-left:11px;
}
	
	#anim{
		position: relative;
		float: left;
		width: 431px;
		height: 212px;
		margin-left: 0px;	
		margin-bottom: 8px;	
	}
	
	#separator{
		width:700px;
		position: relative;
		float: left;
		height:1px;
	}
	
	#content{
		position: relative;
		float: left;
		width: 480px;
		height:230px;	
/*		margin-top: 9px;		
		_margin-top: 0px;		*/
		margin-left: 10px;	
		background:#ebeae7;	
	}
		.content-title{
			width: 440px;
			/*background:#E3001B;*/
			background: #55AB26 url(graphics/title-back.jpg) repeat-x;
			color:white;
			padding-left:20px;
			padding-top:6px;
			padding-bottom:6px;
			font-size:11px;
			font-weight: bold;
		}
		#content p{
			width: 440px;	
			padding-left:20px;
			padding-right:20px;
		}

#center_col1{
	position: relative;
	float: left;
}		
	#center_col1_head{
		width:141px;
		height:15px;
		padding:15px 0px 15px 0px;
		background-color:#c0daa3;
		font-weight: bold;
		text-align: center;
		font-size: 0.86em;
	}	
	#center_col1_body{
		width:111px;
		height:350px;
		background-color:#f0efec;
		padding:15px 15px 0px 15px;
		color:#333;
		font-size: 0.86em;
	}

#center_col2{
	position: relative;
	float: left;
	margin-left:4px;
}		
	#center_col2_head{
		width:141px;
		height:15px;
		padding:15px 0px 15px 0px;
		background-color:#c0daa3;
		font-weight: bold;
		text-align: center;
		font-size: 0.86em;
	}	
	#center_col2_body{
		width:111px;
		height:350px;
		background-color:#f0efec;
		padding:15px 15px 0px 15px;
		font-size: 0.86em;
		color:#333;
	}

#center_col3{
	position: relative;
	float: left;
	/*width:141px;*/
	margin-left:4px;
}		
	#center_col3_head{
		width:141px;
		height:15px;
		padding:15px 0px 15px 0px;
		background-color:#c0daa3;
		padding:15px 0px 15px 0px;
		font-weight: bold;
		text-align: center;
		font-size: 0.86em;
	}	
	#center_col3_body{
		width:111px;
		height:350px;
		background-color:#f0efec;
		padding:15px 15px 0px 15px;
		font-size: 0.85em;
		color:#333;
	}

#wide-left{
	width: 235px;
	position: relative;
	float: left;
	overflow: auto;
}		
	#wide-left a.menu, #wide-left a.menu:link, #wide-left a.menu:visited  {
		color: black;
		font-weight: bold;
		TEXT-DECORATION: none;
	}
	#wide-left a.menu:hover, #wide-left a.menu:active{
		color: #55AB26;
		font-weight: bold;
		TEXT-DECORATION: none;
	}

#wide-content{
	width: 652px;
	height:586px;
	position: relative;
	float: left;
	background:#f0efec;	
	margin-left: 12px;	
	padding-bottom:20px;	
}
	#wide-content p.wide-title{
		width: 612px;
		background:#c0daa3;
		color:Black;
		padding:20px 20px 20px 20px;	
		font-weight: bold;
		font-size: 0.9em;
	}
	#wide-content p{
		width: 620px;
		padding-left:20px;
		padding-right:20px;
		font-size: 0.8em;
	}
#map-content{
	width: 544px;
	position: relative;
	float: left;
	background:white;	
	margin-top: 10px;		
	margin-left: 10px;	
	padding-bottom:20px;	
}
	#map-content p.map-title{
		width: 352px;
		background:#55AB26;
		background: #55AB26 url(graphics/title-back.jpg) repeat-x;
		color:white;
		padding-left:20px;
		padding-right:20px;
		padding-top:6px;
		padding-bottom:6px;
		margin-top:0px;
		margin-bottom:0px;
		font-weight: bold;
	}
	#map-content p{
		margin-top:0px;
		padding-top:0px;
	}

/* ------------------------- right --------------------- */
#main-right{
	width: 256px;
	position: relative;
	float: left;
	margin-left:10px;
}
	
	#blog{
		position: relative;
		float: left;
		width: 213px;	
		height:630px;
		margin-top:0px;
		margin-left:9px;
		background:#eff7fc;	
	}	

/* ------------------------- footer --------------------- */

#footer{
	width:880px;
	position: relative;
	float: left;
	margin-top:15px;
	border-top: 1px solid #000000;	
	color:#999;
	padding-top:4px;
	margin-bottom:10px;
}
	#foot-copyright{
		position: relative;
		float: left;
		margin-left:243px;
		_margin-left:123px;
		font-size:.8em;
		color:#999;
	}
	#foot-sandt{
		position: relative;
		float: left;
		margin-left:45px;		
		color:#999;
	}
		#foot-sandt a, #foot-sandt a:link, #foot-sandt a:visited  {
			color: #999;
			font-size:.8em;
			TEXT-DECORATION: none;
		}
		#foot-sandt a:hover, #foot-sandt a:active{
			color: #55AB26;
			font-size:.8em;
			TEXT-DECORATION: none;
		}
	#foot-gdlink{
		position: relative;
		float: left;
		margin-left:40px;		
		color:#999;
	}
		#foot-gdlink a, #foot-gdlink a:link, #foot-gdlink a:visited  {
			color: #999;
			font-size:.8em;
			TEXT-DECORATION: none;
		}
		#foot-gdlink a:hover, #foot-gdlink a:active{
			color: #55AB26;
			font-size:.8em;
			TEXT-DECORATION: none;
		}


/* ------------------------------------------ */
.feedburnerFeedBlock{
	font-size:0.9em;
}
.feedburnerFeedBlock ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: none;
	margin-top: 0px;
	margin-left: -20px;
	*margin-left: 20px;
}

.feedburnerFeedBlock li {
	text-align : left;
	font-size: 1.0em;
	padding-bottom: 10px;
	margin-right: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 1.0em;
}

.feedTitle{
	width: 193px;	
	background:#d5e7c3;
	padding-right:20px;
	padding-top:26px;
	padding-bottom:26px;
	font-weight: bold;
	font-size:14px;
	font-weight: bold;
	text-align: right;
}
	.feedTitle a, .feedTitle a:visited{
	color:black;
	}
	.feedTitle a:hover, .feedTitle a:active{
		color:#55AB26;
	}

.headline{
	/*margin-left:5px;	*/
	font-weight: bold;
}
.fbsubscribelink{
	font-size: 1.0em;
	margin-left: 20px;	
}
#creditfooter{
	display: none;	
}
.students{
	color:#55AB26;
	font-size: 1.1em;
	font-weight:bold;
	text-align: center;
}

.addthis_toolbox{
	/*margin-left: 20px;*/
}