/* Casa Tary Style Sheet */

/* Layout */
body			{margin: 0; height:100%;
				font-family: verdana, arial; font-size: 12px; color:#666; line-height: 20px; 
				background: url(../images/footprints.jpg); z-index: 50}
#topspacer		{height:15px}
#topblend		{width: 1000px; height:0px; 
				margin-right: auto; margin-left: auto; 
				background: url(../images/top-blend.png)}
#container		{width: 1000px; height: 100%; background: #fff;
				margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; 
				border: #aaa 1px solid ;  
				z-index: 100}
#header			{width: 1000px; height: 110px;  
				margin-left: auto; margin-right: auto;  
				background: url(../images/head-bg2.jpg);
				z-index: 900}
#toppic			{width:1000px; height: 310px; margin-left: auto; margin-right:auto;
				x-index: 150}

				
.textblock		{width: 500px; min-height: 200px; margin-left: 410px;
				background: url(../images/pansy-shell.jpg);  
				z-index: 200}

.textblockfull		{width: 960px; margin-left: 40px;
				background: url(../images/pansy-shell.jpg);  
				z-index: 200}				

.leftcol		{width: 300px; height: 200px; float: left; margin-left: 40px;   
				z-index: 300}	

#footer			{width: 920px; height: 60px; margin-left: 40px; background: #ccc; 
				margin-top: 40px; margin-bottom: 10px; 
				z-index: 400}

#footertext		{width: 920px; height: 60px; background: url(../images/head-bg.jpg); padding-top: 5px;
				z-index: 500}

#bottomblend	{width: 1000px; height:0px; margin-top:0px; 
				margin-right: auto; margin-left: auto; 
				background: url(../images/bottom-blend.png)}


/* Element Formatting (Textblock creates the space, and leftcol is just positioned: absolute */

.toppic1		{background: url(../images/pic-home.jpg);}
.toppic2		{background: url(../images/pic-accom.jpg);}
.toppic3		{background: url(../images/pic-activities.jpg);}
.toppic4		{background: url(../images/pic-rates.jpg);}
.toppic5		{background: url(../images/pic-gallery.jpg);}
.toppic6		{background: url(../images/pic-contactus.jpg);}
.toppic7		{background: url(../images/pic-getting-there.jpg);}


.toppictext		{float:left; margin-left: 26px; font-family: times new roman,arial; font-size: 24px; color:#fff; font-style: italic}
.toppictextrt	{float:right; margin-right: 40px; font-family: times new roman,arial; font-size: 24px; color:#fff; font-style: italic}

.box			{border: #ccc solid thin;}

.transpbox		{background: url(../images/box-bg.png)}

.gallery		{width: 270px; margin-right: 20px; margin-bottom:20px }
.photobox		{height: 180px; margin: 20px; border: 0; padding: 5px; text-align: center}
.photoboxsm		{height: 140px; margin: 10px; border: 0; padding: 5px; text-align: center}


.headerspace	{width:1000px; height: 110px}
.googlemapspace	{width: 800px; height: 500px}
.footerspace	{width:920px; height: 60px}
.footerspacer	{height:10px}
.bottomspacer	{height: 20px}

/* General Formatting */
input			{font-size: medium; color:#666}
select			{font-size: medium; color:#666; font-weight: bold}
textarea		{font-size: medium; color:#666}

h1				{color: #00aeef; font-family: times new roman,arial; font-size: 24px; font-weight: normal; font-style: italic}
h2				{color: #00aeef; font-family: times new roman,arial; font-size: 18px; font-weight: normal; font-style: italic}
h3				{color: #00aeef; font-family: times new roman,arial; font-size: 14px; font-weight: bold; font-style: italic}

ul.blue-bullet	{list-style: disk; color: #1C8AFB  }			
ul span			{color: #666666; }

.photo			{border: 0}

.logo			{border: 0;}		
.bottomnav		{font-size: 11px; color: #fff; text-align: center}
.copyright		{color: #fff; font-size: 10px; text-align: center; vertical-align: bottom}
.background		{background:#eeeeee}
.trail			{font-size: 11px; color: #00aeef; text-align: right; margin-right:50px; margin-top:20px}
.highlight		{color: #00aeef}
.smalltext		{font-size: 10px}
.center			{text-align: center}
.right			{text-align: right}

.spacer			{height: 20px}
.spacer2		{height: 2px}
.spacer5		{height: 5px}
.spacer10		{height: 10px}
.spacer20		{height: 20px}

/* Links */

A				{color: #00aeef;  text-decoration: none; font-size: 12px; border-bottom: #00aeef dotted thin}
A:visited		{color: #00aeef;  text-decoration: none; font-size: 12px; border-bottom: #00aeef dotted thin}
A:hover			{color: #00aeef;  text-decoration: none; font-size: 12px; border-bottom: #00aeef solid thin}

A.clickimage			{text-decoration: none; border-bottom: #666 dotted 0px}
A:visited.clickimage	{text-decoration: none; border-bottom: #666 dotted 0px}
A:hover.clickimage		{text-decoration: none; border-bottom: #666 dotted 0px}

A.logolink			{font-size: 11px; color: #fff; text-decoration: none; border-bottom: #fff dotted 1px}
A:visited.logolink	{font-size: 11px; text-decoration: none; border-bottom: #fff dotted 1px}
A:hover.logolink	{font-size: 11px; text-decoration: none; border-bottom: #fff solid 1px}

A.traillink			{color: #00aeef; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff dotted thin}
A:visited.traillink	{color: #00aeef; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff dotted thin}
A:hover.traillink	{color: #00aeef; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff solid 1px}

A.bottomnav			{color: #fff; text-decoration: none; font-size: 11px; border-bottom: #fff dotted thin}
A:visited.bottomnav	{color: #fff; text-decoration: none; font-size: 11px; border-bottom: #fff dotted thin}
A:hover.bottomnav	{color: #fff; text-decoration: none; font-size: 11px; border-bottom: #fff solid thin}