/* Main Stuff. */
/* ----------- */

html {
	height: auto;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	background: rgb(186,205,254);
	text-align: justify;
	font-family: Helvetica, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #616161;
	height: auto;
}

h1, h2, h3 {
	margin-top: 0;
	color: #8C0209;
	text-align: center;	
}

/* Link Stuff. */
/* ----------- */

A.navbar:link {text-decoration: none; color: black; font-weight:bold;}
A.navbar:visited {text-decoration: none; color: black; font-weight:bold;}
A.navbar:active {text-decoration: none; color: black; font-weight:bold;}
A.navbar:hover {text-decoration: underline; font-size:24px; font-weight:bold; color: rgb(28,63,68); }

A.standard:link {text-decoration: none; color: blue; font-weight:normal;}
A.standard:visited {text-decoration: none; color: blue; font-weight:normal;}
A.standard:active {text-decoration: none; color: blue; font-weight:normal;}
A.standard:hover {text-decoration: underline; font-size:16px; font-weight:normal; color: rgb(28,63,68); }

A.standardNews:link {text-decoration: none; color: blue; font-weight:normal;}
A.standardNews:visited {text-decoration: none; color: blue; font-weight:normal;}
A.standardNews:active {text-decoration: none; color: blue; font-weight:normal;}
A.standardNews:hover {text-decoration: underline; font-size:14px; font-weight:normal; color: rgb(28,63,68); }

/* The Banner. */
/* ----------- */

#banner {
	width: 960px;
	height: 340px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	background: url(../images/banners/banner.jpg) no-repeat left top;
}

#banner_spacing {
	width: 960px;
	height: 10px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	background: #4b687f;
}

#bottomspacing {
	width: 960px;
	height: 10px;
	background: #4b687f;
}

#white_spacing {
	width: 960px;
	height: 145px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	background: #FFFFFF;
}

/* The nav bar */
/* ----------- */

#main_navbar {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 0px 0px;
	background: url(../images/main_navbar.jpg) no-repeat left top;
}

#main_navbar_link {
	height: 30px;
	position:relative;
	
	margin: 0 auto;
	padding: 11px 20px;
	text-align: center;
	font-family: Helvetica;
	font-size: 24px;
	color: #000000;
        
        float:left;
}


/* Left Logos Stuff */
/* ---------------- */

#telf_council {
	width: 170px;
	height: 64px;
	margin: 0 auto;
	float:none;
	padding: 0 0px 0 0px;
}

#nhs_telf {
	width: 170px;
	height: 42px;
	margin: 0 auto;
	float:none;
	padding: 0 0px 0 0px;
}

#safe_stronger {
	width: 126px;
	height: 64px;
	margin: 0 auto;
	float:none;
	padding: 0 0px 0 0px;
}

/* Background Stuff */
/* ---------------- */

#main_background {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0px;
	background: #4b687f;
}

/* A standard text area for the web site. Includes font etc. */
#page_standard_area {
	margin: 0 auto;
	padding: 0px 0px;
	text-align: justify;
	font-family: Helvetica;
	font-size: 16px;
	color: #000000;
}

#map_background {
	margin: 0 auto;
	padding: 10px 10px;
	width: 600px;
	height: 500px;
	background: #4b687f;
}

/* The Page The standard layerout. */
/* ------------------------------- */
/* Below is the standard layout used on most (if not all) pages. */

/* This is important, it clears the float align. It allows the rest of the page to render properly. */
#clear {
	clear: both;
}

/* All pages go inside this!! */
#page {
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px;
	background: #FFFFFF;
}

/* The main bit of the page. It is aligned to the left. */
#page_left {
	width: 280px;
	margin: 0 auto;
	float:left;
	padding: 10px 10px 0px 10px;
	background: #FFFFFF;
}

/* The side bar. It is aligned to the right. */
#page_right {
	width: 640px;
	margin: 0 auto;
	padding: 10px 10px 0px 0px;
	float:right;
	background: #FFFFFF;
}


/* Text Areas. */
/* ----------- */

/* A standard text area for the web site. Includes font etc. */
#page_standard_text {
	margin: 0 auto;
	padding: 10px 0px;
	text-align: justify;
	font-family: Helvetica;
	font-size: 16px;
	color: #000000;
}

/* A standard text area for the web site. Includes font etc. */
#page_standard_text_news {
	margin: 0 auto;
	padding: 10px 0px;
	text-align: justify;
	font-family: Helvetica;
	font-size: 14px;
	color: #000000;
}

/* A standard text area for the web site footer. Includes font etc. */
#page_footer_text {
	margin: 0 auto;
	padding: 9px 0px;
	text-align: center;
	font-family: Helvetica;
	font-size: 12px;
	color: #000000;
}

/* A standard heading for the web site. */
#page_standard_heading {
	margin: 10 auto;
	padding: 10px 10px;
	text-align: left;
	font-family: Helvetica;
	font-size: 18px;
	color: #FFFFFF;
	background: rgb(91,177,190);
}

/* A standard heading for the web site. No background. */
#page_main_heading {
	margin: 10 auto;
	padding: 10px 10px;
	text-align: center;
	font-family: Helvetica;
	font-size: 24px;
	color: #8C0209;
	background: #FFFFFF;
}


/* Web site pictures. */
/* ------------------ */

#pinkSeedPods {
	width: 184px;
	height: 758px;
	margin: 0 auto;
	background: url(../images/seed_pods.jpg) no-repeat left top;
}

#blue_dragonfly {
	width: 238px;
	height: 293px;
	margin: 0 auto;
	background: url(../images/blue_dragonfly.jpg) no-repeat left top;
}

#green_dragonflys {
	width: 168px;
	height: 379px;
	margin: 0 auto;
	background: url(../images/green_dragonflys.jpg) no-repeat left top;
}

#brown_butterfly {
	width: 168px;
	height: 379px;
	margin: 0 auto;
	background: url(../images/brown_butterfly.jpg) no-repeat left top;
}

#brown_butterfly_small {
	width: 168px;
	height: 106px;
	margin: 0 auto;
	background: url(../images/brown_butterfly_small.jpg) no-repeat left top;
}