@charset "windows-1252";

body 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #ffffcc;											   0

} 

A {font-weight: bold; }
A:link { color:#ffffcc; text-decoration: underline; font-weight: normal; }
A:active { color:black; text-decoration: underline; font-weight: normal; }
A:hover { color: #F6D740; text-decoration: underline; font-weight: bold; }
A:visited { color:#ffffcc; text-decoration: underline; font-weight: normal; }

body {scrollbar-base-color:#208123;}

h1 {color: #208123;}
h2 {color: #208123;}
h3 {color: #208123;}


#logo, #header, #intro, #navigation, #main, #index1, #index2, #indexval2010 
{position: absolute}
																										 
/*green header background*/
#header { top: 0px; left: 0px; background-color: #208123; width: 102%; height: 140px; color: #ffffbb; }
						 
/*logo*/
#logo { top: 03px; left: 5px; font-size: 15px; text-align: center; font-style: italic; font-weight:bold;}
		
/*header text*/
#intro { top: 12px; left: 400px; width: 600px; font-size: 19px;  text-align: center; }

/*links bar*/
#navigation { top: 105px; left: 400px; width: 600px; text-align: center; }

#main { top: 161px; left: 10px; padding: 10px; width: 95%;}	 

#index2 {left:00px; top:450px; width: 1050px; height: 152px;}

@charset "windows-1252";

 
a, a:visited, a:hover {}

#container {position:absolute; left:30px; top:145px; width:480px; height:270px; background:#ffffcc; border:0px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}/*width and height control area filled by thumbnails*/

#container a.pics {float:left; padding:3px 3px; display:inline; color:#000; text-decoration:none; width:100px; height:80px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display:none; border:0; width:580px; background:#ffffcc; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;}

#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0; height:500px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#ffffcc; z-index:1; font-size:16px;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}   
														
#index1 {width: 480px; height: 270px; top: 155px; left: 480px; color: #000000; font-size: 17px;} 
 	   
#indexval2010 {left: 95px; top: 440px;}


#contact2, #contact3, #contact4, #contact5, #contactmap, #contactaddr {position: absolute}
	 
/*enquiries*/
#contact2  {top: 150px; left:430px; width: 550px; height:60px; font-size:18px; text-align: center; color: black; }

/*built by*/
#contact3  {top:660px; left:50px; width: 280px; height:20px; font-size:10px; color:black;}

/*teampic*/
#contact5	{top: 160px; left:50px; width: 360px; height:230px; font-size:18px; text-align:center; color:black;}

/*address*/
#contactaddr {left: 50px; top: 400px; width: 300px; font-size:18px; color:black; }

#contactmap  {left: 400px; top: 480px; width: 600px; height: 463px; }

#attracttext, #walklinks, #walktext, #walkpics {position: absolute}

#attracttext {top: 140px; left:30px; color: black;}					


#attractone, #attracttwo, #attractthree, #attractfour, #attractfive, #attractsix, #attractseven, #attract8, #attract9, #walklinks, #walktext, #walkpics {position: absolute}

#attractone {top: 120px; color:black;}																	   

#attracttwo  {top: 288px; color:black;}

#attractthree {top: 446px; color:black;}

#attractfour  {top: 614px; width: 95%; color:black;}

#attractfive  {top: 760px; width: 95%; color:black;}

#attractsix   {top: 876px; width: 95%; color:black;}

#attractseven {top: 982px; width: 95%; color:black;}
								   
#attract8  {top: 1158px; width: 95%; color:black;}

#attract9  {top: 1358px; width: 95%; color:black;}											   

#walklinks {top: 850px; left: 50px; width: 600px; background-color:#208123; color: black;; padding:8px;}

#walktext {top:145px; left:60px; width: 580px; color: black;}

#walkpics {top:150px; left:710px; width:250px; color: black;}

#bbtext, #teamtext, #eventstext1, #eventstext2, #camptext, #campbeerfest, #drinktext, #foodtext1, #foodtext2, #valmenu {position: absolute}

#bbtext {left: 1px; top: 200px; width: 100%; color: black; text-align:center;}

#teamtext 	 {left: 100px; top: 200px; width: 100%; font-size:18px; color: black;}

#eventstext1	 {left: 40px; top: 150px; width: 90%; font-size:18px; padding:20px; color: black;}

#eventstext2 	{left: 60px; top: 150px; width: 90%; font-size:18px; padding:20px; color: black;}

#camptext		{left: 120px; top: 140px; width: 90%; font-size:18px; padding:20px; color: black;}

#campbeerfest 	{left: 600px; top:170px; height:170; width: 350; border: solid 2px red; z-index:5; color: black; 
				font-size: 19px; padding:10px; text-align:center;}
				
span.bigred { color:red; font-size: 20px; font-weight: bold; text-align:center;}
span.red {color: red;}				

#drinktext		{left: 60px; top: 140px; width: 90%; color: black;}

#foodtext1		{left: 60px; top: 170px; width: 90%; font-size:18px; color: black;}

#foodtext2		{left: 60px; top: 170px; width: 90%; font-size:18px; color: black;}

#valmenu		{left: 25px; top: 140px; color: black;}