body, textarea, P, TH, TD, LI, DD, DL, DT, DIV, H1, H2, H3, H4, H5, H6, SELECT, INPUT {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	}
	
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	}
	
#body {
	text-align:left;
	width:770px;
	
}

DIV { 
	border : 0px; 
	}
DIV, H1, H2, H3, H4, H5, H6, FORM {
	padding: 0px; 
	margin: 0px;
	}
H1, H2, H3, H4, H5, H6 {
	font-weight:bold;
	}
H1 { font-size: 18pt; }
H2 { font-size: 16px; }
H3 { font-size: 13px; }
H4 { font-size: 12px; }
H5 { font-size: 10px; }
H6 { font-size: 8px; }

/* links */
a { 
	font-weight:normal
	} 

a:link, a:visited, a:active, a:hover {
    color: #0878A6;
    background-color: transparent;
    text-decoration: none;	
	}
a:hover {
	text-decoration: underline;	
	}

a.black, a:hover.black, a:visited.black { color: #000000; }
a.blackBold, a:hover.blackBold, a:visited.blackBold { color: #000000; font-weight: bold; }
a.red, a:hover.red, a:visited.red { color: #CC0000; }
a.color0878A6, a:hover.color0878A6, a:visited.color0878A6 { color: #0878A6; }

/* Lists */

ol.roman li { list-style-type:lower-roman }

/* headers & footers */

table.tblHeader, table.tblDefault, table.tblFooter {
	width: 760px;
	border: none; 
	}
table.tblDefault td {
	padding: 0px;
	margin: 0px; 
	}
table.tblFooter td {
	background-color: #e0e0e0;
	text-align:center;
	padding: 2px;
	margin: 0px;
	}
td.tdPageHeader {
	font-size: 16px;
	font-weight: bold;
	color: gray; 
	background-color: #e0e0e0;
	padding: 2px 0px 2px 0px;
	}
td.tdPageSubHeader {
	font-weight: bold;
	padding: 20px 0px 15px 0px;
	}
table.tblFooter {
	margin-top: 20px;
	margin-bottom: 20px;
	}

/* some tables */

table.tblIndex {
	width: 760px;
	border: 1px solid black; 
	border-collapse:collapse;
	}
table.tblIndex td {
	width: 380px;
	text-align:left;
	vertical-align:top;
	border: 1px solid black; 
	}
table.tblIndex td td {
	border: 0px; 
	}
	
table.tblBorderGray {
	width: 760px;
	border: 2px solid #e0e0e0; 
	border-collapse:collapse;
	}


/* colours */
.white { color: #FFFFFF; cursor:pointer}
.whiteonblue { color: #FFFFFF; background-color:#00ABDB}
.black { color: #000000; }
.red { color: #CC0000; }
.blue { color: #003366; font-weight:bold; }  
.orange { color: #800000; }

.color00ABDB { color: #00ABDB; }
.color0878A6 { color: #0878A6; }

/* backgrounds */
.bgBlack { background-color:#000000 }
.bgWhite { background-color:#FFFFFF }
.bg00ABDB { background-color: #00ABDB; }
.bg0878A6 { background-color: #0878A6; }
.bgGray { background-color: Gray; }

/* customs */

.center { 
	text-align:center;
	}

.paddingLeft10 { padding-left: 10px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft25 { padding-left: 25px; }
.paddingLeft30 { padding-left: 30px; }
.paddingLeft40 { padding-left: 40px; }
.paddingLeft50 { padding-left: 50px; }

.paddingTop10 { padding-top: 10px; }
.paddingTop15 { padding-top: 15px; }
.paddingTop20 { padding-top: 20px; }
.paddingTop25 { padding-top: 25px; }
.paddingTop30 { padding-top: 30px; }

.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom15 { padding-bottom: 15px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingBottom25 { padding-bottom: 25px; }
.paddingBottom30 { padding-bottom: 30px; }

table.tblDefault .paddingLeft10 { padding-left: 10px; }
table.tblDefault .paddingLeft15 { padding-left: 15px; }
table.tblDefault .paddingLeft20 { padding-left: 20px; }
table.tblDefault .paddingLeft25 { padding-left: 25px; }
table.tblDefault .paddingLeft30 { padding-left: 30px; }
table.tblDefault .paddingLeft40 { padding-left: 40px; }
table.tblDefault .paddingLeft50 { padding-left: 50px; }

table.tblDefault .paddingTop10 { padding-top: 10px; }
table.tblDefault .paddingTop15 { padding-top: 15px; }
table.tblDefault .paddingTop20 { padding-top: 20px; }
table.tblDefault .paddingTop25 { padding-top: 25px; }
table.tblDefault .paddingTop30 { padding-top: 30px; }

table.tblDefault .paddingBottom10 { padding-bottom: 10px; }
table.tblDefault .paddingBottom15 { padding-bottom: 15px; }
table.tblDefault .paddingBottom20 { padding-bottom: 20px; }
table.tblDefault .paddingBottom25 { padding-bottom: 25px; }
table.tblDefault .paddingBottom30 { padding-bottom: 30px; }

.marginTop5 { margin-top: 5px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }

.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom20 { margin-bottom: 20px; }

.marginTopBottom5 {
	margin-top: 5px;
	margin-bottom: 5px;
	}
.marginTopBottom10 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
.marginTopBottom15 {
	margin-top: 15px;
	margin-bottom: 15px;
	}
.marginTopBottom20 {
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.paddingTopBottom5 {
	padding-top: 5px;
	padding-bottom: 5px;
	}
.paddingTopBottom10 {
	padding-top: 10px;
	padding-bottom: 10px;
	}
.paddingTopBottom15 {
	padding-top: 15px;
	padding-bottom: 15px;
	}
.paddingTopBottom20 {
	padding-top: 20px;
	padding-bottom: 20px;
	}

.height10 { height: 10px; }	
.height20 { height: 20px; }
.height30 { height: 30px; }

.width20 { width: 20px; }
.width25 { width: 25px; }
.width30 { width: 30px; }
.width35 { width: 35px; }
.width40 { width: 40px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width80 { width: 80px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width240 { width: 240px; }
.width380 { width: 380px; }
	
/* display */

.displayNone { display: none; }
.displayInline { display: inline; }

/* custom text */
.btntext {
  font-size: 15px; 
}

.italic {
  font-style: italic;
}

.bgActive {
  background-color: #00ABDB;
  cursor:hand;
  cursor:pointer;
  text-align:center;
}
.bgInactive {
  background-color: #0878A6;
  cursor:pointer;
  cursor:hand;
  text-align:center;
}

.lettertext {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000}
.lettertext_small { font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #000000 }

.tabHH      {
	background-color: #00ABDB;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF;
	width:150px;
}

.tabActive  {
	background-color: #0878A6;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF;
	width:150px;
}
.inputHHSurname {
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
	width:70px;
}

.inputHHRef {
	font-family: Arial, Helvetica, sans-serif; font-size: 7pt;
	width:70px;
}

.buttGO     {
	font-family: Arial, Helvetica, sans-serif; font-size: 7pt;
	width:27px; height:19px;
}

.buttDeselect
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7pt;
	width:55px; height:19px;
}
.dark
{
	background-color:#0878A6;
}

.breadCrumbs1 a.white {
	color:#FFFFFF;
}
.black { 
	color:#000000;
}

.topArea {
	width:770; 
	height:95; 
	background-color:#DFEBF3;
	
	
}
.topMenu {
	 position:relative; 
	 top:10px; 
	 left:120px;
}
.logoArea {
	background-image: url(../SSL/images/hertsmere_logo.gif); 
	width:120px; 
	background-repeat:no-repeat; position:absolute; 
	height:95px;
	cursor:hand;
	cursor:pointer;
}

.currentPage {
	font-size:250%;
	color:#003667;
	position:relative;
	top:40px;
	left:120px;
	
	
}
.breadCrumbs1 {
	width:770px;
	height:25px;
	background-color:#00ABDB;
	color:#FFFFFF;
	vertical-align:middle;
	
}
.centerArea {
	padding:10px;
	width:770px;
}
.footerArea {
	margin-top:20px;
	width:770px;
	height:85px;
	background-color:#ECF9FC;
}
.bottomLinks {
	padding-top:5px;
	padding-left:10px;
	width:180px;
	
}
.bottomLinks a.linkBullets {
	background-image:url(../SSL/images/link_bullet.gif);
 	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	color:#003667;
}
.copyright {
	margin-left:190px;
	margin-top:10px;
	margin-bottom:50px;
}
.copyright a.darkBlue {
	color:#003667;
}