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

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:link, a:visited  {
	color: black;
	TEXT-DECORATION: none;
}
a:hover, a:active{
	color: red;
	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:90%; /*set default font size */
	font-family: verdana, arial, tahoma, sans-serif; /* set default font */
	text-align: left;
}

* {
	line-height: 130%;
}

body{ 
	font-size: .8em; 
	
	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: #295b98; 
	height: 1px;
	margin-top: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;
} 

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

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

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

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

#banner{
	position: relative;
	float: left;
	width: 685px;
	height:58px;
	padding-left:20px;
	padding-right:20px;	
	background:black;
	background: black url(graphics/banner-back.jpg) repeat-x;
	color:white;
}
	#banner-strap{
		position: relative;
		float: left;
		font-size:18px;
		padding-top:18px;
		color:white;
	}
	#banner-hotline{
		position: relative;
		float: right;
		text-align: right;
		font-size:12px;
		/*font-weight: bold;*/
		padding-top:24px;
		color:white;
	}

#logo{
	position: relative;
	float: left;
	width: 235px;
	height:58px;
	margin-left:10px;
}

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

#main-left{
	width: 725px;
	position: relative;
	float: left;
}

	#main-welcome{
		position: relative;
		float: left;
		width: 195px;
		height:182px;
		margin-top: 10px;		
		padding-left:20px;
		padding-right:20px;
		padding-top:30px;
		_padding-top:20px;
		padding-bottom:20px;
		_padding-bottom:30px;
		background:#cdcac2;
	}
	
	#anim{
		position: relative;
		float: left;
		width: 480px;
		height: 230px;
		margin-top: 10px;		
		margin-left: 10px;		
	}
	
	#separator{
		width:700px;
		position: relative;
		float: left;
		height:1px;
	}

	#contact{
		position: relative;
		float: left;
		width: 200px;
		margin-top: 10px;		
		padding-left:20px;
		padding-right:15px;
	}
	
	#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: #E3001B 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;
		}

#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: red;
		font-weight: bold;
		TEXT-DECORATION: none;
	}

#wide-content{
	width: 725px;
	position: relative;
	float: left;
	background:#ebeae7;	
	margin-top: 10px;		
	margin-left: 10px;	
	padding-bottom:20px;	
}
	#wide-content p.wide-title{
		width: 685px;
		background:#E3001B;
		background: #E3001B url(graphics/title-back.jpg) repeat-x;
		color:white;
		padding-left:20px;
		padding-right:20px;
		padding-top:6px;
		padding-bottom:6px;
		font-weight: bold;
		font-size: 0.9em;
	}
	#wide-content p{
		width: 585px;	
		padding-left:20px;
		padding-right:20px;
		font-size: 0.8em;
	}
#map-content{
	width: 480px;
	position: relative;
	float: left;
	background:white;	
	margin-top: 10px;		
	margin-left: 10px;	
	padding-bottom:20px;	
}
	#map-content p.map-title{
		width: 440px;
		background:#E3001B;
		background: #E3001B 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: 235px;
	position: relative;
	float: left;
	margin-left:10px;
}
	
	#blog{
		position: relative;
		float: left;
		width: 200px;	
		margin-top:0px;
		margin-left:10px;
	}	
		#blog p{
			width: 195px;	
			padding-left:20px;
			padding-right:20px;
		}

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

#footer{
	width:970px;
	position: relative;
	float: left;
	margin-top:25px;
	border-top: 1px solid #a9a9a9;	
	color:#999;
	padding-top:4px;
	margin-bottom:10px;
}
	#foot-copyright{
		position: relative;
		float: left;
		margin-left:245px;
		_margin-left:123px;
		font-size:.8em;
		color:#999;
	}
	#foot-sandt{
		position: relative;
		float: left;
		margin-left:40px;		
		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: red;
			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: red;
			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;
	margin-bottom: 1.0em;
}

.feedTitle{
	width: 215px;	
	background:black;
	background: black url(graphics/news-back.jpg) repeat-x;
	color:white;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight: bold;
	*margin-top: 10px;
	font-size:11px;
	font-weight: bold;
}
	.feedTitle a, .feedTitle a:visited{
		color:white;
	}
	.feedTitle a:hover, .feedTitle a:active{
		color:red;
	}

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