/* Main layout stylesheet */
body {
	color: black;
	background: white;
	padding: 0;
	margin: 0;
	font-size: 70%;
}

body, textarea, input {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

/* General, all purpose rules */
a, a:visited { color: black; }
a:hover { text-decoration: underline !important; }
a img { border: none; }
br, hr, .clear { clear: both; }
.c { text-align: center; }
.l, .imgstory img { float: left; }
.r { float: right; }
.print { display: none; }

h1, h2 {
	margin: 0;
}

h1 {
	float: left;
	width: 366px;
}

h2 {
	float: right;
	width: 77px;
}

/* Supplementary navigation */
p#supnav {
	color: #A5BDD9;
	background: white;
	margin: 0.5em;
	clear: both;
}
	#supnav a, #utility ul a, .action ul a {
		text-decoration: none;
	}
	#supnav a:hover {
		text-decoration: underline;
	}

/* Big quote */
blockquote {
	background: #405166;
	margin: 0;
	color: white;
}
	blockquote p {
		margin: 0;
		padding: 1em;
		font-size: 160%;
		font-weight: bold;
		font-family: Arial;
	}
	.bottom {
		vertical-align: top;
	}
	blockquote cite {
		font-size: 70%;
		color: #C9D7E8;
		font-style: normal;
		font-weight: normal;
	}

/* This is the main navigation bar, which is under the quote */
form#sitesearch {
	margin: 0;
	padding: 0 0 20px 0;
	border-top: solid 1px white;
}
	#sitesearch h3 {
		width: 142px;
		float: left;
		text-align: center;
		margin: 0;
		padding: 0.5em 0;
		font-size: 110%;
	}
	/* The colours of the tabs */
	#sitesearch .first { background: #405166 url(/renfrew_council/img/bg-first.gif) no-repeat bottom right; }
	#sitesearch .second { background: #4D627B url(/renfrew_council/img/bg-second.gif) no-repeat bottom right; }
	#sitesearch .third { background: #5C7592 url(/renfrew_council/img/bg-third.gif) no-repeat bottom right; }
	#sitesearch .fourth { background: #6B89AB url(/renfrew_council/img/bg-fourth.gif) no-repeat bottom right; }
	#sitesearch .fifth { background: #7D98B5 url(/renfrew_council/img/bg-fifth.gif) no-repeat bottom right; }
		#sitesearch h3 a {
			color: white;
			text-decoration: none;
		}
	/* The search box */
	#sitesearch p {
		margin: 0;
		padding: 0.5em 8px;
		font-weight: bold;
		clear: both;
	}
	/* Go button */
	#sitesearch #submit {
		background: #D2DEEC;
		border: solid 1px #D2DEEC;
		font-weight: bold;
		padding: 0;
		width: auto;
	}
	#sitesearch input {
		font-size: 90%;
		width: 120px;
		font-weight: normal;
	}

div#subnav {
	margin: 0 10px 0 0;
}
	#subnav div {
		background: #CCDA93 url(/renfrew_council/img/bg-subnav-bottom.gif) no-repeat bottom right;
	}
	div#subnav div.action {
		margin: 0 0 1em 1em;
	}
		#subnav h4, div#utility div#forthnav h6 {
			margin: 0 0 0 10px;
			border-top: solid 1px white;
			padding: 0.3em 0.5em;
			font-size: 100%;
		}
		#subnav h4.first {
			border: none;
			background: url(/renfrew_council/img/bg-subnav-top.gif) no-repeat top right;
		}
			#subnav a {
				text-decoration: none;
			}
		/* Second level of navigation */
		#subnav div h5 {
			font-weight: normal;
			font-size: 100%;
			margin: 0 0 0.2em 25px;
			padding: 0 0 0 12px;
			background: #CCDA93 url(/renfrew_council/img/bg-subnav-h5.gif) no-repeat left;
		}
			/* "You are here" */
			#subnav h5 a:hover, #subnav h5 em {
				text-decoration: underline;
				font-style: normal;
			}

	/* This is the forth level of navigation, which is on the right, but is here for ease of editing */
	div#utility div#forthnav {
		background: #D6E1A9;
		padding: 0 0 0.4em 0;
	}
		div#utility div#forthnav h6.first {
			border: none;
			margin: 0.5em 0 0 0;
		}
		div#utility div#forthnav h6 {
			font-weight: normal;
			margin: 0.5em 10px 0 0;
		}

