/* CSS Document */
	@media screen, projection {
		.be-nice-to-Mac-IE5 {
			font-family: "\"}\"";
			font-family: inherit;
		}
		
		/* -- GENERAL REDECLARATIONS ---------------------------------------- */
		* 					{margin:0; padding:0; color:#666666;}
		body 				{text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:10px; background-color:#ffffff; margin:auto;}
		body, tr, 
		td, 
		select 				{font:normal small/1.3 Verdana, Arial, Helvetica, sans-serif;}
		textarea			{color:#000000; font-size:11px;}
		a:link,a:visited 	{text-decoration:underline;}
		a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/
		a:hover 			{}
		a:outline			{none;}
		ul, ol	 			{margin:0 0 10px 25px;}
		dl 					{margin:0 0 10px;}
		dt 					{font-weight:bold;}
		dd					{margin:0 0 3px 10px;}
		p 					{margin:0 0 15px; font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;}
		h1 					{font-size:large; margin:0 0 12px;}
		h2 					{font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin:0 0 -0.2ex;
	font-weight:normal;}
		h3 					{margin:0 0 15px; font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;}
		h4 					{font-size:x-small; margin:4px 0;}
		h5					{font-size:xx-small; margin:3px 0;}
		h6 					{font-size:xx-small; margin:0;}
		hr 					{display:none;}
		img 				{border:none;}
		acronym				{border-bottom: 1px dotted;}
		blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
		/* stuff for forms */
		label,input 		{
							display: block;
							float: left;
							margin-bottom: 10px;
							color:#000000;
							font-size:x-small;
							}
		submit				{font-size:x-small; background-color:#FFFFFF;}					
		br 					{
							clear: left;
							}
		
		/* -- ID'S ---------------------------------------- */			
		#wrapper 			{
							font-family: Verdana, Geneva, Arial, sans-serif;
							text-align: center;
							/* margin-top: -309px;
							 margin-left: -480px; */
							 margin-top:1PX;
							 margin-left:auto;
							 margin-right:auto;
							position: relative;
							/* top: 50%;
							left: 50%; */
							width: 960px;
							height: 628px;
							background-color:#FFFFFF;
							visibility: visible;
							border:1px solid #838689;}
		/* wrapper is centered vertically and horizontally in any browser */
		/* next two sections only used on main page */
		#header				{width:960px;
							height:149px;
							background-color:#ffffFF;}
		#banner_pic			{width:960px;
							height:355px;
							background-color:#ffffff;
							text-align:left;}
		#full_text_frame	{width:904px;
							height:355px;
							background-color:#ffffff;
							margin-left:28px;
							margin-right:28px;
							text-align:left;}
		#translation		{position:absolute; left:830px; top:75px; width:130px; height:22px;}
		#creditcards		{
	position:absolute;
	left:660px;
	top:460px;
	width:300px;
	height:80px;
	text-align: left;
}

		/* end */
		/* dynload used by the javascript rollover */
		#dynloadarea	{position:absolute;
							left:0px;
							top:0px;
							margin:0;
							padding:0;
							width:417px;
							height:505px;
							}					
		/* end of java area */
		/* this pic user controlled by ul, float over produces different pic absolute positioned */
		#cottage_text_frame	{position:absolute;
							left:443px;
							top:31px;
							margin:0px;
							padding:0px;
							width:463px;
							height:416px;
							background-color:#ffffff;
							text-align:left;
							}
		#cottage_text_frame	p	{font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								letter-spacing:0.05em;
								line-height:22px;}
		#logos-bottom-right	{
	position:absolute;
	top:350px;
	left:210px;
}

		#devra-logos	{
	position:absolute;
	top:383px;
	left:10px;
}


