/* 

---------------------------------------------------------

Title:		Global stylsheet
Author:		Darren Hudson
Updated:	12/05/2009 

---------------------------------------------------------

*/


/* Overall wraparound */

body				{	background: #fff url(../images/template/bg_gradOuter.jpg) repeat-x; height: 100%;  text-align: center; margin: 10px 0px 0px 0px; padding: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 80%;color:#666;}
#wrapper			{	background: #fff url(../images/template/bg_gradInner.jpg) repeat-x; width: 790px; text-align: right; margin: 0 auto; text-align: center;  padding: 0px; }
#logoNavContainer		{	background: #fff url(../images/template/bg_header.jpg) repeat-x;  width: 790px; padding: 0px; height: 120px;  border-bottom: 1px solid #fff; margin: 0px 10px 0px 10px;}
#logo				{	margin: 0px; float: left; padding: 0px 0px 0px 0px; width: 100px; }
#navigation			{	float: right;text-align: right;margin: 80px 0px 0px 0px; border: 0px solid #ccc; padding: 0px;}	
#mainNavContainer		{	background: #ffffdd; width: 630px; margin-left: 140px;}


#footer, #footerSplash		{	width: 770px; margin: 0 auto; height:40px; border-top: 1px solid #fff; clear: both;  text-align: center;  padding:0px; background: #fff;  }
#footer, #footerSplash		{	margin: 10px 10px 10px 10px;}
p.footer			{ 	font-size: 80%;color:#666; margin:10px 0px 0px 0px; padding: 0px; line-height: 15px;}
a.menuFooter 			{ 	color: #666; margin: 0px; }
a.menuFooter:hover 		{ 	color: #000; margin: 0px;}
#logoNavContainer, #footer, #footerSplash 		
				{	width: 770px;}

.photoimg			{	border: 0px; padding: 0px; margin: 0px;}
.bannerRotater			{	border: 0px; padding: 0px; margin: 0px;}


/* containers */

.container, .containerPhoto	{     	margin: 0px 0px 10px 0px ; border: 0px solid #ccc;  background: #fff; padding: 0px; text-align: left; }

.container			{	background: #f4f4f4;}
.containerContact		{	height: 275px;  }
.containerHomeIntro, .containerHomeActivities, .containerHomeLatest
				{	height: 370px; background: #f4f4f4;}
.containerContact, .containerObservation
				{	background: #f4f4f4; margin-bottom: 0px;}
.containerHeader		{	margin: 0px 0px 0px 0px; background: #a27934; padding: 2px 5px 2px 10px; height: 18px; text-align: left; }
h3.h3Container			{	color: #fff; margin: 0px; font-size: 85%; font-weight: normal; text-transform: uppercase; }
.containerPadding		{	text-align: left; padding: 10px 20px 20px 20px; }
.contentBodyInner		{	padding: 10px 20px 20px 20px; }
.container210x135		{	padding: 10px 0px 10px 0px;}
.container210x210		{	padding: 10px 0px 10px 0px;}



ul ul				{ 	margin: 20px 30px 20px 30px; list-style-type: square; padding: 0;  border: 0; }
ol ol				{ 	margin: 20px 30px 20px 30px; padding: 0; border: 0;}
ol				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.05pc; }
li li 				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; } 
li				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.05pc; }

#main	 			{	border-top: 0px solid #000; width: 770px; text-align: center; margin: 0px 10px 0px 10px; padding: 0px;  color:inherit;  }
.col100				{	width: 770px; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;  }
.col66Left			{	float: left; width: 510px; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;  }
.col33Left 			{	border-right: 0px solid #ccc; text-align: left; float: left; width: 250px; margin: 0px 10px 0px 0px;  background: #fff;  }			
.col33Middle 			{	border: 0px solid #ccc; float: left; width: 250px; margin: 0px 10px 0px 0px;   background: #fff; }	
.col33Right 			{	background-color: #f7f7f7; width: 250px; margin-bottom: 10px; padding-bottom: 0px;   float: right;  }
.col66Inner50Left		{	background-color: #f7f7f7; padding: 9px; border: 0px solid #ccc; float: left; width: 210px;  margin: 15px 10px 15px 0px;}
.col66Inner50Right 		{	background-color: #f7f7f7;  padding: 9px; border: 0px solid #ccc; width: 210px;  float: right;  margin: 15px 0px 15px 0px;  }
.contentBody			{	padding: 5px 15px 20px 15px; margin: 10px 0px 10px 0px; }
.contentBodyAdmin		{	background-color: #f7f7f7; padding: 5px 15px 20px 15px; margin: 10px 0px 10px 0px; text-align: left; }


.clearBoth			{	clear: both: line-height: 0px; height: 0px; border: 0px solid red;  }	

.image2				{	border: 1px solid #ccc;; float:right; margin-left: 10px; margin-bottom: 10px;}

a				{	text-decoration:none; color:#333;font-weight: bold;}
a:hover				{	text-decoration:underline; font-weight: bold;}
p.dottedWidth			{	line-height: 2.0pc; border-bottom: #ccc 1px dotted; }
p.dottedThin			{	line-height: 2.0pc; border-bottom: #ccc 1px dotted; padding: 0px; margin: -2px 0px -7px 0px;}
a img				{	border: none;}

h1, h2, h3, h4, h5, h6		{	font-weight: bold;}
h1, h2, h3, h4, h5, h6, .p	{	line-height: 1.25pc;}	
h1				{	font-size: 140%;  color: #000; margin: 20px 0px 20px 0px; }										
	

.h2Header			{	background: #999;}
h2				{	font-size: 130%;  color: #038246; margin: 0px; padding: 10px 0px 5px 0px; font-weight: normal;}	
		
h3				{	font-size: 120%;  color: #a27934; margin: 15px 0px 10px 0px;  	}					
h4				{	font-size: 110%;  color: #666; margin: 20px 0px -10px 0px; font-weight: bold; }								
h5				{	font-size: 80%;  margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;}				
h6				{	font-size: 80%;  margin: -5px 0px -5px 0px;  }								

p, p.splash			{	margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;}
p.container			{	color: #333; margin: 0px 0px 0px 0px;  font-size: 95%;}


.alignCenter			{	text-align: center;}


table.tableGrid 		{	width: 100%; margin: 20px 0px 20px 0px; border-width: 1px;border-spacing: 0px ;border-style: none;border-color: #333;border-collapse: collapse;}
table.tableGrid th 		{	border-width: 1px;padding: 5px;border-style: inset;border-color: #000; }
table.tableGrid td 		{	border-width: 1px;padding: 5px;border-style: inset;border-color: #333; color: #333;}
table#tableGrid td 		{	padding: 5px; text-align: center;}

.width50			{	width: 50%;}

.ratesWinter			{	text-align: center; background-color: #b8d271;}
.ratesMid			{	text-align: center; background-color: #ffe51c;}
.ratesHigh			{	text-align: center; background-color: #efa236;}
.ratesXmas			{	text-align: center; background-color: #82b5d8;}




form				{	margin-top:0px; margin-bottom:0px;}
.form				{	border: 1px solid #fff; margin: 20px 0px 0px 0px; padding: 0;}
fieldset,  fieldset.noBorder	{   	border: 1px solid #ccc;   width: 435px; margin-bottom: 10px; margin-right: 0px; padding: 0; }
fieldset.noBorder		{   	border: 1px solid #fff;    }
legend				{       font-weight: bold; padding: 0px; color: #333; margin-top: 5px; margin-left: 5px;}
.entryLabel			{       float: left; width: 160px; margin-right: 20px; padding: 2px; padding-left: 25px;}
.entryItem			{	width: 195px; float: left; margin-right: 0px; padding: 2px;}
.labelCheckbox			{       margin-left: 20px;  padding: 2px; }
/*.validation			{	width: 175px; margin-left: 0px; clear: both; padding: 2px;}*/
.form select.day		{	width: 50px; }
.form select.month		{       width: 77px; }
.form select.year		{       width: 60px; }
.form select			{       width: 198px; }
.form .text			{       width: 190px;}                 
.captcha			{       border: 1px solid #ccc; width: 150px; height: 40px;   }
.field				{       margin: 10px 0px 10px 0px;  border: 1px solid #fff;}
submit				{       background: url(../images/button.png); border: 0; height: 25px; width: 125px;  text-align: center;  vertical-align: top; }
.entryCenter			{       text-align: center;  padding: 10px;}