html, body { text-align: center;
	font-family: arial, helvetica, sans-serif;
	margin-top: 0px;
	color: blue;
	}

#frame {text-align: left;
	background: #fff url(../gifs/vertical.gif) repeat-y 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 2px solid #d2d2d2;
	}

#header {	background: url(../gifs/horizontal.gif) repeat-x 50px;
	/* background: url(../gifs/banner.gif) no-repeat 0px 50px; */
	padding: 15px 0px 0px 130px;
	margin: 0px 0px 10px 0px;
	border-bottom: 2px dotted blue;
		}
/* hide from bots */
#Surname { visibility: hidden }

#bodyText {font: normal 11pt arial, helvetica, sans-serif;
	width: 70%;
	background-color: #;
		margin: 5px;
		padding: 4px;
		}

#contentLeft {font: normal 13px arial, helvetica;
	background-color: #;
	border: 1px dotted blue;
	width: 25%;
		margin: 5px;
		padding: 4px;
		}

#footer {	clear: both;
	margin-top: 5px;			
	background-color: #;
	border-top: 2px dotted blue;
	margin-bottom: 2px;
	padding: 10px;
	 /* clear: left; dictates location to bottom of body text */
	font: normal 10px arial, helvetica;
	}
@media only screen and (min-width: 480px) {
  #frame { width: 790px;
  }
    #bodyText,
    #contentLeft {
    float: left; }
}
/* for CSS2 compatible browsers only */
[class~="contentLeft"] { margin-left: 0mm;
}
[class~="contentRight"] { margin-right: 0mm;
}
	
/* table block formatting details */
td {font: normal arial, helvetica, sans-serif;}

hr	{ color: #a1a1a1;
	width: 100%;
	height: 2px;
}
h5, h6 { margin-top: 3px;
	margin-bottom: 5px;
	line-height: 14px;	}
h6  { font-size: 11px; }
	
img { border: 0px;
}

a:link {text-decoration: underline; color: blue;}
a:visited {text-decoration: underline; color: olive;}
a:active {text-decoration: underline; color: red;}
a:hover {text-decoration: underline; color: darkblue; font-style: italic; } 

/*  div#links {
	Z-INDEX: 100; LEFT: 0px; FONT: 12px arial, sans-serif; WIDTH: 100px;
}   */
div#links A {
 	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; FONT: bold 1em sans-serif; COLOR: blue; PADDING-TOP: 0px; TEXT-DECORATION: none
}
div#links A:hover {
	BACKGROUND: ; COLOR: darkblue; FONT: bold 15px Verdana, sans-serif;
}
div#links A SPAN {
	DISPLAY: none
}
div#links A:hover SPAN {
	padding: 15px; DISPLAY: block; Z-INDEX: 100; LEFT: 260px; MARGIN: 2px; FONT: normal 15px Verdana, sans-serif; WIDTH: 220px; COLOR: blue; TEXT-ALIGN: center; background: #bbccee; POSITION: absolute; TOP: 140px; border-top: 2px solid #ff00ff; border-left: 2px solid #ff00ff; border-right: 2px solid #ff00ff; border-bottom: 2px solid #ff00ff
}