div#utility {
	margin: 0 1em 1em 1em;
}

/* These are the blue boxes found in the first and third columns */
div#utility div,#subnav div.action {
	background: #D2DEEC;
}
	/* Heading of action box */
	div#utility div h5, div#subnav div.action h5 {
		margin: 0 0 0.6em 0;
		padding: 1.2em 0 0.6em 0;
		border-bottom: solid 1px white;
		text-align: center;
		font-size: 110%;
		background: #D2DEEC;
		font-weight: bold;
	}
	div#utility div p, .action p, div#utility div h6, .action h6 {
		margin: 0;
		padding: 0 10px 10px 10px;
		font-size: 100%;
	}
	/* Second level headings */
	div#utility div h6, .action h6 {
		padding: 0 10px;
	}
	/* Lists */
	#utility ul, .action ul {
		margin-left: 15px;
		padding-left: 15px;
		list-style-image: url(/renfrew_council/img/bullet-action.gif);
		padding-bottom: 10px;
	}
		#utility ul a, .action ul a {
			font-weight: bold;
		}

div#maincontent {
	margin: 0 1em 1em 1em;
}
	#maincontent h1, #maincontent h2, #maincontent h3 {
		margin: 0;
		float: none;
	}		
	#maincontent h1 {
		font-size: 160%;
	}
	#maincontent h2 {
		font-size: 120%;
	}	
	#maincontent h3 {
		font-size: 100%;
	}
	/* The crumb trail */
	p#crumb {
		color: #A7A7A7;
		margin: 0;
	}
		#crumb a, #crumb a:visited {
			color: #6B89AB;
		}
		#crumb strong {
			font-weight: normal;
			color: black;
		}
	#maincontent .headline {
		background: #E6E9E5;
	}
		.headline p.bottom {
			height:7px;
			margin-bottom: -7px;
		}
		.headline h2 {
			font-size: 100%;
			padding: 5px 10px 5px 30px;
			background: #E6E9E5 url(/renfrew_council/img/bullet-headline.gif) no-repeat left;
			margin: 0 0 -19px 0;
			width: auto;
		}
	#maincontent div.imgstory p {
		margin: 0 0 10px 100px;
	}
	#maincontent div.imgstory h3 {
		margin: 0 0 0 100px;
	}
	.textstory {
		background: white url(/renfrew_council/img/bullet-textstory.gif) no-repeat top left;
		padding: 0 0 0 30px;
	}
		.textstory h3 {
			margin: 0;
		}
	#maincontent hr {
	     height:1px;
	     padding:0;
	     border:0;
	     border-bottom:1px solid #E6E9E5;
	     clear:both;
	     color:white;
	}
	/* Bloquotes are also used in the main content */
	#maincontent blockquote {
		background: white;
		color: #6B89AB;
	}
		#maincontent blockquote p {
			margin: 0 2em;
			padding: 0;
			font-size: 130%;
			font-weight: bold;
			text-indent: -1.5em;
			letter-spacing: 0;
		}
		#maincontent blockquote cite {
			color: black;
			font-size: 80%;
		}
		#maincontent blockquote p.r {
			float: none;
			text-align: right;
		}
		/* Default display of lists in maincontent */
		#maincontent ul {
			list-style-image: url(/renfrew_council/img/bullet-maincontent.gif);
		}

	/* Disclaimer */
	div#disclaimer {
		font-size: 85%;
		margin: 3em 0 0 0;
		padding: 1.5em 0 0 0;
		border-top: solid 2px #C9D7E8;
		color: #C9D7E8;
	}
	
/* Lost of stuff needs this rule */
#subnav div, #utility div, .headline, .imgstory, .textstory, .textstory p, #maincontent hr, #maincontent p, #maincontent blockquote {
	margin: 0 0 10px 0;
}