/* Pseudo-class hover MUST COME AFTER pseudo classes link and visited to work */
/* changes here not seen in localhost - update localhost file also */
/* CSS for image enlargement at eof */

body {
	background-color: #EFEFEF; /* #FFEABF; /* light brown */
/*	font-size: 76%; */ /* to use with ems < 1 and IE but doesn't seem to do the trick */
	margin-top: 0px;
	margin-bottom: 5px; /* top of main table almost flush with top of browser */
/*	background-image: url('images/duck-quack.gif');
	background-repeat: no-repeat;
	z-index: 2; */
}

b, p, th, td, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

b, p {
	margin-left: 10px;
	margin-right: 10px;
	}
.newpage {
	page-break-before: always;
}
.navigationsection {
	border: 1px solid #9D9D9D; /* grey */
/*	background-color: #EFEFEF; */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: xx-small;
	}
th.navigationth { font-size: xx-small; text-align: right; vertical-align: top;}
td.navigationtd { font-size: xx-small; text-align: left; }
.footertext {
	font-size: xx-small;
}
hr {
	border: none 0; 
	border-top: 1px dashed #AAAAAA;
	width: 100%;
	height: 1px;
	margin: 5px auto 2px 0;
	text-align: left;
	}	

.nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
}
.smallmargin {
	margin-top: 10px;
	margin-bottom: 10px;
}
.pressrelease {
	border: 1px solid black;
	background-color: #F8F8F8;
	padding: 5;
	width: 75%;
}
.textblue {color: #003399}
.textgrey {color: #999999}
.textgreen {color: #009900}
.textmagenta {color: #AA005E}
.textpink {color: #FF55AA}
.textpurple {color: #550055}
.textorange {color: #EC7600}
.textred {color: #CC0000}
.textyellow {color: #A8AC0B}

.highlighttextyellow {
/*	border: 1px solid #714D00; */
	background-color: #FFF07F; /* naples yellower */
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
.outlinegrey {
	border: 1px solid #9D9D9D;
/*	background-color: #EFEFEF; */
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.highlightgrey {
	border: 1px solid #9D9D9D;
	background-color: #EFEFEF;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.highlightgrey2 {
	border: 1px solid #9D9D9D;
	background-color: #E9E9E9;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.highlightgrey3 {
	border: 1px solid #9D9D9D;
	background-color: #DEDEDE;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.highlightrera09q1 {
	border: 1px solid #9D9D9D;
	background-color: #E3FFC8;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.outlineyellow {
	border: 1px solid #B29D00; /* dark yellow */
	}
.highlightyellow {
	border: 1px solid #B29D00; /* dark yellow */
	background-color: #FFF07F; /* naples yellower */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightyellow2 {
	border: 1px solid #B29D00; /* dark yellow */
	background-color: #FFF5AF; /* naples lighter yellow */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightyellow3 {
	border: 1px solid #B29D00; /* dark yellow */
	background-color: #FFFBCF; /* naples lighter lighter yellow */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.outlineblue {
/*	background-color: #DFF1FF; /* lighter blue */	
	border: 1px solid #0094FF; /* blue blue */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightblue {
	background-color: #DFF1FF; /* lighter blue */	
	border: 1px solid #0094FF; /* blue blue */
/*	border: 1px solid #00A7B1; /* darkish blue */
/*	background-color: #E5FEFF; /* light blue */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightred {
/*	background-color: #FFF07F; /* naples yellower */
/*	border: 1px solid #B29D00; /* dark yellow */
	border: 1px solid #970000; /* red */
	background-color: #FFDDDD; /* light burgundy */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightgreen {
	border: 1px solid #4A9500; /* dark olive green */
	background-color: #E3FFC8; /* light green */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.highlightgreenlist {
	border: 1px solid #4A9500; /* dark olive green */
	background-color: #E3FFC8; /* light green */
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.box {
	background-color: #FFF7BF; /* naples lighter yellow */
	border-bottom: 1px solid #714D00;
	padding-top: 3px;
	padding-bottom: 5px;
	}
.detailsbox {
	border: 1px solid #0094FF; /* blue blue */
	}	
.date {
	vertical-align: baseline;
	text-align: center;
/*	border-bottom: 1px solid #714D00; /* thin brown border */
/*	background-color: #FFF4DF; /* */
	font-size: 70%;
	font-weight: bold; /* */
	}
h1 {
	font-size: large;
}

b, p, th, td {
	font-size: x-small;
}

@media projection, screen, tv {
.baabanner {
/*	background-image: url('images/banner-sunset-baa-jbh-panorama-112h-1456w.jpg');
	min-height: 112px;
	height: 112px; */
	background-color: #FFF7BF; /* naples lighter yellow */	
/*	background-color: #FFFFFF; */
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	font-size: large;
	font-weight: bold;
	}
}

.nodisplay {
	display: none;
	}

@media projection, screen, tv, handheld, tty {
.printonly {
	display: none;
	}
}

.googlebox {
/*	border: 1px solid #714D00; */
	background-color: #FFF07F; /* naples yellower */
	border-top: 1px solid #B29D00;
	border-bottom: 1px solid #B29D00;
/*	text-align: center; */
	padding-top: 5px;
	padding-bottom: 5px;
}

/* position logo at top right corner of every page */
.logo {
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 1;
}

h2, h3, h4 {
/*	border-bottom: 1px solid #00A7B1; /* darkish blue */
/*	background-color: #E5FEFF; /* light blue same */
	background-color: #E3F0FA; /* lighter blue was DFF1FF */	
	border-bottom: 1px solid #3593DB; /* blue blue was 0094FF */
	padding-left: 5px;
}
h5 {
/*	border-bottom: 1px solid #00A7B1; /* darkish blue */
/*	background-color: #E5FEFF; /* light blue same */
	background-color: #E3F0FA; /* lighter blue was DFF1FF */	
	border-bottom: 1px solid #3593DB; /* blue blue was 0094FF */
	padding-left: 5px;
/*	margin-top: 5px; */ /* output not quite as expected - inconsistent */
/*	margin-bottom: 5px; */
}
h6 {
	background-color: #DFF1FF; /* lighter blue */	
	border-bottom: 1px solid #0094FF; /* blue blue */
	font-size: xx-small;
	font-weight: normal;
	padding-left: 5px;
}
a:link {
	color: #0000FF; /* blue blue 0094FF */
	text-decoration: none;
}
.toplink:link {
	color: #0000FF; /* blue blue */
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 2px;
	padding-right: 2px;
}
a:visited {
	color: #875FBF; /* mauvish */
	text-decoration: none;
}
.toplink:visited {
	color: #875FBF; /* mauvish */
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 2px;
	padding-right: 2px;
}
a:hover {
	color: #000000;
/*	color: #0000FF; */
/*	background-color: #DFF1FF; /* lighter blue */
	background-color: #FFF07F; /* naples yellower */
	text-decoration: underline; /* */
}
.toplink:hover {
/*	border: 1px solid #544E1C; /* olive yellow */
	color: #000000;
/*	color: #0000FF; */
	background-color: #DFF1FF; /* lighter blue */
	text-decoration: underline; /* */
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
.external:hover {
	background-color: #FFFFFF; /* white */
	}

td.index {
	font-size: xx-small;
}
.small {
	font-size: xx-small;
}
th.index {
	font-size: xx-small;
}
ul {
	margin-right: 20px;
	}
ul.index {
	list-style-type: square;
	list-style-position: outside;
	margin-right: 0px;
	margin-left: 12px;
	font-size: xx-small;
}
table.main {
	border: 1px solid #9D9D9D; /* #714D00; /* main table brown thin border */
}

tr.shaded {
	background-color: #DFF1FF; /* light blueish */
}
table {
	border-collapse: collapse;
}
table.data {
	border-collapse: collapse;
/*	border-width: thin; */
/*	border-style: solid; */
}
.width90 {
  width: 90%;
}
.width80 {
  width: 80%;
}
.width75 {
  width: 75%;
}
.width60 {
  width: 60%;
}
.width50 {
  width: 50%;
}

#tablesmall td {
	font-size: xx-small;
}
#tablesmall th {
	font-size: xx-small;
}
#tablesmall h5 {
   margin-top: 1px;
   margin-bottom: 1px;
}
.strikethrough {
   text-decoration: line-through;
}
/* text advertisements */
.normal {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.linktitle {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.linktext {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.linktext a:link { color: #336699; text-decoration: none; }
.linktext a:visited { color: #336699; text-decoration: none; }
.linktext a:hover { color: #000000; text-decoration: underline; }
.adtable {
/*	border: 1px solid #919191; */
/*	border: 1px solid #B29D00; */ /* dark yellow */
/*	background-color: #FFF07F; */ /* yellow */
	border: 1px solid #4A9500; /* dark olive green */
	background-color: #E3FFC8; /* light green */
}
.linktitle a:link { color: #000000; text-decoration: underline; }
.linktitle a:visited { color: #000000; text-decoration: underline; }
.linktitle a:hover { text-decoration: none; }

/********************************************************************************************************************************************/
/* css for large image display on hover, added 19 June 2009, from http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ */
/********************************************************************************************************************************************/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF; /*lightyellow;*/
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 140px;
left: 0px; /*60px position where enlarged image should offset horizontally */
}
/*********************************************************end css enlarge image on hover ****************************************************/
/********************************************************************************************************************************************/