/* --------------------------------------------------------------------------- */

/* CSS STYLES & ATTRIBUTES */

.hide {								/* ENABLING USE OF SKIP ANIMATION */

	display: none;					/* hide away from visual users */

	}

body {								/* COMMON BODY SETTINGS */

	color: #000000;					/* text colour */

	background:#FFFFFF;				/* page background colour */

	font-family: Verdana, Arial, Helvetica, sans-serif; /* fonts */

	font-size: 0.65em;				/* base font size */

	margin: 0;						/* as close to window as poss */

	}

#container { 						/* CONTAINER DIV FOR CENTRE ALIGHNMENT */

	margin: 0 auto;					/* no spacing between borders MAKES DESIGN CENTRED */

	width: 720px;					/* fixed width of 740 pixels */

	text-align: left;				/* all text left-alighned */

	background: #ffffff;			/* background to white */

	}

#topbar { 							/* TOPBAR DIV FOR LOGO AND NESTED NAVONE NAVIGATION */

	width: 720px;					/* fixed width of 740 pixels */

	height: 65px;					/* fixed height of 85 pixels */

	background: #ffffff;			/* background to white */

	background-image: url(../images/graham_logo.jpg); /* logo bar 740x85 */

	background-position: bottom left;

	padding-top: 0px;

	padding-bottom: 0px;	

	background-repeat: no-repeat;	/* don't tile */

	}

#logo {

	float: right;

	width: 130px;

	height: 65px;

	background-image: url(../images/certified_logo.jpg);

	background-position: bottom right;

	background-repeat: no-repeat;

}

/* --------------------------------------------------------------------------- */

/* PAGE FOOTER */

#footer{							/* HORIZONTAL DIV FOOTER */

	clear: both;					/* ensure no overlap */

	padding: 3px;					/* padding inside border */

	background-color: #4A7414;		/* DIV background colour: BLUE */

	}

#copyright{							/* COPYRIGHT DIV FOOTER */

	color: #333333;					/* text colour */

	font-size: 0.9em; 				/* font size */

	text-align: center;				/* alighn centre of page */

	margin-top: 4px;				/* margin outside border */

	margin-bottom: 4px;				/* margin outside border */

	}



/*PAGE FOOTER PRIVACY LINK */

.copyrightlink {

	color: #000000;

}



/*PAGE FOOTER PRIVACY LINK */

#copyright a {

	color: #000000;

	text-decoration:none;

}

#copyright a:hover {

	text-decoration:underline;

}



/*END OF FOOTER PRIVACY LINK */

/* --------------------------------------------------------------------------- */

/* NAVIGATION */

#navone { 							/* NAVONE NAVIGATION NESTED INSIDE TOPBAR */

	padding: 40px 8px 0px 0px;		/* padding  inside border - best for all browsers */

	margin: 18px 0px 0px 0px;		/* margin extended beyond border - best for all browsers */

	float: right;					/* sit to the right side of the containging box */

	}

#navone li .sep {					/* navone li's - lists */

	color: #C0C0C0;					/* text colour */

	}

#navone li{							/* navone li's - lists */

	display: inline;				/* set lists to display horizontally */

	}

#navone li a{						/* navone list a links */

	color: #333333;					/* text colour */

	/*font-size: 1em;				ems size of inherited size */

	text-decoration: none;			/* decorate link */

	padding: 2px 4px 2px 4px; 		/* padding extended inside border */

	/*background-color: #F0DB1D;*/	/* link background colour */

	}

#navone li a:hover{					/* navone list a links */

	color: #FFFFFF;					/* text colour */

	text-decoration: none;			/* decorate link */

	padding: 2px 4px 2px 4px; 		/* padding extended inside border */

	background-color: #666666;		/* link background colour */

	}

#navtwo{ 							/* NAVONE DIV SITTING UNDERNEATH TOPBAR */

	text-decoration: none;			/* decorate link */

	background-color: #F0DB1D;		/* DIV background colour: MUSTARD YELLOW #F0DB1D */

	height: 18px;					/* DIV height: MANUALLY ADJUST*/

	}

/* --------------------------------------------------------------------------- */

/* LAYOUT CONFIGURATIONS */

#columnOne {						/* SPAN 2, ALIGHN LEFT */

	float: left;					/* left */

	width: 559px;					/* content DIV width */

	}

#columnTwo {						/* SPAN 1, ALIGHN RIGHT */

	float: right;					/* right */

	width: 170px;					/* content DIV width */

	}

#columnThree {						/* SPAN 1, ALIGHN LEFT */

	float: left;					/* left */

	width: 170px;					/* content DIV width */

	}

#columnFour {						/* SPAN 2, ALIGHN RIGHT */

	float: right;					/* left */

	width: 559px;					/* content DIV width */

	}



#columnOneIndex {						/* SPAN 2, ALIGHN LEFT */

	float: left;					/* left */

	width: 720px;					/* content DIV width */

	}

