Ԫ?*{margin:0;padding:0; border: 0}

body { font-size: 1.1em; font-family: arial, helvetica,  sans serif; color: Black; text-align: center;  margin: 0; }


p { font-size: 0.8em; margin-bottom: 0.8em; text-align: justify }
a { text-decoration: underline; color: Black; }
a:hover { text-decoration: none }
input { border: solid 1px #344F71; margin: 5px 0 5px 0; }
label { font-weight: bold; }
.submit { background: #527AAB; border: solid 1px #344F71; color: White; font-size: 0.9em; }



h1 {
	font-size: 1.8em;
	color: #25468E;
	/*color: #97824D;#213E60*/
	font-weight: bold;
	padding-bottom: 0.5em;
}
h2 {
	font-size: 1.3em;
	color: #222222;
	font-weight: 650;
	padding-bottom: 0.5em;
}
h3{ line-height: 45px; padding-left: 32px; font-size: 0.7em; font-weight: bold; } /* Used for front page box headings */
h4 { font-size: 1.2em; color: #797979; font-weight: normal; padding-bottom: 0.5em; }
h5 { font-size: 1.45em; color:  #996633; font-weight: normal; font-family: arial, helvetica,  sans serif;  padding-bottom: 0.5em; }
h6 {
	font-size: 1.3em;
	color:  #97824D;
	font-weight: bold;
	padding-bottom: 0.5em;
	/*text-decoration: underline;*/
}

.h6 a { color: #996633; font-size: 1.3em; font-weight: bold; padding-bottom: 0.5em; text-decoration: none}
.h6 a:hover { color: #cc9966;}

/* ul { list-style: square inside; color: #344F71; line-height: 1.1em; margin-bottom: 10px;}*/
ul {
	list-style: disc inside;
   color: #000000;
   line-height: 1.1em;
	margin-bottom: 10px;
	 }
	 
	#aboutlist li.section{
	margin: 0px 15px 0px 15px;
	padding:0px 0px 10px 5px;
	line-height: 1.1em;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/disc_bullet.gif);
	text-align: justify;	/*background: url(images/kl_bullet_gold_bgd1.gif) no-repeat left;*/
	}	

#mainrighttextarea li { padding-bottom: 1em; }

#container { text-align: center; width: 100%; }
#site { width: 729px; height: auto; text-align: left; margin:auto; }

#headerarea {
	width: 729px;
	float: left;
	text-align: center;
	position: relative;
	z-index: 2;
	border: 1px solid #000000;
	border-top: 1;
	border-bottom: 0;
	border-left: 1;
	border-right: 1;
	
}

/* #bluespacer original - background-color: #6794CC  background-color: #344F71 */
#bluespacer {
	width: 729px;
	height: 12px;
	float: left;
	clear: left;
	background-color: #97824D;
	margin: 5px 0 2px 0;
	text-align: left;
	font-size: 0.7em;
	
}
#bluespacer a:hover { background: url(images/bullet_blue3.gif) no-repeat left; color: #666;}
#bluespacer ul { list-style-type: none; list-style-position: inside; line-height: 1.1em; }


#bluetopmenuspacer { width: 729px; height: 10px; background-color: #25468E; margin: 1px 0 2px 0; padding-bottom: 5px; text-align: inherit; z-index: 0;  }


/* #topsubmenuspacer - height of black subnav bars margin: 5px 0 2px 0; */
#topsubmenuspacer {
	width: 729px;
	height: 12px;
	background-color: #25468E;
	margin: 1px 0 0px 0;
	padding-bottom: 5px;
	padding-top: 1px;
	text-align: center;
	*z-index: 0;
}

#topspacer {
	width: 729px;
	height: 1px;
	background-color: #ffffff;
	margin: 1px 0 0px 0;
	padding-bottom: 0px;
	padding-top: 0px;
	*z-index: 0;
}
/* original #topsubmenuspacer - background-color: #527AAB (blue) - #97824D* (gold)/

/* #bluetopmenu original background-color:  #6794CC;  background-color: #344F71 */
/* #bluetopmenu- height of subnav section and spacer below*/
#bluetopmenu {
	width: 729px;
	height: 36px;
	float: bottom;
	clear: left;
	background-color:  #97824D;
	margin: 0px 0px 0px 0px;
	/* margin: 0px 0px 2px 0px; */
	text-align: center;
	/* additions below */
	border: 3px solid  #25468E;
	border-top: 0;
	border-bottom: 3;
	border-left: 0;
	border-right: 0;
}

