/* styles for znth template */
/* Style:      Avoncroft   */
/* (c) BDA 2006 bda.co.uk   */

/* -------------------  site wide styles ------------------- */
* {
	margin:				0;
	padding:			0;
}
body {
	margin:				0;
	padding:			0;
	
	background-color:	#C4C4C4;
	
	font-family:		Arial, Verdana, Sans-serif;
	font-size:			80%;
	color:				#111;
}
#page_frame {
	width:				774px;
	margin:				20px auto;
	background-color:	#fff;
}
/* top of the page including drop shadow edges   */
#page_top_shadow {
	height:				17px;
	background:			url(images/bg_top.jpg) no-repeat left bottom;
}
#page_header {
	background:			url(images/bg_blue.jpg) repeat-y left top;
	padding:			0 15px 15px 15px;
}
/* logo hides the h1 and text and pulls background image   */
#mainlogo {
	margin:				0;
	padding:			0;
	float:				left;
}
#mainlogo span {
	display:			none;
}
#mainlogo a {
	display:			block;
	height:				46px;
	width:				288px;
	background:			url(images/avoncroft_mainlogo.jpg) no-repeat;
}
/* utility navigation in top right hand corner               */
#utility_navigation {
	text-align:			right;
	margin:				0 15px 3px 300px;
}
#utility_navigation ul {
	padding:			0;
	margin:				0 0 5px 0;
	list-style:			none;
}
#utility_navigation ul li {
	display:			inline;
	border-left:		1px solid #fff;
	padding:			0 4px;
	margin:				4px 0;
}
#utility_navigation ul li.sans_border {
	border:				0;
}

#utility_navigation ul li a {
	color:				#fff;
	font-size:			1.4em;
}
#utility_navigation ul li a:hover {
	border-bottom:		2px solid #fff;
}
/* drop through swoosh hr effect                 */
#page_header_divide {
	height:				24px;
	background:			url(images/bg_swoosh.jpg) no-repeat left top;
}

/* main home page    content container                           */
#page_content {
	background:			url(images/bg_white.jpg) repeat-y left;
	padding:			15px 15px;
	color:				#111E48;
}
#content_left {
	float:				left;
	width:				335px;
	padding:			5px 0 0 10px;
	line-height:		110%;
}
#content_left img {
	border:				1px solid red;
}
#content_right {
	margin:				0 10px 10px 365px;
	position:			relative;
}

div.related_container {
	margin:				15px 0 0 0;
	line-height:		130%;
	clear:				left;
}
div.related_container h4 {
	margin:				4px 0 6px 0;
	font-size:			1.4em;
}
div.related_container a {
	border:				0;
	padding:			0;
	margin:				0;
	
	color:				#111E48;
}
div.related_container a:hover {
	text-decoration:	underline;
}

/* additional superstyling for the subpage layouts .....     */
#subnavigation_left {
	float:				left;
	width:				120px;
	padding:			0 0 0 10px;
}
#subnavigation_left h2 {
	font-size:			1.2em;
	margin:				0 0 5px 0;
}
#subnavigation_left ul li {
	list-style:			none;
	margin:				6px 0;
}
#subnavigation_left ul li a {
	color:				#E21616;
}
#subnavigation_left ul li a.currentpage {
	font-weight:		bold;
}
#subnavigation_left ul li a:hover {
	text-decoration:		underline;
}
#subnavigation_left ul li ul {
	margin:				0 0 0 10px;
}
#subpage_content {
	margin:				22px 0 0 135px;

}
#subpage_content_text {
	float:				left;
	width:				265px;
	padding:			0;
	line-height:		130%;
}
#subpage_content_text ul {
	margin:				5px 5px 5px 30px;
}
#subpage_content_text p {
	margin:				4px 0 3px 0;
}
#subpage_content_images {
	margin:				0 0 0 275px;
}
#subpage_content_images table {
	padding:			0;
	margin:				0;
	width:				285px;
}
#subpage_content_images img {
	border:				1px solid #E21616;
}
#mapping_container {
	background:			url(images/bg_shdw_312x306.gif) no-repeat bottom right;
	width:				301px;
	padding:			2px 9px 7px 4px;
}
#mapping_key {
	width:				270px;
	margin:				10px 0 10px 12px;
}
#mapping_key p {
	margin:				4px 0;
}
#form_wrapper {
	padding:			0;
}
#form_wrapper label {
	vertical-align:		top;
}
#form_wrapper p {
	text-align:			right;
	padding:			4px 40px 3px 2px;
}
#form_wrapper p input.text, #form_wrapper p textarea.text {
	width:				170px;
	border:				1px solid #555;
	padding:			1px;
	margin:				2px;
	
}
#form_wrapper p input.button {
	margin:				2px 1px;
	background-color:	#E6E6E7;
	color:				#6E6E6E;
	padding:			0;
	border:				1px solid #444;
}

a.search_link {
	letter-spacing:		1px;
	font-weight:		bold;
}
p.search_extract {
	margin:				5px 0 3px 0;
	padding:			2px 0 10px 0;
	border-bottom:		1px solid #E21616;
	line-height:		120%;
}

/* on the occasion of pages that span full width   */
div.full_width {
	margin:				0 5px 5px 140px;
	line-height:		120%;
	
}
div.full_width ul {
	list-style-type:	none;
}
div.full_width ul li {
	margin:				3px 0;
}
div.full_width_map {
	margin:				0 5px 5px 140px;
	line-height:		130%;
}
div.full_width_map ul {
	margin:				3px 0 3px 15px;
}
#page_content_footer {
	background:			url(images/bg_blue.jpg) repeat-y left;
	padding:			10px 15px;
}
#footer_left {
	float:				left;
	width:				500px;
	color:				#fff;
}
#footer_left a {
	color:				#fff;
	text-decoration:	none;
}
#footer_left a:hover {
	border-bottom:		2px solid #fff;
}
#footer_left img.stayleft {
	float:				left;
	margin:				0 5px;
}
#footer_right {
	margin:				0 15px 10px 540px;
	text-align:			right;
	color:				#fff;
}
#footer_right form {
	margin:				2px 0 5px 0;
}
#footer_right input.search {
	border:				1px solid #666;
	margin:				2px 1px;
	padding:			1px;
	width:				50px;
	font-size:			0.8em	
}
#footer_right input.button {
	margin:				2px 1px;
	background-color:	#E6E6E7;
	color:				#6E6E6E;
	padding:			0;
	border:				1px solid #444;
	font-size:			0.8em;
}
#footer_right #contact {
	padding:			10px 0 0 0;
	font-size:			1.6em;
	font-weight:		bold;
}
#page_content_footer_shadow {
	background:			url(images/bg_foot.jpg) no-repeat left top;
	height:				17px;
}

/* out of the page frame itself - whole page footer         */
#page_frame_footer {
	background-color:	#C4C4C4;
	padding:			0 7px;
	color:				#111E48;
}
#page_frame_footer ul {
	list-style:			none;
}
#page_frame_footer ul li {
	display:			inline;
	margin:				1px 2px;
}
#page_frame_footer ul li a {
	color:				#111E48;
}
#page_frame_footer ul li a:hover {
	border-bottom:		1px solid #111E48;
}
#page_footer_right {
	float:				right;
	width:				140px;
	text-align:			right;
}
#page_footer_left {
	float:				left;
	width:				110px;
}
#site_plan_link {
	margin:				25px 0 0 0;
}
#page_footer_center {
	margin:				0 0 0 125px;
	text-align:			center;
}
/* generic style handling                   */
a {
	text-decoration:	none;
	color:				#222;
	padding:			1px 2px;
}
.clear {
	clear:				both;
}



/* downlaod box styling   */
#attachmentbox {
	margin:				10px 0;
	padding:			5px;
	border:				1px solid #ddd;
}
#attachmentbox h4 {
	font-size:			1.2em;
	letter-spacing:		1px;
}
#attachmentbox ul li {
	margin:				2px 0 2px 20px;
}
#attachmentbox ul li a {
	font-weight:		normal;
	padding:			2px;
}
#attachmentbox ul li a:hover {
	background-color:		#ccc;
}


/* special classes to construct the shadow frame around images   ********spooky********* */
/* put the imagetype this refers to as a part of the name of the class   */
/* images are given a red border up at #subpage_content_images img       */

div.img_frm_container_4 {
	float:					left;
	margin:					0 10px 0 0;
	background:				url(images/bg_shdw_142x132.gif) no-repeat top left;
	padding:				4px 9px 10px 3px;
	width:					139px;
}

div.img_frm_container_5 {

	margin:					0 2px 0 0;
	background:				url(images/bg_shdw_157x120.gif) no-repeat top left;
	padding:				2px 9px 10px 2px;
	width:					155px;
}
div.img_frm_container_5 img {
	width:					144px;
	height:					108px;
}
div.img_frm_container_6 {
	float:					left;
	margin:					0 2px 0 0;
	background:				url(images/bg_shdw_127x120.gif) no-repeat top left;
	padding:				2px 9px 10px 2px;
	width:					116px;
}
div.img_frm_container_7 {
	float:					left;
	margin:					0 2px 0 0;
	background:				url(images/bg_shdw_312x238.gif) no-repeat top left;
	padding:				2px 9px 10px 2px;
	width:					311px;
}