/******************/
/* Layout classes */
/******************/

body
{
	margin: 0px;
	padding: 0px 0px 0px 150px;
	background-color: #005529; 
	color: #FFFFFA;  
}

/* use this id for fixed side menu bar on each page */
div#menubar 
{
	position: absolute; /* make it fixed later - first part of IE fixed sidebar hack */
	top: 20px;
	left: 10px;
	width: 140px;
	padding: 3px 0px;
	margin: 0px;
	border-left: 1px solid #998833;
	border-top: 1px solid #998833;
	border-bottom: 1px solid #998833;
	/* border-right is encapsulated by the content div's border */
	background-color: #006633; 
	background-image: url(http://www.greenhollowbowmen.co.uk/img/menuback.gif); 
	max-width: 139px; /* IE div width hack */ 
}
				
/* second part of IE fixed sidebar hack */
@media screen
{ 
	body>div#menubar 
	{	
		position: fixed;
	}
}
* html body
{
	overflow: hidden;
}

/* use this id for the content pane in each page */
* html div#contentpane
{
	overflow: auto;
	height:100%;
}

/* actual content goes in a div of this class inside the content pane */
div#content
{
	overflow: auto;
	background: #006633;
	width: 610px;
	border: 1px solid #998833;
	padding: 12px;
	margin: 10px auto 10px 0px;
}



/***********************/
/* Text layout classes */
/***********************/

p
{
	margin: 10px 0px;
}

h2
{
	margin: 15px 0px 20px 0px;
}

h3
{
	margin: 30px 0px 12px 0px;
}	

h4
{
	margin: 15px 0px;
}			


/***********************/
/* Text format classes */
/***********************/

.head        
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 24px;
	font-style: normal;
	font-weight: bold; 
	text-transform: capitalise; 
	text-decoration: none; 
	font-variant: normal; 
	text-align: center; 
	color: #f0f9f5;
}

.subhd       
{  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold; 
	text-transform: capitalise; 
	text-decoration: none; 
	font-variant: normal; 
	text-align: left; 
	color: #f0f9f5;  
}

.subhdcentre 
{  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold; 
	text-transform: capitalise; 
	text-decoration: none; 
	font-variant: normal; 
	text-align: center; 
	color: #f0f9f5;  
}

.body
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify; 
	color: #e5efe9;
	line-height: 133%;
}

.bodyleft
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #e5efe9;
	line-height: 133%;
}

.bodycentre
{  
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 14px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #e5efe9;
	line-height: 133%;
}

.bodyright  
{
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 14px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #e5efe9;  
	line-height: 133%;
}

.small
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #e5efe9;
}

.smalldarktext
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #000011;
}

.smallcentre
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #e5efe9;
}

.smallright  
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #e5efe9;
}				
.smaller
{
	font-size: 11px;
}

.reallysmall 
{  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #e5efe9;  
}

.reallysmallcentre 
{  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #e5efe9;  
}

.reallysmallright 
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #e5efe9;  
}

.footer 
{  		
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 8px; 
	font-style: italic; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	margin-top: 20px;
	margin-bottom: 10px;
	color: #88aa8f;  
}

.menu        
{  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #33DD33;  
}

.tablehd        
{  
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: italic; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: left; 
	color: #FFFFFA;  
	padding-top: 15px;
}
				
				
/************************/
/* Image layout classes */
/************************/

/* PDF image alignment class */
.pdflogo 
{  	
	vertical-align: middle;
	margin-right: 4px;
	margin-bottom: 2px;
	border: 0px;  
}

/* Class for gallery thumbnail images */
.gallerypic
{
	text-align: center;
	vertical-align: bottom;
	margin-top: 20px;
	margin-bottom: 2px;
	border: 1px solid #663300;
	padding: 0px;
}

/* Class for centered images with or without caption - use <p> */
.centeredimage
{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #FFFFFA;
	margin: 10px 0px 20px 0px;
}

/* Class for centered images (should be in a <p class=centeredimage>) */
.imagecentre 
{  
	text-align:center;
	border: 1px solid #333333;
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 0px;
}



/***********************/
/* Link format classes */
/***********************/

a:link
{
	color: #33DD33;
	text-decoration: none; 
}

a:focus 
{
	color: #33FF33;
	text-decoration: none; 
}

a:visited
{  
	color: #33CC33;  
	text-decoration: none; 
}

a:hover
{ 
	color: #33EE33; 
	text-decoration: underline;  
}

a:active
{  
	color: #33FF33;  
	text-decoration: none; 
}

input.button
{
    background-color: #55aa77;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #333333;
}