/* general tags */

body
{
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	color:#FFFFFF;
	background-color:#777777;
	margin: 0px;
}

.textleft
{
	text-align: left;
}


.textcentre
{
 	text-align:center;
}

.textright
{
 	text-align: right;
}

.textjustify
{
 	text-align:justify;
}



img
{  
	border-style: none;
}



table.content
{	width: auto;
	margin: 20px 0px 0px;
	padding: 0px;
}
		
			   
table.content td
{
	width: auto;
	padding-top: 0px;
	padding-bottom: 20px;
	vertical-align: top;
}
				  
				  
table.content td.left
{
	border-right: 1px solid #b4b4b4;
	padding-right: 20px;
	text-align: left;
}
							 
							 
table.content td.right
{
	padding-left: 20px;
	text-align: left;
}


#firstpara
{
	width:auto;
}

#firstpara p
{
	text-align:center;
	font-size: 1.2em;
	color:#FFFFFF;
	
}


/* body of document */

 
 
#contact
{
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: justify;
	margin-bottom: 1em;
}
 


/* footer*/

#footer
{
	clear:both;
	margin: 0;
	padding: 10px 0 0;
	width: 100%;
	top: 0px;
}



#footer div
{
	font-size: 0.8em;
	width: auto;
	text-align: center;
}



#footer p
{
	color: #FFFFFF; /* Sets colour of separators */
	font-size: 0.7em;
	width: 75%;
	text-align: left;
	margin-left: 10px;
}
 
 
/* Hyperlinks */

a:link
{
	/*color: #000066;*/
	color:#FF9B02;
	text-decoration: none;
}


a:visited
{
	color:#FF9B02;
	text-decoration: none;
}
 
 
a:hover
{
	color:#FF9B02;
	text-decoration: underline;
}


 
/* Top of page links */

#toplink
{
	position:relative;
	float:right;
}

#toplink a:link
{
	color: #0000cc;
	text-decoration: none;
}


#toplink a:visited
{
	color: #0000cc;
	text-decoration: none;
}
 
 
#toplink a:hover
{
	color: #0000cc;
	text-decoration: underline;
}
 

 
 
 
/* Superpositioned text TM etc */
.super
{
	font-size: 60%;
	vertical-align: super;
}
 


/* Headings */ 
 
h1
{
	font-style: normal;
	font-size: 1.5em;
	text-transform: capitalize;
	padding-top: 10px; /* Use this to position from top of midsection */
}


h2
{
	font-size: 1.1em;
	text-transform: capitalize;
}



h3
{
	font-size: 1em;
	text-transform: capitalize;
}

 
 h4 /* Info on Contact page */
{
	font-size: 0.7em;
	line-height: 1.1em;
	font-weight: normal;
}


h5
{
	font-size: 1.0em;
	font-weight: bold;
	text-transform: capitalize;
}


h6 /* Conditions text */
{
	font-size: 0.6em;
	line-height: 1.1em;
	font-weight: normal;
} 
  
/* Paragraph */

p, ol, ul, dl
{
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: justify;
	margin-bottom: 1em;
}

 
p ol, p ul, p dl, ol ul
{
	font-size: 0.8em; /*to prevent auto shrinking text*/
} 


strong, b {font-weight: 800;} /*NN 4.xx needs this*/ 

  
/* Lists */		

#midsection ul
{
	font-size: 0.8em;
 	text-align: justify;
 	list-style-position: inside;
}
	
#midsection ul ul
{
	text-align: justify;
 	list-style-position: outside;
 	font-size: 1.0em;
}

	
	
#midsection ul li
{
	text-align: justify;
 	list-style-position: outside;
 	list-style-type: disc;
 	margin-bottom: 0.5em;
 	max-width: 85%;
	line-height: 1.5em;
}


#midsection ul ul li
{
	margin-top: 0.5em;
 }


#midsection ol
{
	font-size: 0.8em;
 	text-align: justify;
}
	
		
#midsection ol li
{
	text-align: justify;
	line-height: 1.5em;
 	list-style-position: outside;
 	list-style-type: number;
 	margin-bottom: 0.5em;
 	max-width: 85%;
}



/* Left nav List */


#leftnavlist ul /* Set as id not class as when set as class didn't work well with IE6. OK with Mozilla */
{
	position: relative; /* Controls the position of the list within the nav container */
	font-size: 0.8em;
	margin: 5px 0px 10px 0px; /* Sets the space between the border or padding and the next element for the whole list. If not specified then list has large gaps top and bottom */
	list-style-type: disc; /* Controls the overall bullet style */
	padding-left: 30px; /* Needed for the bullets be visible. Sets the space between the content of the whole list and its border or margin*/
}