#cottage_text_frame_things	{position:absolute;
							left:443px;
							top:31px;
							margin:0px;
							padding:0px;
							width:463px;
							height:416px;
							background-color:#ffffff;
							text-align:left;
							}
		#cottage_text_frame_things	p	{font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								letter-spacing:0.05em;
								line-height:22px;}								
		#scroll_area		{width:600px;
							height:440px;
							overflow:none;
							font-size:10px;
							text-align:right;
							position:absolute;
							left:32px;
							top:50px;
							background-color:#F8F8F8;
							}
		#things_window		{width:500px;
							height:400px;
							overflow:auto;
							font-size:10px;
							text-align:left;
							position:absolute;
							background-color:#F8F8F8;
							top:60px;
							}
		#things_window_scroll		{width:500px;
							height:420px;
							overflow:scroll;
							font-size:10px;
							text-align:left;
							position:absolute;
							background-color:#F8F8F8;
							top:40px;
							}
							
		#things_window h2	{font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px;}					
		#map_area			{width:600px;
							height:440px;
							font-size:10px;
							text-align:center;
							position:absolute;
							left:32px;
							top:32px;
							border:1px solid #999999;
							padding:4px;
							}							
		#titles				{width:600px;
							height:8px;
							position:absolute;
							top:8px;
							left:32px;
							font-size:9px;}										
		#pic_buttons		{position:absolute;
							left:443px;
							top:479px;
							height:21px;
							padding-top:2px;
							background-color:#9bc9d5;
							}
		#pic_buttons ul		{list-style-type:none; 
							margin:0; 
							padding:0;
							font-size:14px;
							font-weight:bold;}
		#pic_buttons li		{display:inline; margin-left:8px; margin-right:4px;}
		#pic_buttons a		{text-decoration:none;}
		/*grain store pictures */
		/*end of grain store pictures */
		/*beginning of navigation */
		#footbar			{
							position:absolute;
							 top:512px; 
							 left:0px;
							 height:24px;
							 width:960px;
							 margin:0; 
							 padding:0; 
							 list-style:none;
							 text-align:left;
							 background-color:#b7d7e1;
							 color:#FFFFFF;}
		#sponsors			{position:absolute;
							top:538px;
							left:780px;
							height:100px;}
		#sponsors_text		{position:absolute;
							top:598px;
							left:10px;
							height:10px;
							font-size:10px;}
/* drop down stuff */							
		#dropdown			{position:absolute;
							 left:142px;
							 top:4px; 
							 height:32px;
							 width:107px;
							 margin:0; 
							 padding:0;}
							 
							 
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
							font-size:13px;
							letter-spacing:.95px;
							font-family:Arial, Helvetica, sans-serif;
							text-decoration:none;
								color:#838689;
								height:18px;
}


#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}


#nav li ul { /* second-level lists */
	position: absolute;
	line-height:18px;
	width: 10em;
	color:#838689;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}							 


/* test drop drown */

#dropdownx			{position:absolute;
							 left:142px;
							 top:4px; 
							 height:32px;
							 width:107px;
							 margin:0; 
							 padding:0;}
							 
							 
#navx, #navx ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navx a {
	display: block;
	width: 10em;
							font-size:13px;
							letter-spacing:.95px;
							font-family:Arial, Helvetica, sans-serif;
							text-decoration:none;
								color:#838689;
								height:20px;
}


#navx li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}


#navx li ul { /* second-level lists */
	position: absolute;
	background: white;
	line-height:18px;
	width: 10em;
	color:#838689;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navx li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}					
/* end of drop down stuff */
/* drop down2 stuff */							
		#dropdown2			{position:absolute;
							 left:442px;
							 top:4px; 
							 height:32px;
							 width:107px;
							 margin:0; 
							 padding:0;}
#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav2 a {
	display: block;
	width: 10em;
							font-size:13px;
							letter-spacing:.95px;
							font-family:Arial, Helvetica, sans-serif;
							text-decoration:none;
								color:#838689;
								height:18px;
}

#nav2 li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	line-height:18px;
	width: 10em;
	color:#838689;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}							 