#columnTwoIndex {						/* SPAN 1, ALIGHN RIGHT */

	float: right;					/* right */

	width: 179px;					/* content DIV width */

	}

/* --------------------------------------------------------------------------- */	

/* FORMnavSearchForm */

.navSearchForm {					/* navSearchForm FORM */

	display: inline;				/* change to in-line element */

	float:right;

	vertical-align: middle;

	}

.navSearchForm input.txt {			/* FORM INPUT BOX */

	color: #000000;					/* input text colour */

	background-color: #FFFFFF;		/* box background colour */

	border: 1px inset #808080;		/* inset border colour */

	border: 1px outset #808080;		/* outset border colour */

	width: 74px;					/* width of input box */

	font-size: .9em;

	height: 13px; 

	margin-bottom: 0px;

	}

.navSearchForm input.btn {			/* FORM BUTTON */

	color: #FFFFFF;					/* button text colour */

	background-color: #666666;		/* button colour */

	border: 0px outset;				/* button border off */

	font-family: Verdana, Arial, Helvetica, sans-serif; /* button text font */

	font-size: 110%;					/* button text font size */

	height: 15px;					/* button height */

	}

/* --------------------------------------------------------------------------- */	

/* FORM clientLoginForm */

.clientLoginForm input.txt {		/* FORM INPUT BOX */

	color: #000000;					/* input text colour */

	background-color: #FFFFFF;		/* box background colour */

	border: 1px inset #808080;		/* inset border colour */

	border: 1px outset #808080;		/* outset border colour */

	width: 140px;					/* width of input box */

	}

.clientLoginForm input.btn {		/* FORM BUTTON */

	color: #FFFFFF;					/* button text colour */

	background-color: #666666;		/* button colour */

	border: 0px outset;				/* button border off */

	font-family: Verdana, Arial, Helvetica, sans-serif; /* button text font */

	font-size: 1em;					/* button text font size */

	height: 20px;					/* button height */

	}

/* --------------------------------------------------------------------------- */

/* MISC */

.anim01 {							/* CONTENT DIV: SPAN 1 COLUMNS RIGHT */

	margin-bottom: 10px;			/* margin outside border */

	border: 1px solid #E5E5E5;		/* solid coloured border */

	background-color: #FFFFFF;		/* DIV background colour: GREY #FFFFFF */

	color: #000000;					/* text colour */

	text-align: center;

	}

/* --------------------------------------------------------------------------- */





/* -----------------------------------------------------------------------------*/

/* REDEFINES */

h1{									/* REDEFINE H1 */

	color: #000000;					/* font colour: #4A7414;*/

	font-size: 1.2em;				/* font SIZE */

	font-weight: bold;				/* font BOLD */

	margin-bottom: 5px;				/* minimise spacing */

	}



/*h2{									REDEFINE H1 

	color: #2F5A8D;					font colour: BLUE 

	font-size: 1.2em;				/* font SIZE 

	font-weight: bold;				/* font BOLD 

	margin-bottom: 5px;				/* minimise spacing 

	} */



h2{									/* REDEFINE H1 */

	color: #000000;					/* font colour: BLUE */

	font-size: 1.1em;				/* font SIZE */

	font-weight: bold;				/* font BOLD */

	margin-bottom: 5px;				/* minimise spacing */

	}



p.h2{									/*duplicate of h2 style for non descriptive headings*/

	color: #000000;					/* font colour: black */

	font-size: 1.1em;				/* font SIZE */

	font-weight: bold;				/* font BOLD */

	margin-bottom: 5px;				/* minimise spacing */

}



p.heading {									/*duplicate of h2 style for non descriptive headings*/

	color: #000000;					/* font colour: black */

	font-weight: bold;				/* font BOLD */

	margin-top: 30px;       /*add additional margin at top */

	margin-bottom: 0px;				/* minimise spacing */

}



p.reduceMargin {									/*duplicate of h2 style for non descriptive headings*/

	margin-top: 10px;				/* minimise spacing */

}



.h3title01{

	/*height: 20px; removed because caused problems in firefox */

	color: #ffffff;

	font-size: 1.2em;

	font-weight: bold;

	background-color: #4A7414;

	background-image: url(images/h3back01.gif);

	background-repeat: no-repeat;

	line-height: 1.4em;

	padding-left: 10px;

	}

.h3title02{

	/*height: 20px; */

	color: #000000;

	font-size: 1.2em;

	font-weight: bold;

	background-color: #FFCC00;

	background-image: url(images/h3back02.gif);

	background-repeat: no-repeat;

	line-height: 1.4em;

	padding-left: 10px;

	}



.h3title03{

	/*height: 20px; */

	color: #000000;

	font-size: 1.2em;

	font-weight: bold;

	background-color: #FFCC00;

	background-image: url(images/h3back03.gif);

	background-repeat: no-repeat;

	line-height: 1.4em;

	padding-left: 10px;

	}

/* --------------------------------------------------------------------------- */	

