/* badwellashstyles.css global styles */


	body  
	{
	font-size: 100%;
	font-family: verdana,arial,sans-serif;
	color: #000000;
	margin: 5;
	padding: 0px;
	text-align: center;
	background-color: #99CC00;
	}
/* Start Rounded Corners code*/
.bl {background: url(graphics/bl.gif) 0 100% no-repeat #004236; width: 90%;	margin:0 auto;} 
.br {background: url(graphics/br.gif) 100% 100% no-repeat} 
.tl {background: url(graphics/tl.gif) 0 0 no-repeat} 
.tr {background: url(graphics/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
/* End Rounded Corners code*/
	img 
	{
		width: 100%;
		margin: 0;
		padding: 0px;
		border: 0;
	}

	img.frontpics
	{
		width: 150px;
		margin: 0;
		padding: 0px;
	}

	img.numbers
	{
		width: 31px;
		height: 31px;
		margin: 0;
		padding: 0px;
	}
	img.book
	{
		width: 15px;
		height: 21px;
		margin: 0;
		padding: 0px;
	}
	
			img.booknow
	{
		width: 200px;
		margin: 0;
		padding: 0px;
		border: 0px
	}

	#containerall
	{
		text-align: left;
		padding: .5em;
		background-color: #ffffff;
	}
	#containerallfront
	{
		text-align: center;
		padding: .5em;
		background-color: #ffffff;
	}
	.intro
	{
	font-size: 80%;
	color: #004236;
	font-weight: bold;
	text-align: left;
	padding: 0px 10px 0px 10px;
	background-color: #ffffff;
	}
	.imagecaption
	{
		float: right;
		width: 100px;
		margin: 0 1em 0em 1em;
		display: inline;
		background-color: #ffffff;
	}
		.imagecaption1
	{
		float: left;
		width: 150px;
		height: 135px;
		margin: 0 1em 0em 1em;
		display: inline;
		background-color: #ffffff;
	}
	#content
	{
	width: 100%;
	font-size: 80%;
	text-align: center;
	background-color: #ffffff;
	}
	
	#col1
	{
	width: 31%;
	float: left;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
	p.colpic
	{
	width: 225px;
	height: 225px;
	display: block;
   	margin-left: auto;
    margin-right: auto
	}
	
	#col2
	{
	width: 31%;
	float: left;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		
	#col3
	{
	width: 31%;
	float: left;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		
	#col4
	{
	width: 65%;
	float: left;
	margin_left: 0%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
				
	#col5
	{
	width: 45%;
	float: left;
	margin_left: 0%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}

	#col6
	{
	width: 90%;
	float: center;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		
	#colavail
	{
	width: 700px;
	height: 550px;
	float: center;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		#colmap
	{
	width: 70%;
	float: center;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}

		#colpic50
	{
	width: 50%;
	float: center;
	margin_left: 2%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
	
		#colbook
	{
	width: 40%;
	float: left;
	margin_left: 2%;
	padding: 2.5em;
	font-size: 90%;
	text-align: left;
	}
		#colbooking
	{
	width: 600px;
	height: 500px;
	float: center;
	font-size: 90%;
	text-align: left;
	border: 1px solid #000000;
	}
	#colcontact
	{
	width: 50%;
	float: left;
	margin_left: 2%;
	padding: 2.5em;
	font-size: 90%;
	text-align: left;
	}

	
		#footer
	{
		clear: both;
		font-size: 70%;
		color: #ffffff;
		text-align: center;
		width: 100%;
		background-color: #004236;
	}
		
	h1	
	{
		margin: 0;
		padding: 0;
	}
	
	h1#header	
	{
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		padding: .5em 3% .5em;
		text-align: center;
		letter-spacing: 1.1em;
	}

	h2 
	{
		font-size: 100%;
		color: #004236;
		padding: 1em 1px 0px 1px;
		text-align: left;
		margin-top: 0;
	}

	h2#nav
	{
	text-align: left;
	margin-top: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #004236;
	}
	
	h3
	{
		font-size: 100%;
		color: #fff;
		padding: 1px;
		text-align: left;
		margin-top: 0;
	}
	p.note
	{
		font-size: 80%;
		color: #000000;
		text-align: left;
		margin-top: 0;
		padding: 0px;
		}
	p.break
		{
		font-size: 100%;
		text-align: left;
		margin-top: 0;
		padding: 0px 0px 1em 0px;
		}		
	p
		{
		font-size: 100%;
		color: #000000;
		text-align: left;
		margin-top: 0;
		padding: 0px;
		}
	p.front
		{
		font-size: 80%;
		color: #000000;
		text-align: left;
		margin-top: 0;
		padding: 0px;
		}
	p.introduction
		{
		font-size: 80%;
		color: #004236;
		font-weight: bold;
		text-align: left;
		margin-top: 0;
		padding: .5em;
		}
	p.lodges
		{
		font-size: 120%;
		color: #004236;
		font-weight: bold;
		text-align: left;
		padding: 0px;
		}	
	a:link { color: white;
			text-decoration: none 
			}
	a:visited { color: white; 
				text-decoration: none
			}
	a:hover { color: #99CC00; 
			text-decoration: none
			}
	a.external:link { color: #000000;
			text-decoration: none 
			}
	a.external:visited { color: #000000; 
				text-decoration: none
			}
	a.external:hover { color: #99CC00; 
			text-decoration: none
			}
			
			
	a.special:link { color: red;
			text-decoration: none 
			}
	a.special:visited { color: red; 
				text-decoration: none
			}		
	LI
		{
		font-size: 100%;
		text-align: left;
		margin-top: 0;
		padding: 0px 3em 0.5em 0px;
		}

	div.frontpics
	{
		width: 90%;
		float: center;		
		display: inline;
		margin: 0px;
		padding: 0 10px 0 10px;
	}

/* Start Rotate Picture Gallery*/
	div#container
	{
				text-align: left;
		margin: 0px;
		padding: 0 10px 0 10px;
	}
	div#jas-frame
	{
		width: 400px;
		margin: 0px;
		padding: 0 10px 0 10px;
	}
	.jas-image
		{
		width: 400px;
		margin: 0;
		padding: 0px;
	}
	div#jas-container
	{
		margin: 0;
		padding: 0px;
	}
	div#jas-tags ul li input
	{
	height: 13px;
	}
	#navigation-controls
	
	
	a.photo:link { color: #000000;
			text-decoration: none 
			}
	a.photo:visited { color: #000000; 
				text-decoration: none
			}
	a.photo:hover { color: #99CC00; 
			text-decoration: none
			}
	
	
	/* End Rotate Picture Gallery*/
	
/* Start Picture Gallery*/
	div.thumbnail
	{
		width: 140px;
		float: left;
		margin: 0 10px 10px 5px;
	}
		div.thumbnail img
	{
		border: 1px solid #777;
		margin: 10px 0 0 10px;
	}
	div.thumbnail p
	{
		text-align: center;
		margin: 0;
		padding: 0 0 0 .5em;
		font-size: 70%;
	}
		#colpic
	{
	width: 100%;
	float: center;
	margin: 0 0 0 5%;
	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
	clearpic { clear: left; }
	/* End Picture Gallery*/