/* end of drop down stuff */

		#navi				{
							position:absolute;
							 left:0px;
							 top:1px; 
							 height:32px;
							 width:360px;
							 margin:0; 
							 padding:0; 
							 list-style:none;
							 text-align:left;
							 color:#FFFFFF;}							
		#navi a				{text-decoration:none;}
		
		
		
		
		
		
		
		#logo				{position:absolute;
							top:20px;
							left:28px;
							height:37px;
							width:266px;
							margin:0;
							padding:0;
							list-style:none;
							background-image:url(images/west_woolley_logo.jpg);}
		
		
		
		
		
		
		
		
		
		
		
		#logoblank			{position:absolute;
							top:103px;
							left:28px;
							height:37px;
							width:266px;
							margin:0;
							padding:0;
							list-style:none;}							
		#logo_top			{position:absolute;
							top:3px;
							left:28px;
							height:37px;
							width:266px;
							margin:0;
							padding:0;
							list-style:none;
							background-image:url(images/west_woolley_logo.jpg);}
		#available_window	{width:280px;
							height:440px;
							position:absolute;
							left:660px;
							top:32px;
							text-align:left;
							font-size:9px;
							size:9px;
							font-family:Verdana, Arial, Helvetica, sans-serif;}
		#available_window p	{font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								letter-spacing:0.05em;
								line-height:22px;}							
		#available_window td	{size:10px;}
		#available_downloads	{width:280px; height:32px; position:absolute; top:450px; left:660px;}		
		#available_windowX	{width:280px;
							height:400px;
							position:absolute;
							left:660px;
							top:8px;
							text-align:left;
							font-size:9px;
							size:9px;
							font-family:Verdana, Arial, Helvetica, sans-serif;}
		#available_windowX p	{font-family:Arial, Helvetica, sans-serif;
								font-size:10px;}							
		#available_windowX td	{size:10px;}						
		
		#testimonial		{position:absolute;
							width:480px;
							height:65px;
							left:426px;
							top:25px;}		
		#directions		{position:absolute;
							width:680px;
							height:65px;
							left:270px;
							top:25px;}												
		#leftcolumn			{position:absolute;
							top:75px;
							left:0px;
							height:320px;
							width:284px;
							margin:0;
							padding:0;
							list-style:none;
							text-align:left;
							background-color:#FFFFFF;
							color:#000000;}
		#leftcolumn a:link {text-decoration:underline;}
		#navi a				{
	position:absolute;
	display:block;
	overflow:hidden;
	height:20px;
	color:#838689;
							}					 
		#navi li 			{display:inline; 
							margin:0; 
							padding:0;
							font-size:13px
;
							letter-spacing:.95px;
							font-family:Arial, Helvetica, sans-serif;}
		#hm a {left:28px; width:47px; height:24px;}
		#or a {left:152px; width:107px; height:24px;}
		#ga a {left:309px; width:100px; height:24px;} /* 57 */
		#lo a {left:513px; width:200px; height:24px;} /* 67 */
		#av a {left:600px; width:200px; height:24px;} /* 97 */
		#loc a {left:750px; width:200px; height:24px;} /* 97 */
		#co a {left:864px; width:67px; height:24px;}
		#hm a:hover {left:28px; width:47px; height:24px; color:#ffffff;}
		#or a:hover {left:152px; width:107px; height:24px; color:#ffffff;}
		#ga a:hover {left:309px; width:100px; height:24px; color:#ffffff;}
		#lo a:hover {left:513px; width:200px; height:24px; color:#ffffff;}
		#av a:hover {left:600px; width:200px; height:24px; color:#ffffff;}
		#loc a:hover {left:750px; width:200px; height:24px; color:#ffffff;} /* 97 */				
		#co a:hover {left:864px; width:67px; height:24px; color:#ffffff;}		
		/* new nav */
		

		#content			{width:960px; 
							height:628px;
							position:relative;
							background-color:#ffffff;}
		/*image replacement stuff */
		#cottage_title_text	{/*text-indent:-9000px; 
							overflow:hidden; */
							margin-bottom:17px;}
		#cottage_info_line	{height:20px;
							margin-bottom:18px;}
		#cottage_info_line h2	{font-family:Arial, Helvetica, sans-serif;
								font-size:14px;}													
		/* -- CLASSES'S ---------------------------------------- */
		.grain_store_home	{background-image:url(images/grain_store_pics/cottage_test_picture.jpg);}
		.grain_store_title	{background-image:url(images/the_grain_store_heading.gif);
							background-repeat:no-repeat; width:215px; height:25px;}
		.the_mill_house_title	{background-image:url(images/mill_house_title.gif);
							background-repeat:no-repeat; width:215px; height:25px;}							
		.the_parlour_cottage_title	{background-image:url(images/the_parlour_title.gif);
							background-repeat:no-repeat; width:215px; height:25px;}							
		.the_stable_cottage_title	{background-image:url(images/the_stables_title.gif);
							background-repeat:no-repeat; width:215px; height:25px;}
		.float_left			{float:left;}					

		/* end of classes */
		/*drop down menu */
		/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:960px;
font-size:13px
;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:160px;
position:relative;
text-align:center;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:13px
;
letter-spacing:.95px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#838689;
width:139px; 
height:24px; 
border:1px solid #fff;
border-top:0px;
border-width:1px 1px 0 0; 
background::#b7d7e1;
padding-left:10px; 
line-height:23px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
	}