#leftnavlist li
{
	color: #FFFFFF; 	/* Controls colour of bullets */
	line-height: 1.5em; /* Sets the line spacing and affects the vertical spacing between links. This is good enough in Mozilla but links too spread out in IE6 */
	margin-bottom: 0em;
}


/* Left nav list links */

#leftnavlist a
{
	color: #000066; /* Controls the colour of the nav list links in Mozilla but not IE6 when leftnavlist set as class */
	background-color: transparent;
	text-decoration: none;
}


#leftnavlist li a:hover
{
	background-color: transparent;
	color: #000066;
	text-decoration: underline;
}



/* Page Header */

#headcontainer
{
	position:relative;
	top: 0px;
	width:auto;
	height: 135px;
	margin: 0;
	padding: 0;
	background-image:url(../images/menubkgnd.gif);
	background-repeat: repeat-x;
}


#headlogo
{
	position: absolute;
	top: 10px;
	width: 219px;
	height: 87px;
	left: 10px;
}





#headstrap
{
	position:absolute;
	top:55px;
	left:280px;
	color: #CCCCCC;
	font-size: 0.7em;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}



/* Top Menu */


#navcontainer ul
{
	position:absolute;
	width:100%;
	/*height: auto;*/
	top:95px;
	padding: 0px 0px 5px 0px; /* use padding top & bottom to position menu bar vertically*/
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background-image:url(../images/menubkgnd.gif);
	font-weight: 600;
	font-size: 0.8em;
	text-align: center;
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
}

#navcontainer ul li
{
	display: inline;
}


#navcontainer ul li a
{
	text-decoration: none;
	padding: 0.8em;
	color:#CCCCCC
}

#navcontainer ul li a:hover
{
	text-decoration: none;
	color:#FFFFFF
}





/* Content on index template */


#indexPicBox
{
	position:absolute;
	top: 55px;
	width: auto%;
	height: 209px;
	left: 25%;
}



/* Content on general template */
#midsection
{
	position:relative;/* Position is declared "relative" to gain control of stacking order (z-index). */
	width:80%;
	height:auto;
	padding: 0 4% 0 4%; /* do not use padding top to move heading down. Use H1 margin */
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	font-style: normal;
	font-size: 0.9em;
	line-height: 1.5em;
}


#contactcontainer
{
	position:relative;
	width:auto;
	margin-left:8%;
}

#contactleft
{
	position:relative;
	float:left;
	top: 10px;
	width:40%; !important
	width:25em;
	height:auto;
	padding: 0 3% 0 0;
	font-size: 1.0em;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:1px;
}

#contactright
{
	position:relative; 
	float:right; !important
	float:none;
	top: 10px;
	width:35%; !important
	width:20em;
	height:auto;
	padding-left:1%;
	padding-right:7%;
}

#contactrightfields
{
	top:15px;
	right:0px;
	height:auto;
	font-size:0.9em;
}

#contactrightbuttons
{
	position:relative;
	top:15px;
	width:auto;
	left:23%;
}



#contactform
{
	position:relative; 
	top: -90px;
	width:35%; !important
	width:20em;
	left:25%;
	height:auto;
	padding-left:1%;
	padding-right:7%;
}

#contactformfields
{
	top:15px;
	right:0px;
	height:auto;
	font-size:0.9em;
}

#contactformbuttons
{
	position:relative;
	top:15px;
	width:auto;
	left:23%;
}




/* About Us */

#aboutcontainer
{
	width:auto;
	margin-left:5%;
}

#aboutleft
{
	position:relative;
	top: 10px;
	width:70%;
	height:auto;
	padding: 0px 0px 0px 0px;
}

#aboutright
{
	position:relative;
	left:10em;
	top:-140px;
	width:auto;
}



.highlightbox /* Defined as a class to allow multiple use on a page */
{
	color:#666666;
	position:relative;
	width:60%;
	max-width:650px;
	left:10%;
	margin: 40px 0px 40px 0px;
	padding: 12px 20px 10px 20px;
	background: #FFF6D9;
	border: 2px solid #999;
	font-size: 1.1em;
	font-style:italic;
	line-height: 1.8em;
	text-align: left;
}

.style1
{
color:#FF9B02;
}


/*  print.css style changes  */

#headstrap, #headPicBox, #headlogo, #navcontainer, #leftnavcontainer, #rightnavcontainer, #footer, #toplink {
	display: none;
}

#head
{
	top: 5px;
}



#midsection {
	width: 90%;
	left:-50px; 
	top: -200px; 
	border: none; 
	margin: 10px 25px 10px 35px;
}


.print-only
{
	width: auto;
	border: 1px solid #999;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-size: 10pt;
	padding: 10px 10px 10px 10px;
	margin: 20px 30px 0px 30px; 
	text-align: center;
}