html, body { 
margin: 0; 
padding: 0; 
height: 100%
} 

body { background: #C7D9E7 url(../images/pgbg.gif) repeat scroll top right; }
body, td, div, p, a, li, ul, ol { font: normal 100% Arial, Verdana, Helvetica, Lucida, sans-serif; color: #2b2015; }

/* Used to place page in middle of user's browser */
#centerme { height: 100%; margin-left: auto; margin-right: auto; }
	
/* Main Page Layout section */
#outborder {
	width: 759px; 
	height: 528px; 
	background-color:#FFFFFF; 
	padding: 8px 0px 10px 10px; 
}
#content {
	position: relative;
	width: 749px;
	margin-top: 6px;
}

#sitehead {
	background: url(../images/hdrbg.jpg) top left no-repeat;
	height: 165px; width: 748px; border-bottom: 3px solid #BBDC5B;
}
#navbar {
	position: absolute; left: 0;
	width: 128px; height: 355px; 
	background: #EFEDE1 url(../images/navcolbg.gif) repeat-y;
	padding: 0; margin: 0;
	margin-right: 10px;
	letter-spacing: 1px;
}
html>#navbar {
     width: 128px; /* Be nice to Opera */
}
#maincontent {
	position: absolute; left: 136px;
	width: 610px; height: 355px;
	background: #fff url(../images/txtareabg.gif) repeat;
	padding: 0; margin: 0;
	z-index: 1;
}

div.subnavcnt { height: 20px; line-height: 20px; padding-top: 12px; }

#currentloc { 
	background: #fff url(../images/sectnavbg.gif) repeat;
	width: 100%; height: 36px;
}
#textarea {
	padding: 0; margin: 0; padding-top: 5px;
	font-family: Arial, Verdana, Helvetica, "Lucida Sans Unicode", sans-serif;
	font-size: 1em;
	letter-spacing: 0.1em;
	width: 100%;
}
html>body #textarea { width: auto; }

#footer {
	font-size: 0.7em;
	font-family: Arial, Verdana, Helvetica, "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	width: 100%;
	padding-top: 5px; padding-left: 3px; padding-right: 3px;
}

/* (side) navbar markup */
ul { padding: 0; margin: 0; list-style: none; border: none; }
#navbar li { border-bottom: 2px solid #fff; }
#navbar li a { display: block; padding: 5px 0 5px 5px; text-decoration: none; border-left: 6px solid #185A97; }
html>body #navbar li a { width: auto; }
#navbar li a:hover { border-left: 6px solid #81D800; background-color: #013C78; } /* 81D800 *//* 381617 2586D7*/

#navbar li.main a { font-size: 0.8em; color: #002B56; letter-spacing: 0; }
#navbar li.sub a { font-size: 0.7em;  color: #644e35; padding: 3px 3px 3px 5px; letter-spacing: 0; }
#navbar li.main a:hover, #navbar li.sub a:hover { color: #fff; }

/* current section navigation markup */
#currentloc img { float: left; margin-right: 10px; }
#currentloc ul { padding-left: 195px; padding-top: 16px; }
#currentloc li { display: inline; }
#currentloc li a { padding: 0; padding-right: 13px; text-decoration: none; font-size: 0.75em; }
#currentloc li a:hover { color: #4ec100; }

#currentloc a { font-family: Verdana, Arial, Helvetica, "Lucida Sans Unicode", sans-serif; font-size: 9pt; font-weight: normal; padding: 0; padding-right: 13px; text-decoration: none; color: #000033; }
#currentloc a:hover { color: #0361ac; }

#textarea ul.bullet { padding-left: 15px; margin-left: 15px; list-style: disc; font-size: 0.8em; letter-spacing: 0.1em; padding-bottom: 0; margin-bottom: 0;}
#names ul { padding: 0; margin: 0; list-style: none; border: none; color: #000; letter-spacing: 0.1em; }
#names li { padding-bottom: 0; font-size: 0.7em; }
#names li.padd { padding-bottom: 10px; }
#names li a { display: block; padding-bottom: 0; font-size: 1.1em; font-weight: bold; color: #000; }
#names li a:hover { color: #0361ac;}

