@import url(colours.css);
@import url(form.css);

* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
body { font-size: 0.75em; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; font-style: italic; }
p { margin-bottom: 1.25em; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; margin-bottom: 1.25em; }
div.hr hr { display: none; }
div.hr { border-top: 1px solid #808080; margin-top: 8px; padding-bottom: 9px; }

#credit { width: 975px; margin: 8px auto; font-size: 0.8em; text-align: right; color: #808080; }
#credit a { color: #808080; text-decoration: none; }
#root { width: 975px; margin: 0px auto; }
	#header { position: relative; height: 220px; }
		#logo { position: absolute; top: 24px; left: 72px; }
		#topright { position: absolute; top: 0px; right: 0px; }
		#maintabs { position: absolute; bottom: 0px; left: 72px; }
			#maintabs ul { list-style: none; margin: 0; padding: 0; }
				#maintabs li { display: inline; }
					#maintabs a { display: block; float: left; width: 115px; height: 22px; margin-right: 5px; background-position: 0px 0px; }
					#maintabs a:hover, #maintabs a:active, #maintabs a.active { background-position: 0px -22px; }
					#maintabs a span { display: none; }
	#gradientbar { }
	#animatedbanner { margin-left: 72px; }
	#mainpanel { width: 840px; margin-top: 5px; margin-left: 72px; }
		#leftpanel { width: 185px; float: left; }
			#loginnavigationbox { background-repeat: repeat-x; border-top: 0; border-bottom: 0; border-left-width: 3px; border-right-width: 3px; border-style: solid; }
				#membersarea { padding: 0px 5px; }
					#membersarea h2 { margin: 0; font-size: 1em; padding: 0px 2px 2px; }
					#login-username, #login-password, #login-password-mock { width: 130px; }
					#login-submit { width: 32px; }
					#membersarea p { margin-bottom: 0.25em; }
					#membersarea a { color: #404040; }
				#mainnavigation { padding: 5px; }
					#mainnavigation ul { list-style: none; margin: 0; padding: 0; }
					#mainnavigation li { display: inline; }
					#mainnavigation a { display: block; padding: 2px 0px; border-bottom-style: solid ; border-bottom-width: 1px; text-decoration: none; }
					#mainnavigation a.level2 { padding-left: 10px; }
					#mainnavigation a.level3 { padding-left: 20px; }
					#mainnavigation a.level4 { padding-left: 30px; }
					#mainnavigation a.active { font-weight: bold; }
			#shropshire-council { text-align: center; margin-top: 20px; }
		#centrerightcontainer { float: right; width: 634px; margin-left: 20px; }
		#centrepanel.featurepage { width: 340px; float: left; }
		#centrepanel.noright { width: 634px; }
		#centrepanel { width: 448px; float: left; }
			#breadcrumbcontainer * { font-family: Tahoma, Arial, Helvetica, sans-serif; }
				#breadcrumbs { float: left; font-size: 0.75em; margin-bottom: 1em; }
				#otherlinks { float: right; font-size: 0.75em; margin-bottom: 1em; }
				#facebook_share { text-align: right; padding: 0px 0px 0px 0px; }
					#facebook_share img { vertical-align: middle; }
			#maincontent { line-height: 1.5em; }
				#pageimage { margin-bottom: 1.5em; }
				#maincontent table { margin-bottom: 1.5em; }
				#maincontent table th { font-weight: bold; padding: 2px 4px; }
				#maincontent table td { padding: 2px 4px; }
		#rightpanel.featurepage { width: 280px; float: right; margin-left: 10px; }
		#rightpanel { width: 171px; float: right; margin-left: 15px; }
			#searchbox { border-top: 0; border-bottom: 0; border-left-width: 2px; border-right-width: 2px; border-style: solid; padding: 0px 5px; }
				#searchbox h2 { margin: 0; font-size: 1em; padding: 0px 2px 2px; }
				#search-query { width: 118px; }
				#search-submt { width: 32px; }

#videoplayer { margin: 10px auto; }

#gMap { width: 630px; height: 630px; margin: 0px auto 1.5em; border: 1px solid black; }
.gMap_infoWindow { width: 250px; height: 120px; }

.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: left; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }
.error { font-weight: bold; text-align: center; margin-bottom: 0.75em; color: #FF0000; }
input.textbox, input.text, input.text-ghosted { border-style: solid; border-width: 1px; vertical-align: middle; }
input.submit { border: 0px; font-weight: bold; width: 32px; height: 1.35em; vertical-align: middle; }

.lozengebox { margin-bottom: 15px; }
.lozengebox .contents { border-top: 0; border-bottom: 0; border-left-width: 2px; border-right-width: 2px; border-style: solid; }
.lozengebox .contents h2 { margin: 0; font-size: 1em; padding: 0px 6px 4px; }
.lozengebox .contents .text { padding: 6px; }

.diarylozengeevent { border-bottom-width: 1px; border-bottom-style: solid; }
.diarylozengeevent h3 { font-size: 0.9em; margin: 5px 0 0 0; }
.diarylozengeevent p { margin-bottom: 0.3em; font-size: 0.9em; }
.morelink { font-size: 0.9em; margin: 4px 0 0 0; text-align: right; }

.articlesummary { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; margin-bottom: 1em; }
.authoravatar { float: left; width: 75px; margin-right: 10px; margin-bottom: 10px; }
.articlelink { background-color: #808080; color: #ffffff; text-decoration: none; display: block; float: right; margin-left: 4px; padding: 0px 6px; }
.comment { border-top: 1px solid #808080; padding: 0.5em 1em; background-image: url(../images/formbkgd.gif); background-repeat: repeat-x; }
.commentbyline { text-align: right; font-size: 0.85em; font-style: italic; }
#commentform { margin-top: 10px; }

.searchresult { border-top: 1px solid #808080; padding-top: 0.75em; }

.galleryphoto { float: left; width: 102px; height: 102px; margin: 4px; }

.gallery-listing .gallery-listing-item { float: left; margin: 0px 15px 15px 15px; display: inline; text-align: center; }
.mapKeySymbol { float: left; width: 250px; padding: 0px 10px 5px 0px; }