<!--

/* timeline stuff */

div#displaypage {float: left; width: 80%; background-color: #336633; border: solid #003366 3px; margin:15px 20px 30px 20px; padding:15px; }
div#dateline {float: left; clear:left;  font-size: 40px; font-weight: bold; color: #e8edf1;  margin: -20px 0px -20px 0px;  }
div#resultline { float:left; width: 100%;
	margin: 0 0 0 0; background-color: transparent;}

.whiteright { float: left;  font: bold 14px verdana, sans-serif;
	color : #ffffff; padding: 2px 5px 5px 2px;
	background-color:  transparent; width:25%; text-align: right; }

.resultlinetxt { float:left; font: 12px verdana, sans-serif;
	color : #000000; background-color: #e8edf1;
	text-align: left; width:65%; margin: 0 0 0 0;
	padding: 3px 5px 7px 5px; border-top: 1px solid #003366;
	border-left: 1px solid #003366; border-right: 1px solid #003366; }

.caption { font: 11px verdana, sans-serif; 	color : #000000;
	background-color: #ffffff; text-align: right;
	line-height: 1.2; margin: 0.2em 0 1em 1em; }


.blue { font: bold 14px verdana, sans-serif;
	color : #003366; border: 0px; margin: 0px; }

.resultstxt { font: 12px verdana, sans-serif; line-height: 1.90; 
	color : #000000; margin: 1em; }

.ahem {	display: none;	}

div#header1 {float: left; width:80%; background-color: #336633; border: solid 4px #336633; margin:15px 20px 30px 20px;}
div#header2 {float: left; width:80%;  margin:15px 20px 30px 20px;}
div#whitedisplay {margin: 20px;  width: 100%; background-color: #ffffff; ; }
div#buttonholder {margin: 2em; text-align: right;}

a:link  {color: #003366;}
a:visited  {color: #d87093; }
a:hover  {color: #ffffff; background-color: #990066;}

/* anniversaries  stuff */
div#anndisplaypage {float: left; width: 90%; background-color: #990066; border: solid #003366 3px; margin:15px 20px 30px 20px; padding:15px; }

/* start of footer style*/
#mainfooter { font: 90% verdana, arial, helvetic, sans-serif; line-height: 1.70; 
	text-align:center; margin-top: 30px; clear:left;}
#centertext {font: bold 140% verdana, arial, helvetica, sans-serif; color:#003366; text-align: center;}
/* end of footer style*/

/*Start of navigation style */

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem { font-family: verdana, Arial, sans-serif;  font-size:8pt;
  font-style: normal; font-weight: normal;   color: #000000; text-align: center;}

div.menuBar { background-color: #ffffff; padding: 1px 1px 1px 1px; text-align: center;}

/*button colours etc when static */
div.menuBar a.menuButton { background-color: #003366;   
			  color: #000000; cursor: default; left: 0px;   margin: 1px;
			  padding: 0px; text-decoration: none; top: 0px; bottom: 0px; z-index: 110;}
div.menuBar a.menuButton:hover { background-color: transparent; color: #000000;}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover { background-color: transparent; color: #ffffff;}

div.menu { background-color: #ffffff; border: 2px solid #336633; left: 0px; padding: 0px 0px 0px 0px;
	position: absolute; top: 0px; visibility: hidden; z-index: 111; }

div.menu a.menuItem {   color: #003366;   cursor: default; display: block;
	padding: 3px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #990066; color: #ffffff;}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em;}
div.menu div.menuItemSep { border: 1px inset #003366; margin: 4px 2px; }

/* end of navigation style*/
--!>