/* 

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

Title:		Global stylsheet
Author:		Darren Hudson
Updated:	27/07/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_gradInner.jpg) repeat-x;  width: 790px; padding: 0px; height: 120px;  border-bottom: 1px solid #fff; margin: 0px 10px 0px 10px;}
#logo				{	margin: 0px;  padding: 30px 0px 0px 0px; border: 0px solid #333; text-align: left; height: 40px; }
#navigation			{	margin: 7px 0px 0px 0px; border: 0px solid #333; height: 30px; padding: 2px 0px 0px 0px; width: 770px;}	
#mainNavContainer		{	background: #ffffdd; width: 770px; margin-left: 0px;}


#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 0px 10px 0px; height: 275px;}
#banner140			{	border: 0px; padding: 0px; margin: 0px 0px 10px 0px; height: 140px;  width: 770px; background-color: #fff;}

.allZero			{	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: #f2cc11; padding: 2px 5px 2px 10px; height: 18px; text-align: left; }
h3.h3Container			{	color: #fff; margin: 0px; font-size: 110%; font-weight: bold; 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: left; 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 			{	background-color: #f7f7f7; border-right: 0px solid #ccc; text-align: left; float: left; width: 250px; margin: 0px 10px 0px 0px; }			
.col33Middle 			{	background-color: #f7f7f7; border: 0px solid #ccc; float: left; width: 250px; margin: 0px 10px 0px 0px; }	
.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; }

.imagePortrait			{	width: 115px; height: 130px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;}
.grantPortrait			{	width: 115px; height: 130px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;}

.colLeft			{	border: 0px solid #ccc;	float: left; width: 205px; margin-right: 5px; padding: 2px;}
.colRight			{	border: 0px solid #ccc;	float: right;	width: 220px;  padding: 2px; }


.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: #666; margin: 0px; padding: 10px 0px 5px 0px; font-weight: normal;}	
		
h3				{	font-size: 110%;  color: #a27934; margin: 15px 0px 10px 0px;  	}
h3 a				{	color: #a27934;   	}						
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%;  color: #333; 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 		{	background: #fff; width: 490px; margin: 20px 0px 10px 0px; border-width: 1px; border-spacing: 1px ; border-color: #fff; border-collapse: collapse;}
table.tableGrid tbody		{	border-color: #fff; border-width: 0px;}

table.tableGrid td 		{	padding: 5px; border-style: inset; border-color: #fff;  border-width: 0 1px 1px 0;}
table#tableGrid td 		{	padding: 5px; text-align: center;}



/*
table.tableGrid         	{     	width: 100%; margin: 20px 0px 20px 0px; border-width: 0px; border-spacing:  0px; border-style: none;border-color: #fff;border-collapse: collapse;}
table.tableGrid th            	{     	border-width: 1px;padding: 5px;border-style: inset;border-color: #fff; }
table.tableGrid td            	{     	border-width: 1px;padding: 5px;border-style: inset;border-color: #fff;}*/

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			{       width: 245px;background: #f4f4f4;  padding: 2px; font-size: 85%;  }
.entryItem			{	width: 245px;background: #f7f7f7;  padding: 2px;  font-size: 85%;}
.entryItem select		{       width: 240px; }               

.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;}