#topmenu { 
/* includes  horizontal T-bar keyline - see headerightimage  */
width: 729px; 
height: 36px; 
float: bottom; 
clear: left; 
background-color: #97824D; 
/*white spacer margin: 0px 0px 2px 0px; */
margin: 0px 0px 0px 0px; 
text-align: center; 
/* additions below for  horizontal*/
	border: 1px solid #000000;
	border-top: 0;
	border-bottom: 1;
	border-left: 0;
	border-right: 0;
}

#datemenuspacer {
	width: 175px;
	height: 12px;
	background-color: #25468E;
	margin: 10px 0 0px 0;
	padding-bottom: 5px;
	padding-top: 1px;
	text-align: center;
	*z-index: 0;
	 font-size: 0.75em;
	color: #FFFFFF;
}

#headerImage { width: 729px; height: 125px; float: bottom; clear: left; position: relative; }

/* #headerleftmenu previous height: 220px;  - and previous colours - background: #527AAB; #6794CC;
/* #headerightimage previous height: 220px;  - and previous colours - background: #6688b0 */
/* LH Nav and subpage image Note - also in WEBSITE_BODY_HEADER border-line colours was height: 155px */

#headerleftmenu {width: 200px; height: 125px; float: left; clear: left; position: relative; background: #97824D; text-align: left;}
#headerightimage {
	/* includes vertical T-bar keyline - see topmenu  */
	width: 528px;
	height: 125px;
	float: left;
	margin-left: 0px;
	position: relative;
	background:  #cc9966 url(images/sh_1.jpg);
	/* addition below for vertical keyline */
	border: 1px solid #000000;
	border-top: 0;
	border-bottom: 0;
	border-left: 1;
	border-right: 0;
}
/* The following style can be removed when images are placed in the section headerightimage */
#headerightimage p { color: White; font-size: 0.8em; position: absolute; left: 10px; bottom: 10px;}

#headerText { width: 526px; height: 30px; position: relative; top: 200px; font-size: 1.2em; /*background: #344F71; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;*/ }
.linksleft { float: left; width: 200px; height: 66px; text-align: left; position: relative; left: 5px; }	

#rightflashcontent {
		border: solid 1px #000;
		width: 240px;
		height: 197px;
		align; left;
		float: right;
		margin: 15px 20px;
	}

#leftflashcontent {
		border: solid 0px #000;
		width: 150px;
		height: 150px;
		float: left;
		margin: 15px 20px;
	}
	