/* STANDARDS COMPLIANT FOOTER LINKS */

#standardsLinks {					/* STANDARDS LINKS */

	margin: 0;						/* margin outside border */

	padding: 0;						/* padding inside border */

	font-size: 0.9em; 				/* font size */

	text-align: center;				/* alighn centre of page */

	}

#standardsLinks li {				/* STANDARDS LINKS LIST */

	list-style: none;				/* no list style */

	display: inline;				/* set lists to display horizontally */

	padding: 0;						/* padding inside border */

	margin: 0;						/* margin outside border */

	}

#standardsLinks a {					/* STANDARDS LINKS LIST A REFS */

	color: #333333;					/* text colour */

	padding: 3px;					/* padding inside border */

	text-decoration: none;			/* no link decoration */

	}

#standardsLinks a:hover {			/* STANDARDS LINKS LIST A REFS ROLLOVER*/

	color: #333333;					/* text colour */

	text-decoration: underline;		/* decorate link */

	}

/* --------------------------------------------------------------------------- */

/* CONTENT STYLES */

.contStyle01 {						/* BLACK BORDER: WHITE FILL */

	margin-bottom: 8px;				/* margin outside border */

	padding: 2px 16px 4px 16px;		/* padding inside border right & left*/

	border: 1px solid #000000;		/* solid coloured border */

	background-color: #FFFFFF;		/* DIV background colour: WHITE #FFFFF */

	color: #000000;					/* text colour */

	line-height: 1.3em;				/* text line height */

	}

.contStyle02 {						/* WHITE BORDER: WHITE FILL */

	margin-bottom: 8px;				/* margin outside border */

	padding: 2px 16px 4px 16px;		/* padding inside border right & left*/

	border: 1px solid #f7f7f7;		/* solid coloured border */

	background-color: #FFFFFF;		/* DIV background colour: WHITE #FFFFFF */

	color: #000000;					/* text colour */

	line-height: 1.3em;				/* text line height */

	}

.contStyle03 {						/* GREY BORDER: WHITE FILL */

	margin-bottom: 8px;				/* margin outside border */

	padding: 2px 16px 4px 16px;		/* padding inside border right & left*/

	border: 1px solid #E5E5E5;		/* solid coloured border */

	background-color: #FFFFFF;		/* DIV background colour: WHITE #FFFFF */

	color: #000000;					/* text colour */

	line-height: 1.3em;				/* text line height */

	}

.contStyle04 {						/* GREY BORDER: LIGHT GREY FILL */

	margin-bottom: 8px;				/* margin outside border */

	padding: 2px 16px 4px 16px;		/* padding inside border right & left*/

	border: 1px solid #E5E5E5;		/* solid coloured border */

	background-color: #F7F7F7;		/* DIV background colour: LIGHT GREY #F7F7F7 */

	color: #000000;					/* text colour */

	line-height: 1.3em;				/* text line height */

	}



a {

	color: #4A7414;

}

a:hover {

	color: #4A7414; text-decoration: none;

}

/* --------------------------------------------------------------------------- */

/* TOPBAR IMAGERY */

#topimage01{						/* TOPBAR PAGE IMAGERY DIV */

	background-color: green;		/* DIV background colour: BLUE */

	height: 160px;					/* fixed height of 175 pixels */

	margin-bottom: 8px;				/* margin outside border */

	

	/*background: url(../images/homepage-banner.gif) no-repeat; /* image bar 740x175 */

	/*background: url(../images/test.jpg) no-repeat;*/

	}

#topimage02{						/* TOPBAR PAGE IMAGERY DIV */

	background-color: green;		/* DIV background colour: BLUE */

	height: 80px;					/* fixed height of 175 pixels */

	margin-bottom: 8px;				/* margin outside border */	

	width: 720px;	

	background: url(../images/secondarytop.jpg)

	/*background: url(../images/homepage-banner.gif) no-repeat; /* image bar 740x175 */

	/*background: url(../images/test.jpg) no-repeat;*/

	}







/* image styles */

img.rightBorder {

	float:right; /*float image to right */

	margin: 0 0 10px 10px; /*margin for right image */

	padding:2px;	

	border: 1px solid #666; /*black thin border */

}



img.rightNoBorder {

	float:right; /*float image to right */

	margin: 0 0 10px 10px; /*margin for right image */

	padding:2px;	

	border: 0px /*no border */

}

.floatleft {

	float:left; 

	clear: left;

}

.floatright {

	float:right; 

	clear: right;

}

/*form styling */

.label {

 	width: 175px; float: left

 }

 .form {

 	width: 460px; clear:both; padding: 3px;

 }

 .field {

 	width: 280px; float: right; text-align: left

 }

 .field input {

 	width: 270px;

 }

  input radio {

    width: 40px;

 }

 .field textarea {

 	width: 270px;

 }

 .submit{

 	text-align: center; clear: both

 }

 .sideheading{

 	background-color:green;  color: white; font-weight: bold; padding: 2px; display: block

 }