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

body
{
	margin: 0px;
	padding: 0px 0px 0px 150px;
	background-color: #FEFCBF; 
	background-image: url(img/back.jpg); 
	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 #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	/* border-right is encapsulated by the content div's border */
	background-color: #ffffc6; 
	background-image: url(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: #ffffc6;
	width: 610px;
	border: 1px solid #cccccc;
	padding: 10px;
	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: Arial, 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: #222233;
	margin: 15px 0px 20px 0px;
	padding: 0px;  
}

.subhd
{  
	font-family: Arial, 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: #222233;
	margin: 20px 0px 12px 0px;
	padding: 0px;  
}

.subhdcentre
{  
	font-family: Arial, 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: #222233; 
	margin: 20px 0px 12px 0px;
	padding: 0px;  
}

.body
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify;
	color: #222233;
	line-height: 125%;  
}
				
.bodycentre
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #222233;
	line-height: 125%;  
}
				
.bodyright
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #222233;
	line-height: 125%;  
}

.small
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #222233;
	line-height: 120%;  
}
				
.smallcentre
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #222233;
	line-height: 120%;  
}
				
.smallright
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #222233;
	line-height: 120%;  
}

.reallysmall
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	color: #222233;
	line-height: 120%;  
}
				
.reallysmallcentre
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: centre; 
	color: #222233;
	line-height: 120%;  
}
				
.reallysmallright
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	color: #222233;
	line-height: 120%;  
}

.footer
{  	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	font-style: italic; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center;
	margin-bottom: 10px; 
	color: #666666;
	margin: 25px 0px 10px 0px;
	padding: 0px;
	line-height: 150%;  
}

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

				
				
/************************/
/* Image layout classes */
/************************/	

/* Class for gallery thumbnail images */
.gallerypic
{
	text-align: center;
	vertical-align: bottom;
	margin-top: 20px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	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: #000011;
	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;
}
				
/* Floating image classes */
.floatright
{	
	background: #f5f5b0;
	padding: 0px 0px 3px 0px;
	margin: 15px 0px 5px 10px;
	border: 1px solid #999999;
	float: right;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #000011;
}		
.floatleft
{	
	background: #f5f5b0;
	padding: 0px 0px 3px 0px;
	margin: 15px 10px 5px 0px;
	border: 1px solid #999999;
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	color: #000011; 
}

/* Class for floated <img> tags */
.imagefloat
{	
	border-bottom: 1px solid #999999;
	margin-bottom: 3px;
	padding: 0px;
}

/* Class to clear space under floated image - use before headings */
.floatclear
{	
	clear: both;
}
				
/* PDF image alignment class */
.pdflogo {  	vertical-align: middle;
				margin-right: 4px;
				margin-bottom: 2px;
				border: 0px;  }



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

a:link
{  
	color: #0000CC;  
}

a:visited
{  
	color: #000099;  
}

a:hover
{  
	color: #0000FF;  
}

a:active
{  
	color: #3333FF;  
}

a:focus
{  
	color: #3333FF;  
}