#persdetails {
	position: relative;
	top: 0;
	padding: 5px;
	font-size: 0.8em;
	color: #000;
	z-index: 100;
	background: none;
	height: 250px;
	background: #F9FAF5;
}

div.overflow { overflow: auto; height: 250px; width: 390px; }

#persdetails div { width: 390px; height: 250px; }

#persdetails p.title {
	font-weight: bold;
	letter-spacing: 1px;
}

#persdetails p.normal {
	font-weight: normal;
	letter-spacing: 1px;
}

/* Alex */
#pers1 { position: absolute; left: 0; top: 0; z-index:200; visibility: visible; overflow: hidden; }
/* chirs bezzina */
#pers2 { position: absolute; left: 0; top: 0; z-index:200; visibility: hidden; overflow: hidden;  }
/* chris farrugia */
#pers3 { position: absolute; left: 0; top: 0; z-index:200; visibility: hidden; overflow: hidden;  }
/* Nicolette Bezzina */
#pers4 { position: absolute; left: 0; top: 0; z-index:200; visibility: hidden; overflow: hidden;  }
/* Debbie Grech */
#pers5 { position: absolute; left: 0; top: 0; z-index:200; visibility: hidden; overflow: hidden;  }

/* copyright/ history pages */
#cc1 { position: absolute; left: 0; top: 75px; z-index:200; visibility: visible; overflow: hidden; }
#cc2 { position: absolute; left: 0; top: 75px; z-index:200; visibility: hidden; overflow: hidden; }
#cc3 { position: absolute; left: 0; top: 75px; z-index:200; visibility: hidden; overflow: hidden; }
#cc4 { position: absolute; left: 0; top: 75px; z-index:200; visibility: hidden; overflow: hidden; }
#cc5 { position: absolute; left: 0; top: 75px; z-index:200; visibility: hidden; overflow: hidden; }

/* formatting of alpahbet */
#letters {
	float: left; padding-top: 7px; padding-left: 7px; padding-bottom: 1px;
}
#letters td { font-weight: bold; font-size: 0.9em; width: 80px; padding-bottom: 2px;}

/* text area markup */
#textarea p {
	padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
	margin: 0;
	letter-spacing: 0; line-height: 1.1em;
	color: #111; /*2b2015*/
	font-size: 0.9em;
}
#textarea a { color: #013C78; text-decoration: none; }
#textarea a:hover { color: #0361ac; text-decoration: none; }

label { color: #2b2015; letter-spacing: 0.05em; font-size: 0.9em; font-weight: bold; line-height: 25px; padding: 0; margin: 0; }
input, textarea, select { border: 1px solid #2b2015; color: #333; letter-spacing: 0.1em; font-size: 0.9em;}
.s_reset { width: 53px; margin-right: 7px; height: 20px; background-color: #f1f1f1; color: #2b2015; cursor: hand; }
.s_send { width: 53px; background-color: #f1f1f1; color: #2b2015; height: 20px; cursor: hand; }

td.contctinfo { font-size: 0.8em; padding-top: 7px; letter-spacing: 1px; line-height: 1.1em; }

/* footer (site design) sectoin markup */
#footer { color: #5080aa; width: 100%; }
#footer td { color: #5080aa; padding-bottom: 3px; }
#footer a { color: #5080aa; text-decoration: none; font-weight: bold; }
#footer a:link { color: #5080aa; text-decoration: none; font-weight: bold; }
#footer a:visited { color: #5080aa; text-decoration: none; font-weight: bold; }
#footer a:hover { color: #014C90; text-decoration: none; font-weight: bold; }

table.linkstbl td { font-size: 0.8em; height: 20px; margin: 0; padding: 0; line-height: 20px; }

img.tmimg { float: left; margin: 7px 10px 0 5px; border: 1px solid #efefef; }

.hm { color: #f9faf5; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }