/* DEFAULT ELEMENTS - override any reset element values here */
html { font-size: 85%;} /* declare font-size as small instead of pixels so text can be resized in IE */
body
{
	background: #948e7c;
	line-height: normal;
	font-size: .9em;
	margin: 0 auto 2em auto;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	text-align: center;
	width: 950px;
}	
a:link, a:active, a:visited, a:hover{ color: #9d7a4d;}
a:hover { color: #666;}

p, ul, ol{ margin: 0 0 1em 0;}

h1
{
	margin-bottom: .3em; 
	color: #602b19; 
	font-size: 140%; 
	line-height: normal;
	font-family: 'Palatino Linotype', Palatino, 'Times New Roman';
}
h2 { padding-bottom: .9em; border-bottom: 1px solid #bc9b6a; margin-bottom: 1.2em;}

li.last { background: none; border: 0;}

/* LAYOUT STYLES */
#wrapper 
{
	margin: 0 auto;
}
#container { text-align: left;}

#logo  
{
	background: url(/images/common/logo.png) no-repeat top left;
	position: absolute;
	height: 149px;
	width: 149px;
	margin-left: -52px;
	text-align: left;
	z-index: 2;
}
#logo a { display: block; width: 100%; height: 100%; text-decoration: none; }

/*IE6 only rule, applied on top of the default above*/
* html #logo 
{
	top: auto;
	left: auto;
	width: 100%;
}
* html #logo #ie-handle
{ 
	position: static;
	margin: 0 auto;
	z-index: 5;
}
* html #wrapper { margin-top: 0px;}


/* START page-hdr STYLES */
#page-hdr { height: 63px;}
#title 
{
	padding-left: 94px;
	padding-top: 29px;
}

#unav
{
	/*padding-top: 35px;*/
	text-align: right;
}
#unav-links ul li
{
	padding: 0 6px 0 6px;
	line-height: 12px;
	background: url(/images/nav/sep-unav.gif) no-repeat center right;
}
#unav-links ul li.last { padding-right: 0;}


#snap-shots tr td.lt
{
	text-align: center;
	background: url(/images/common/bg-snapshot-left.gif) no-repeat top left;
	width: 106px;
	height: 21px;
}
#snap-shots tr td.rt
{
	text-align: center;
	border-left: 1px solid #948e7c;
	background: url(/images/common/bg-snapshot-right.gif) no-repeat top left;
	width: 109px;
	height: 21px;
}
#snap-shots ul li a:link, #snap-shots ul li a:active, #snap-shots ul li a:visited, #snap-shots ul li a:hover
{
}
#pnav 
{
	text-align: right;
	margin-bottom: 2px;
}
/*
#pnav ul 
{
	background: #4d4325;
	margin-bottom: 0;
	height: 25px;
	padding-left: 106px;
}
*/
#pnav ul li 
{
	float: left;
	height: 25px;
}
#pnav ul li a:link, #pnav ul li a:active, #pnav ul li a:visited, #pnav ul li a:hover
{
	/*width: auto;*/
	padding: 7px 12px 8px 13px; /*Note changed bottom padding from 0 to 8 */
	height: 10px;
	float: left;
}
.sticky { background: #9e7a4d}
#pnav ul li a:hover, #pnav ul li.on{ background: #9e7a4d} /* change hover over */

#pnav ul li.off{background: #4d4325} 

/*#pnav ul li a:hover ul li a:hover{ background: #9e7a4d}*/

/* END page-hdr STYLES */

/* START page-body STYLES */
#page-body 
{
	background: #fff;
	padding: 2px;
	width: 946px;
}

#main /* main is 942px of available space */
{
	width: 942px;
	border: 2px solid #8a6c4c;
	background: url(/images/common/side-faux-column.gif) repeat-y top left;
}

#wide-main
{
	width: 942px;
	border: 2px solid #8a6c4c;
	background: url(/images/faq/bgFaq.gif) repeat-y top right;
	padding-top:24px;
}

* html #main,
* html #resource-main { height: 609px;}

*+html #main,
*+html #resource-main {}

#side-bar /* side-bar is 272px of available space. */
{
	width: 272px;
	border-right: 2px solid #8a6c4c;
	min-height: 609px;
	background: url(/images/nav/bg-snav.jpg) no-repeat top right;
}

* html #side-bar { height: 609px;}

/**** START #snav  STYLES ****/
#snav-img { border-bottom: 2px solid #8a6c4c;}
#snav 
{
	
}
#snav .hdr 
{
	background: #9e7a4d;
	margin: 1px;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
	line-height: normal;
	padding: 3px 0 3px 38px;
	
}

#snav ul.sub li a:link, #snav ul.sub li a:active, #snav ul.sub li a:visited, #snav ul.sub li a:hover
{
	display: block;
	padding: 6px 0 5px 38px;
	width: 234px;
	height: 100%;
	border-bottom: 1px solid #e0dbd3;
	text-decoration: none;
	color: #755a3c;
	font-weight: 900;
	font-size: 90%;
	line-height: normal;
}
* html #snav ul li { height: 17px;}
#snav ul.sub li a:hover, #snav ul.sub li a.on 
{
	background: url(/images/common/arr.gif) no-repeat center left;
}
#snav ul.sub li ul.sub-sub li a:link,
#snav ul.sub li ul.sub-sub li a:active,
#snav ul.sub li ul.sub-sub li a:visited,
#snav ul.sub li ul.sub-sub li a:hover
{
	display: block;
	padding: 6px 0 5px 53px;
	width: 219px;
	height: 100%;
	text-decoration: none;
	color: #755a3c;
	font-weight: normal;
	font-size: 90%;
	line-height: normal;
}
#snav ul.sub li ul.sub-sub li a:hover,
#snav ul.sub li ul.sub-sub li a.on
{
	background: #FAF7F2;
}
/*** END #snav STYLES ****/

.content /* content area is 668px of available space */
{
	width: 628px;
	padding: 20px 20px 20px 20px;
}

.index-content
{
	width: 668px;
	background: url(/images/common/bgContentIndex.gif) repeat-y top right;
	min-height: 609px;
}
* html .index-content { height: 609px;}

.content div.content-short
{
	float: left;
	width: 410px;
}
.content div.content-long
{
	float: left;
	width: 628px;
}

.info-box-container
{
	margin-top: 30px;
	margin-bottom: 30px;
	border: 7px solid #f2ebe1;
	background: #bc9b6a;
	padding: 2px;
	width: 178px;
}
.info-box-sub-container
{
	border: 2px solid #f2ebe1;
	background: #bc9b6a;
	padding: 1px;
}
.info-box-content
{
	background: #f2ebe1;
	padding: 12px;
}
.info-box-content h2 
{
	margin-bottom: .3em; 
	color: #4d4325;
	font-size: 120%; 
	line-height: normal;
	font-family: 'Palatino Linotype', Palatino, 'Times New Roman';
	border: 0;
	padding: 0;
}

/* END page-body STYLES */

/* START index page STYLES */
#index-intro
{
	color: #666;
	line-height: 170%;
	font-family: Times New Roman;
	font-size: 145%;
}
#index-intro span.index-intro
{
	font-size: 175%;
	color: #9d7a4d;
}
.index-content .info-box-container { margin-top: 0;border: 0; width: 192px;}
.index-content .info-box-content { background: #fff;}
.index-content h3
{
	font-size: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #bc9b6a;
	margin-bottom: 9px;
}
#index-left 
{
	width: 306px;
	padding: 40px 30px 0px 30px;
}
#index-right 
{
	width: 247px;
	padding: 30px 25px 0px 25px;
	background: #f2ebe1;
}

#index-news dl dd, #index-featured dl dd, #index-quicklinks ul li, #index-whats-happening div.wh-entry { padding-bottom: 10px;}

#index-featured .info-box-container { width: auto;}
/* END index page STYLES */

/* START sub pages STYLES */

.listing
{
	padding-bottom: 20px;
}

.news-entry, .job-entry { padding-bottom: 20px;}
.news-entry .title, .job-entry .title{ font-weight: bold;}
.news-entry .publish-date{ font-style:italic; padding-bottom: 6px;}

.job-entry .description { padding-bottom: .7em;}

#agenda-minutes .l, #agenda-minutes .r { width: 48%;}
/* END sub pages STYLES */

#page-ftr 
{
	color: #4d4325;
	font-size: .75em;
	padding-top: 10px;
}

#wide-content-block
{
    margin-left:94px;
    margin-bottom:40px;
    width:516px;    
}

#wide-content-block table tr td { padding-right:10px; }

#resource-description { width:337px; }

#left-collections { margin-left:52px; }

#resource-side-bar { margin-right:42px; }

.resource-header 
{ 
    margin-bottom:12px; 
    width:278px;
}

#key-village-service
{
    margin:0px 32px 16px 0px;
    width:158px;
}

#how-do-i
{
    margin:0px 44px 16px 0px;
    width:244px;
}

#announcement,
#key-contact
{
    margin-bottom:16px;
    width:258px;
}

#tblCouncil tr td
{
    padding-right:8px;
}

#tblCouncil tr td img
{
    padding:2px;
    border:1px solid #5C572F;
}

#tblCouncil tr td.pic
{
    padding-right:8px;
    padding-bottom:21px;
}

#tblCouncil tr td.text
{
    padding-right:48px;
    padding-bottom:21px;
}

#standard
{
    padding:16px;
    width:302px;
}

#standard div,
#general-contact-info
{
    padding-bottom:20px;
}

#services
{
    padding:16px;
    width:262px;
}

#village-hall,
#public-services,
#county-services
{
    padding:24px 0px 10px 15px;
}

#village-hall
{
    padding-top:0px;
}

#public-services
{
    padding-top:10px;
    background:#F6EFE7;
}

.directory-table table tr td
{
    width:174px;
    padding-right:40px;
    padding-bottom:14px;
}

#tblAbout tr td img
{
    padding:2px;
    border:1px solid #5C572F;
}

#site-map
{
    padding:28px 0px 0px 20px;
}


.site-sub
{
    padding-left:15px;   
}

.site-sub-sub
{
    padding-left:30px;
}

.site li,
.site-sub li
{
    padding-bottom:5px;
}
/*-------------------------------------Dropdown pnav styles---------------------------------*/
#dropdown-pnav-wrapper {
  margin: 0 auto;
  width: auto;
  border: 1px solid #888;
  text-align: left;
  }


/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	position: relative;
	background:#4d4325;
	border: 1px solid #888; /* borders the bottom of the top nav */
	border-width: 1px 0;
	width: auto;
	height: 25px;
	padding-left: 96px;
	}

.button {
	/*width: 190px;*/
	float: left;
	}

.parent {position: relative;
		 background: #4d4325;
		 margin-bottom: 0;
		/*height: 25px;*/
		/*padding-left: 106px;*/
	}

/* this parent div does not provide "sticky hovering", but instead fixes a
strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7.
To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns.
Thus the ugly (but interesting) Op7 bug is defeated. */

.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	/*width: 250px;*/
	position: absolute;
	/*left: -3000px;*/
	top: 23px; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	/*background: url(/images/nav/clr.gif);*/
	/*background: #FF0307;*/
	display:none;
	}

.dropdown div {
	/*width: 220px;*/
	position: absolute;
	left: -3000px;
	top: 0;
	/*background: url(/images/nav/clr.gif);*/
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, although this method does eliminate
possible box model problems */

.dropdown ul {
  /*width: 189px;  tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 0px; /* creates "sticky hovering" zones for dropdowns */
  /*border: 1px solid #888;*/
  /*border-width: 1px 1px 0;*/
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */

.four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */

.four .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: left;}

.nav a {
  display: block;
  color: #BF7A4D;
  font-weight : bold;
  font-size: .9em;
  text-decoration: none;
  padding: 6px 0 5px;
	/*border-right: 1px solid #888;   makes the dividers between the top nav links */
	}

.four a {border-right: 0;} /* kills right border on last top link */

#pnav ul li{border-bottom: 1px solid #b08e61;  /* borders the bottoms of the dropdown and flyout links */}

#pnav ul li ul li a{
  color: #FFFFFF;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #b08e61;  /* borders the bottoms of the dropdown and flyout links */
  width:180px;
  background:#9e7a4d;  /* Change drop down menu background color */
  }

#pnav ul li ul li a:hover{background: #bc9b6a; }/*Drop down hover over color */
#pnav nav div.parent a:hover{background: #9e7a4d}


/*
*+ html .nav ul ul a {
  color: #FF0340;
  border-right: 0; 
  border-bottom: 1px solid #888;  
  width:100px;
  background:#F2EBE1;
  }
*/
  
.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE5/win bugfix */
  }

.parent:hover {background-image: url(/images/nav/clr.gif);}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

.parent:hover div.dropdown {/*left: -31px;*/
							display:block;} /* hover rule for dropdowns */
/* extra pixel makes dropdowns "line up" with top links */

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}

*+ html .parent:hover div.dropdown { /* hover rule for flyouts */
	left: 0px; /* originally 180px this value controls the amount of flyout "overlap" */	
	}
	
.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px;
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
	padding: 0;
	width: 15px;
	height: 15px;
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;
	background: url(images/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}

.dropdown li:hover {background: #235;} /* hover color effect on dropdown links */

.dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/

.one ul {background: #d79b00;}
.two ul {background: #459;}
.three ul {background: #4a3;}
.four ul {background: #790000;}
.dropdown div ul {background: #eda;} /* colors BG of flyouts */
.dropdown div ul a {color: #400;} /* colors text of  flyouts */


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
*+ html .button .dropdown li {
height: 1%;
margin-left: -16px;
margin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
and the 2nd is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

/*------------------------------------End Dropdown pnav styles----------------------------- */