BODY {color: lightCyan; background: #065a98}
BODY {margin: 3px;}
BODY, A, TD, TH, P, LI {font-size: small; font: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif}
H1 {font-size: large}
UL {margin: .2em 0% .2em 2%}
UL, LI, TD, P, A {line-height: 1.4em}
P {margin: .6em}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=Banner */

.Banner {float: Left}

/* Links in Banner */

.Banner A {margin: 0 0 0 0; border: 2px ridge; padding: 2px;}
.Banner A:hover {text-decoration: none}
.Banner A.selected {font-style: bold}

	/* Display attributes */

.Banner A:link {color: white}
.Banner A:visited {color: pink}
.Banner A:active {color: yellow}
.Banner A:hover {color: black; background: Cornflowerblue}

.Banner A.shout {font: bold}
.Banner A.shout:link {color: red; background: white}
.Banner A.shout:visited {color: red; background: white}
.Banner A.shout:active {color: red; background: white}
.Banner A.shout:hover {color: black; background: Cornflowerblue}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=Content  */

.Content FORM {border:1px solid; padding:5px;}

.Content {margin: 5px 0px 10px 0px; border: 0px solid black; padding: 5px 5px 5px 10px;}

.Content TABLE, .Content TD {padding: 3px; border: 1px solid gray; border-collapse: collapse; line-height: 1em;}
.Content TABLE {border: 0px;}
.Content TABLE.NoBorder TD {padding: 3px; border: 0px;}

.Content .NumberTable TD {text-align: right; padding: 4px;}

	/* Display attributes */

#Content {color: #065a98; background: url(../images/worms4.jpg) white}

/* #Content, .Content {color: #065a98; background: url(../images/worms4.jpg) white} */
/* #Content, .Content {color: #065a98; background: teal} */
.Content TABLE TH, TR TD {color: #065a98}

.Content A:link {color: red}
.Content A:visited {color: black}
.Content A:active {color: green}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=Navigate */
	/* this is the menu */
		/* it uses div classes MenuOn and MenuOff to for SubMenus */
		/* it uses A classes MenuSelect and MenuDeselect for 'Selected menu items' */
	
.Navigate {float:left; border: 0; padding: 0 0 2px 0;}

.Navigate DIV.MenuOff {display:none ; position:relative; padding: 1px;}
.Navigate DIV.MenuOn {display:  ; position:relative; padding: 0px; margin: 1px;}

.Navigate A {float:left; margin: 2px; border: 2px inset; padding: 1px; margin: 1px;}
.Navigate A:hover {border: 2px outset; text-decoration: none;}
.Navigate A.MenuSelect  {font: bold;}

/* put a div with class="NavigateVertical" inside a div of class="Navigate" for a vertical menu */

.NavigateVertical, .NavigateVertical A {clear:left; width: 100%;}

	/* Display attributes */

.Navigate {background: url(../images/grad1.jpg);}

.Navigate A, .Navigate A:link, .Navigate  A:visited, .Navigate  A:active, .Navigate  A:hover {color:white; background: url(../images/grad1.jpg);}
.Navigate A.MenuDeselect, .Navigate A.MenuDeselect:link, .Navigate  A.MenuDeselect:visited, .Navigate  A.MenuDeselect:active, .Navigate  A.MenuDeselect:hover {color:white; background: url(../images/grad1.jpg);}
.Navigate A.MenuSelect, .Navigate A.MenuSelect:link, .Navigate  A.MenuSelect:visited, .Navigate  A.MenuSelect:active, .Navigate  A.MenuSelect:hover {color:black; background: url(../images/grad1.jpg);}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=Footer */

.Footer {float:left; width: 100%; font-size:x-small; background: url(../images/grad1.jpg);}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=button */

.button {margin: 2px 0px 2px 0px; border: 3px ridge; padding: 2px 0px 2px 0px;}

	/* Display attributes */

.button, .button:link, .button:visited, .button:active {color:white; background: url(../images/grad1.jpg);}

.button:hover {background: Cornflowerblue}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=rollin rollout */

SPAN.rollin, DIV.rollin {visibility:visible;display:'';float:right;position:absolute;padding:15px;z-index:1}
SPAN.rollout, DIV.rollout {visibility:hidden;display=none;float:right;position:absolute}

	/* Display attributes */

/* SPAN.rollin, DIV.rollin {color:white;background: Cornflowerblue;border:1px solid black;} */

/* ---------------------------------------------------------------------------------------------------------- */
/* class=slider */

.slider {visibility:hidden; position:absolute; padding:0; filter:revealTrans(duration=0.5, transition=8)}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=ImLab */

.ImLab {float:right; position:relative; top:6; left:-6; border: 2px solid black; background:white; color:black; text-align:center; font-size:x-small;margin: .2em; padding: 4px}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=quote */

.quote {margin:10px; padding:7px; border: 2px solid black; background:white; color:black; text-align:center;}

/* ---------------------------------------------------------------------------------------------------------- */
/* class=box  sidebox boxhead boxbody */

.sidebox {margin: 0 auto; background: url(../images/x-br.gif) no-repeat bottom right; font-size: 100%; background-color:transparent;}
.boxhead {background: url(../images/x-hr.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; background-color:transparent;}
.boxhead h1 {background: url(../images/x-hl.gif) no-repeat top left; margin: 0; padding: 44px 60px 10px; color: white; background-color:transparent;}
.boxbody {background: url(../images/x-bl.gif) no-repeat bottom left; margin: 0; color:black; padding: 10px 60px 62px; background-color:transparent;}