#main {
	width: 729px;
	min-height: 500px;
	_min-height: 500px;
	border: 1px solid #000000;
	/*border: 1px solid #cfcfcf;*/
	border-top: 0;
	border-bottom: 0;
	float: left;
	clear: left;
	position: relative;
	z-index: 2;
}
    
    /*#main .boxheader colour - background: #527AAB; background: #213d60  note - height for gold box size adjustments (45px)*/
	#main .boxheader { width: 230px; height: 35px; background-color:  #97824D; color: White; }
	
    
    .boxlist 
	/* homepage text area for 3 top promos/text area - colour here sets text colour  */
    {
        padding: 5px 0 0 0; 
        position: relative;
        left: 18px !important;
        left: 22px;
        width: 210px;
        color: #000000; 
        font-size: 0.7em;
        list-style-type: none;
        border-bottom: 1px solid #ECECEC;
		
     }
     
    .boxlist li {
	height: 15px;
	line-height: 15px;
	border-top: 1px solid #ECECEC;
	width: 210px;
	margin-bottom: 30px;
}
	/* .boxlist a -  original colour for homepage text links here image 5x7px AG background: url(images/bullet3.gif) */
    .boxlist a { padding: 5px 0 5px 10px; background: url(images/bullet3.gif) no-repeat left; color: #000000; text-decoration: none; position: relative; left: -10px;}
    .boxlist a:hover { background: url(images/bullet_blue3.gif) no-repeat left; color: #6688B0; }
	
	    .boxlist2 
	/* homepage text area for 3 top promos/text area - colour here sets text colour  */
    {
        padding: 5px 0 0 0; 
        position: relative;
        left: 22px !important;
        width: 200px;
        color: #000000; 
        font-size: 0.7em;
        list-style-type: none;
        border-bottom: 1px solid #ECECEC;
     }
      /*line spacing here */
    .boxlist2 li { height: 19px; line-height: 19px; border-top: 1px solid #ECECEC;  }
	/* .boxlist2 a -  original colour for homepage text links here image 5x7px AG */
    .boxlist2 a { padding: 5px 0 5px 10px; background: url(images/kl_bullet_bk.gif) no-repeat left; color: #000000; text-decoration: none; position: relative; left: -10px;}
    .boxlist2 a:hover { background: url(images/kl_bullet_gold.gif) no-repeat left; color: #97824D; }

    

    #main .box1 { float: left; width: 230px; position: relative; left: 8px; top: 10px; }
    #main .box2 { float: left; width: 230px; position: relative; left: 18px; top: 10px; }
    #main .box3 { float: left; width: 230px; position: relative; left: 28px; top: 10px; }
	
    #main .box4 {
	float: left;
	width: 230px;
	position: relative;
	left: 8px;
	top: 10px;
}
    #main .box5 { float: left; width: 230px; position: relative; left: 18px; top: 10px; }
    #main .box6 { float: left; width: 230px; position: relative; left: 28px; top: 10px; }
    
    #mainleftcontainer
    { 
		/* original height 160px; bottom: 0px AG */
        float: left; 
        width: 199px; 
        height: 180px; 
        position: absolute; 
        bottom: 10px;
        left: 10px; 
        text-align: left; 
        margin-top: 3px;
    }
       
    #mainlefttextarea
    {
	color: #808080;
	/* #dddddd;is a good colour */ 
	font-size: 0.74em;
	*font-size: 0.8em;
	left: 7px;
	top: auto;
	right: auto;
	bottom: 60px;		
			
			/* sub nav line-height:100%; AG */
    }
    
        #mainlefttopcontainer
    { 
        float: left; 
        width: 170px; 
        height: 100px; 
        position: absolute; 
        top: 7px;
			/* original  left: 27px; AG */
        left: 27px; 
        text-align: left; 
        margin-top: 3px;
    }
    
        #mainlefttoptext
    {
	padding-top: 25px;
	color: #797979;
	font-size: 0.75em;
	margin-bottom: 0.2em; 
	text-align: left;
		/* sub nav line-height:100%; AG */
    }
    
        #mainlefttoptext a
    {
        color: #797979;
    }
    
       #mainlefttoptext h5
    {
        color: #213E60; 
        font-size: 0.85em;
        padding-bottom: 8px;
    }
	
     #mainleftmidcontainer
    { 
       	/* this for co-funds placeholder top=position (180px) AG */
		float: left; 
        width: 170px; 
        height: 100px; 
        position: absolute; 
        top: 200px;
			/* original  left: 27px; AG */
        left: 2px; 
        text-align: left; 
        margin-top: 3px;
    }
    
        #mainleftmidtext
    {
        padding-top: 10px;
        color: #797979;
        font-size: 0.85em;
		/* sub nav line-height:100%; AG */
    }
	
	     #mainleftbottomcontainer
    { 
		float: left; 
        width: 170px; 
        height: 100px; 
        position: absolute; 
		/* top: 350px;*/
        bottom: 40px;
		_bottom: 50px;
		*bottom: 55px; 
        left: 7px;  
        text-align: left; 
        margin-top: 3px;
    }
	
	  #mainrightcontainerwide
    {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 150px;
	width: 500px;
	height: auto;
	_height: 600px;
	position: static;
	left: 200px;
	bottom: 0px;
    } 
    
    #mainrightcontainer
    {
        float: left;
        margin-left: 3px; 
        margin-top: 3px; 
        width: 325px;
        height: auto; 
        position: relative;
        left: 200px;
        bottom: 0px;

    }
	
/* 	  #mainrightcontainer
    {
        float: left;
        margin-left: 3px; 
        margin-top: 3px; 
		margin-bottom: 150px; 
        width: 500px;
		
        height: auto; 
        position: relative;
        left: 200px;
        bottom: 0px;

    }  */ 
    
    #mainrighttextarea
    {
        padding: 15px 25px 15px 15px; 
        font-size: 0.7em;
    }
    
     #mainrighttextarea p { font-size: 1em }
	 
	 #mainfarrightcontainer
    {
        float: right;
        width: 170px; 
        height: 100px; 
        position: absolute; 
        bottom: 68px;
		_bottom: 67px;
			/*  bottom: 60px; */
        right: 26px;
		*right: 32px
		_right: 32px;  
        text-align: left; 
        margin-top: 3px;

    }
	
	 #mainfarrightpromocontainer
    {
        float: right;
        width: 170px; 
        height: 100px; 
        position: absolute; 
        bottom: 68px;
		*bottom: 68px;
		_bottom: 67px;
		left: auto;
		*left: 532px;
        right: 20px;
		*right: 26px
		_right: 32px;  
        margin-top: 3px;

    }
    
    .people 
    {
     float :left; clear: left; width: 490px; height: 120px; padding-bottom: 10px; margin-top: 10px; position: relative; border-bottom: solid 1px #CFCFCF;  
    }
 /*       .people 
    {
     float :left; clear: left; width: 490px; height: 92px; padding-bottom: 10px; margin-top: 10px; position: relative; border-bottom: solid 1px #CFCFCF;  
    }
    */
        .testimonials
    {
     border-bottom: solid 1px #CFCFCF; 
    }

    .people img
    {
     position: absolute; top: 0; right: 0; border: 1px solid #CFCFCF; padding: 5px;
    }
    
    .people p
    {
     margin-top: 16px; line-height: 16px;
    }

    .people .name
    {
     font-size: 1.0em
    }
    
    .people .name strong
    {
     font-size: 1.1em
    }
    
    .people a { color: Black; text-decoration: none;}
    .people a:hover { text-decoration: underline;}


#footer {
	width: 731px;
	height: 20px;
	float: left;
	clear: left;
	background:  #25468E;
	text-align: center;
	font-size: 0.6em;
	color:  #ffffff;
	top: 10px;
	margin-bottom: 1px;
	
}
/* #cfcfcf  #cc9966*/
#footer a { color: White; text-decoration: none }
#footer a:hover { color: #213D60; text-decoration: underline }


/* font styles */

.tel {position: absolute; bottom: 10px; right: 0; color: #D0D0D0; font-size: 0.9em;}
/* original images/bullet.gif 5x7 px AG  */
.hlinks a { padding-left: 10px; background: url(images/bullet3.gif) no-repeat left; color: #213d60; font-size: 0.7em; text-decoration: none}
.hlinks a:hover { background: url(images/bullet_blue3.gif) no-repeat left; color: #6688B0;}
.hlinks ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }

/*.hlinks2 a -  color: #213d60  a:hover - color: #6688B0;  #97824D  */
.hlinks2 a { color: #996633; font-size: 0.7em; text-decoration: none}
.hlinks2 a:hover { color: #cc9966;}
.hlinks2 ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }

.hlinks3 a { color: #213d60; font-size: 1.0em; text-decoration: none}
.hlinks3 a:hover { color: #6688B0;}
.hlinks3 ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }
/* .whlinks  - #eeefff  #213d60*/

.whnav a {color: #ffffff; font-size: 0.7em; text-decoration: none}
.whnav a:hover {color: #cc9966;}
.whnav ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }

/*.whnav a { padding-left: 10px; background: url(images/kl_bullet_lg.gif) no-repeat left; color: #ffffff; font-size: 0.7em; text-decoration: none}
.whnav a:hover { background: url(images/kl_bullet_lg_on.gif) no-repeat left; color: #cc9966;}
.whnav ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }*/

.whlinks a {color: #ffffff; font-size: 0.7em; text-decoration: none}
.whlinks a:hover { color: #CC9900; }
.whlinks ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }

/* .whlinks a { padding-left: 10px; background: url(images/kl_bullet_lg.gif) no-repeat left; color: #cc9966; font-size: 0.7em; text-decoration: none}
.whlinks a:hover { background: url(images/kl_bullet_lg_on.gif) no-repeat left; color: #ffffff;}
.whlinks ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }*/

/* original images/bullet.gif 5x7 px AG */
.hlinks_right a { padding-left: 10px; background: url(images/bullet3.gif) no-repeat left; color: #213d60; font-size: 0.7em; text-decoration: none}
.hlinks_right a:hover { background: url(images/bullet_blue3.gif) no-repeat left; color: #6688B0;}
.hlinks_right ul { list-style-type: none; line-height: 1.2em; position: absolute; top: 0px; right: 0px; }

.hlinks_right2 a { padding-left: 14px;  color: #996633; font-size: 0.7em; text-decoration: none}
.hlinks_right2 a:hover {color: #cc9966;}
.hlinks_right2 ul { list-style-type: none; line-height: 1.2em; position: absolute; top: 0px; right: 0px; }


.greylist {list-style-position: outside; margin-left: 10px;  font-size: 1.1em; color: #797979; font-weight: normal;}

.snav {
	list-style-type: none;
	line-height: 0.7em;
	/* position: inherit; */
	top: 18px;
	left: 0px !important;
	font-size: 1em;
	display: inline;
	text-align: justify;
}
/* LHNav underline colour here */
.snav li { height: 18px; width: 180px; solid #97724D; list-style: none; display: inline;  }
.snav li .sublink { margin-left:0px; color: #00085A; font-size: 0.62em; text-decoration: none; line-height: 0.8em;}
.snav li .sublink:hover { color: white; text-decoration: none; }
.snav li .sublinksel { margin-left:0px; color: white; font-size: 0.62em; text-decoration: none; }
.snav li .sublinksel:hover { color: white; text-decoration: none; }

/*padding: 10px 0 10px 11px; */
.snav  .link { padding: 10px 0 10px 11px; background: url(images/kl_bullet_gold_bgd1.gif) no-repeat left; color: #ffffff; font-size: 0.7em; text-decoration: none; position: relative; left: 0px;}
.snav  .link:hover { color: white; background: url(images/kl_bullet_gold_over.gif) no-repeat left; } 
.snav  .linksel { padding: 10px 0 10px 11px; background: url(images/kl_bullet_gold_bgd.gif) no-repeat left; color: #ffffff; font-size: 0.7em; text-decoration: none; position: relative; left: 0px;}

.snav li .link {
	padding: 0px 10px 0px 10px;
	left: 0px 
	color: white;
	font-size: 0.7em;
	text-decoration: none;
	display: inline;
	
	
}
.snav li .link:hover  {
	padding: 0px 10px 0px 10px;
	left: 0px;
	color: #CC6600;
	font-size: 0.7em;
	text-decoration: none;
	display: inline;
	
}
.snav li .linksel {
	padding: 0px 10px 0px 10px;
	left: 0px;
	color: #FFFFCC;
	font-size: 0.7em;
	text-decoration: none;
	display: inline;
	font-weight: bolder;
}



#nav
 {     background: url(images/navleft.jpg) no-repeat;
  background-position: left;
   background-color: #52616E; 
  position: absolute;
  top: 63px;
  left: 0px;
  width: 535px;
  padding: 9px 0;
  text-align: center;
  height: -7px;
  }

#nav li
 {list-style: none;
  display: inline;
  color: #FFFFFF;}

#nav a
 {text-decoration: none;
  color: #FFFFFF;}

#nav a:hover
 {text-decoration: underline;}

/* original margin-right:70px color: #213d60 AG */
.Pnav { margin-right: 150px; line-height: 35px; font-size: 0.7em; color: #black; text-decoration: none; }

/*.Pnav_on { margin-right: 150px; line-height: 40px; font-size: 0.8em; color: #527AAB;  text-decoration: none;}*/
.Pnav_on { margin-right: 150px; line-height: 35px; font-size: 0.7em; color: #ffffff;  text-decoration: none;}