html{height: 100%;}

body
{ font: 62.5%/1.4  Tahoma, Helvetica, sans-serif;
  background: #fffaf0 url(boom.jpg) repeat;
  padding: 3px 0 0 0;   margin: 0px;
  font-size: 1em;}

p
{	font-size: 1em;
	padding: 6px 24px 6px 24px;
	margin: 0px; line-height: 1.8em;
	font-weight: normal;
	color: #343F00;}

h1{ font-size: 1.8em; font-family: 'Baumans', cursive;
  padding: 12px 0px 0px 24px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
  color: #8AA12E; }

h2{ font-size: 1.6em;
  padding: 12px 24px 12px 24px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
  color:#343F00;}

h3{ font-size: 1em;
  padding: 36px 12px 0px 24px; 
  margin: 0px;               
  font-weight: normal; color:#5D6F07;}

h4{ font-size: 0.8em;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;}


a:link {		text-decoration: none;
	color: #628F62;	padding: 3px;}

a:visited {	text-decoration: none;
	color: #628F62;	padding: 3px;}

a:hover {	background-color:#628F62;
	color: #fff;	padding: 3px; border-bottom: 0;}
	
a:active {	text-decoration: none;
	background: #ffff00; color: #333;	padding: 3px;}
	

img{ border: 12px solid #fff; margin: 0px; padding: 0px; }

a{outline: none;}

/* unordered list */
ul{ margin: 0px;   padding: 0px;}

ul li
{ list-style-type: none;  margin: 0px 6px;   padding: 4px;}


.col {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	 -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
} 



/* margin lefts / margin rights - to centre content */
#main, #foot, #top, #nav, #site_content
{ margin-left: auto;   margin-right: auto;}

/* main container */
#main {width: 960px; height: auto;}

/* logo */

#top-w { width: 100%;  height: 202px;   background: #91AF15; border-bottom: 2px solid #fff; 
padding: 12px 0 0px 0 ; opacity: .8;}

#top { width: 960px;  height: 202px; background:transparent;  opacity: 1; }

#top a:link, #top a:visited {color: #ff0;}

#top a:hover {	background-color:transparent; color: #fff;}
	
#top a:active {	text-decoration: none;	background: #111; opacity:.5;}



#top h1{  font-size: 5.4em;  
  padding: 0px 0px 0px 150px; margin: 0px;               
  font-weight: normal; letter-spacing: .02em;
  color: #fff;
  text-shadow: 0px 12px 8px #000;}
  
  #top h2{ font-size: 1.1em;
  padding: 0px 0px 0px 176px; 
  margin: 0px; letter-spacing: .6em;      
  font-weight: normal;
  color:#fff; text-shadow: 2px 2px 8px #111;}

  #top h3{ font-size: 1em;
  padding: 0px 0px 0px 188px; 
  margin: 0px; letter-spacing: .3em;      
  font-weight: normal;
  color:#fff; }
  
  #nav img {border: 0; padding: 0 200px 0px 0;}


/* navigation menu */
#nav-w
{ height: 60px;
  width: 100%; 
background: #667F00; border-bottom: 2px solid #fff; 
} 

#nav
{ height: 60px;  width: 960px; } 

#nav h3{ font-size: 1.2em;
  padding: 16px 0px 0px 245px; font-variant:small-caps;
  margin: 0px; letter-spacing: .1em;        
  font-weight: normal; color: #ddd;}
  
#nav  a:link {		text-decoration: none;
	color: #fff;	padding: 3px 9px;}

#nav a:visited {	text-decoration: none;
	color: #fff;	padding: 3px 9px;}

#nav a:hover {	background-color:#8AA12E;
	color: #fff;	padding: 17px 9px 19px 9px; border-bottom: 0;}
	
#nav a:active {	text-decoration: none; opacity: .5;
	background: #fffaf0;
	color: #555;	padding: 17px 9px 19px 9px;}


#gall { width: 960px; height: auto; background: transparent;  margin:0 159px 0 159px;}

#gall img  {border: 0px; margin: 6px 0 6px 0; border: 6px solid #fff;}

/* main content */
#site_content
{ overflow: hidden;
  padding: 0px ;
  width: 100%;
  height: auto;
  background: #F9FFDF; 
}

/* sidebar */

	#left
{ float: left;
  width: 954px; 
  height: auto;
  padding:12px 3px 12px 3px;
  background: /* #D0D9E0 #D2EF59*/ #E5ECE4; 
	margin: 0 10px 0 0 ;  border-bottom: 2px solid #fff;
}

	
	#left h2{  padding: 12px 24px 12px 116px; font-variant: small-caps; }

#left p
{	padding: 6px 126px 26px 116px;}

/* page content 
*/


/* page content */
#right
{ 
  float: left;
  width: 936px; 
  height: auto; 
  padding:20px 12px 20px 12px;
  margin: 0 0 0 0px ;
  background: #A7BFA7;
 border-bottom: 2px solid #fff;}
 
 #right img {border: 6px solid #fff; margin: 6px;}
 
 #right h2 {padding: 0 0 16px 12px; font-variant:small-caps;}
 


 #right a:hover {	background-color:transparent; opacity: .7;
	border-bottom: 0;}
	
 #right a:active {	opacity: 1;	background: transparent; }
 
 
 
 

#content a.colour, #content a.colour:hover{border-bottom: 0px;}

/* footer */
#foot
{ 
  height: 280px;
  width: 960px; 
  margin:  0;
  background: #91AF15;
  padding: 0px; border-bottom: 50px solid #596F00;
}


#foot a:link {		text-decoration: none; background: transparent;
	color: #C9DF6F;	padding: 3px;}

#foot a:visited {	text-decoration: none; background: transparent;
	color: #C9DF6F;	padding: 3px;}

#foot a:hover {	
	color: #333F00;	padding: 3px; border-bottom: 0;  background: transparent;}
	
#foot a:active {	text-decoration: none;
	 color: #AF5E00;	padding: 3px;  background: transparent;}

#foot-lt  { 
  height: 280px;
  width: 260px; 
  margin:  0;  padding: 0px;
  float:left; border-bottom: 6px solid #000;
}


#foot-rt { 
  height: 280px;
  width: 700px; 
  margin:  0;  padding: 0px;
    float:left; border-bottom: 6px solid #000;
}




#foot img {border: 0px; padding: 32px 50px 0 28px; }

#foot h2{ font-size: 2.3em;
  padding: 32px 24px 12px 76px; 
  margin: 0px;               
  font-weight: normal;
  color:#fff;}

#foot h3 {color: #111; padding:101px 90px 0 0px; font-size: .8em; text-align:right;}

.lge {font-size: 1.4em; }
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}

.td { 
font-size: 1em; padding: 0 0 4px 0;
font-family: 'Peralta', cursive; 
letter-spacing: -.23em;  margin:0;
color:#fff;  text-shadow: 4px 4px 1px #738F00;
 }