html, body { background: #000000; margin: 0px; padding: 0px; border: 0px; }
.bodywht {background-color: white}


p, .content { background: #ffffff; color: #70101B; font: 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.content2 { background: #ffffff; color: #800000; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.content3 { background: #800000; color: #ffffff; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.contentbrown { background: transparent; color: #804000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.H10contentbrown { background: transparent; color: #800000; font: bold 10pt Arial, Helvetica; text-decoration: underline  }
.H11contentbrown { background: transparent; color: #800000; font: bold 11pt Arial, Helvetica; text-decoration: underline  }
.H12contentbrown { background: transparent; color: #800000; font: bold 12pt Arial, Helvetica; text-decoration: underline  }
.contentsmall { background: transparent; color: #800000; font: 8pt Verdana, Arial, Helvetica; text-decoration: none  }
.contentsmall2 {background: transparent; color: #800000; line-height: 120%; font: 8pt Verdana, Arial, Helvetica; text-decoration: none }

.slogan { background: #000000; color: #ffffff; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.greybackground {background: #cccccc; border : none; color: #800000; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none }
.beigebackground {background: #F5F5DC; padding-left: 20px; padding-right: 20px; border : none; color: #800000;  }

/* original for reference:
.content     { background-color: #ffffff; background-repeat: repeat; background-attachment: 
               scroll; color: #800000; font-style: normal; font-variant: 
               normal; font-weight: normal; font-size: 90%; font-family: 
               Verdana, Arial, Helvetica; background-position: 0% }
*/

/*
Red	#FF0000	
Turquoise	#00FFFF	
Light Blue	#0000FF	
Dark Blue	#0000A0	
Light Purple	#FF0080	
Dark Purple	#800080	
Yellow	#FFFF00	
Pastel Green	#00FF00	
Pink	#FF00FF	

White	#FFFFFF
Light Grey	#C0C0C0
Dark Grey	#808080
Black	#000000
Orange	#FF8040
Brown	#804000
Burgundy	#800000
Forest Green	#808000
Grass Green	#408080
*/

/* <span class="boxed"> */
.boxed { padding-left: 3px; padding-right: 3px; border: 1px solid rgb(250,0,255)}
.hint { background-color: #ffffef; background-repeat: repeat; background-attachment: 
               scroll; color: #886666; font-style: normal; font-variant: 
               normal; font-weight: normal; font-size: 68%; font-family: 
               Verdana, Arial, Helvetica; background-position: 0% }

/* <br><span class="faint">click for larger image</span> */
.faint { background-color: #ffffff; background-repeat: repeat; background-attachment: 
               scroll; color: #F08080; font-style: normal; font-variant: 
               normal; font-weight: normal; font-size: 8pt; font-family: 
               Verdana, Arial, Helvetica; background-position: 0% }


p {line-height: 120% }

/* .topleft { background: #004848 }  */
.topleft { background: #0e1718 } 
.topleftblk { background: #000000 }
.topleftwht { background: #ffffff }
.topbg { background: #000000 }
.topbgwht { background: #ffffff }
.topcontent { color: #777777; font: 8pt Verdana, Arial, Helvetica; text-decoration: none  }

.leftcolorig { background: #4C9494 }
.leftcol { background: #000000 }


/* first color is menu color when page is current */
.menu { background-color: #000000; color: #ffff00; font: bold 70% Verdana, Arial, Helvetica } 
     /* color before ever visited; make same color as visited for left hand menus: */
     /* color of all unselected items: */
	.menu a:link, .menu a:visited { color: #F0F0D0; text-decoration: none }  
	.menu a:hover { color: #8080ff; text-decoration: none }
	.menu a:active { color: #ffffff; text-decoration: none }  /* seems to do nothing */


.bottom { background: #000000 }
.copyright { color: #cccccc; font: 68% Verdana, Arial, Helvetica }
	.copyright A:link, .copyright A:visited { color: #e0e0e0; text-decoration: none }
	.copyright A:active, .copyright A:hover { color: #4C9494; text-decoration: none }

	.content a:link { color: #237D7C ; text-decoration: none }
	.content a:visited { color: #237D7C ; text-decoration: none }
	/* .content a:hover { color: #83C7FF ; text-decoration: underline } */
	.content a:hover { color: #0000FF ; text-decoration: underline }
	.content a:active { color: #83C7C6 ; text-decoration: none }
.rightcol { background: #ffffff; border-left: solid 1px #4C9494; color: #777777; font: 68% Verdana, Arial, Helvetica }

/* for logo links: image will have a border and will float at the right of the page with text to the left. 
useage: class="float_left_m_thinborder"  */
img.inset {float:right; border-style: inset}
img.float_right_y_thinborder {float:right; border-width: thin; border-style: solid; border-color:#ffff55; padding-right: 15px}
img.float_left_y_thinborder {float:left; border-width: thin; border-style: solid; border-color:#ffff55}
img.float_right_m_thinborder {float:right; border-width: thin; border-style: solid; border-color:#f08080; padding: 5px}
img.float_left_m_thinborder {float:left; border-width: thin; border-style: solid; border-color:#f08080; padding: 5px}
img.right5 {position:absolute; right:5px; border-style: inset}

img.float_right {float: right; border-style: none; padding: 25px }
img.float_left  {float: left;  border-style: none; padding: 25px }
img.float_right_nopad {float: right; border-style: none; padding: 0px }


h1 { border-bottom: solid 1px #4C9494; color: #000000; font: bold 150% Verdana, Arial, Helvetica }
h2 { color: #000000; font: bold 140% Verdana, Arial, Helvetica }
h3 { color: #000000; font: bold 130% Verdana, Arial, Helvetica }
h4 { border-bottom: solid 1px #4C9494; color: #000000; font: bold 120% Verdana, Arial, Helvetica }
h5 { color: #000000; font: bold 110% Verdana, Arial, Helvetica }
h6           { color: #000080; font-style: normal; font-variant: normal; font-weight: bold; 
               font-size: 100%; font-family: Verdana, Arial, Helvetica }
a:link { color: #237D7C }
a:visited { color: #237D7C }
a:hover { color: #0000FF; text-decoration: underline } 
a:active { color: #83C7C6 } 



/* for individual buttons in the left teal column for such things as "Home" without navigation object */
button.leftbutton { type: button}
button.leftbutton a:link, .leftbutton a:visited { color: #000000; text-decoration: none }
button.leftbutton a:active, .leftbutton a:hover { color: #0D695F; text-decoration: none }


/*  does not work well...
.dropcap     { float: left; width: 0.7em; font-size: 300%; text-decoration: bold; 
               line-height: 100%; font-family: algerian, verdana, courier ; 
               font-weight: bold }
*/

.largecap     { line-height: 120%; font-size: 180%; text-decoration: none; font-family: Verdana, Arial, Helvetica;  font-weight: bold }

/* for today's thought.  Each website must add these lines to its .css file so it can be changed to suit the site's colours */
.thought { background: #ffffff; color: #800000; font: 8pt Verdana, Arial, Helvetica  }
.thoughtby { background: #ffffff; color: #777777; text-align:right; font: 8pt italic Verdana, Arial, Helvetica }


/* --------------------------- */
.referral_menu { background-color: transparent; color: #ffffff; font: bold 10px Verdana, Arial, Helvetica}
	.referral_menu a:link { color: #FFFFFF; text-decoration: none }  
	.referral_menu a:visited { color: #FFFFFF; text-decoration: none }  
	.referral_menu a:hover { color: #90Af00; text-decoration: underline } 
	.referral_menu a:active { color: #ffffff; text-decoration: none }  /* seems to do nothing */

.referral_blacktext {color: #000; font: 11px Verdana, Arial, Helvetica}
#referral_blacktext {color: #000; font: 11px Verdana, Arial, Helvetica}

.referral_backlink {color: #FFFFFF; font: 10px Verdana, Arial, Helvetica} /* 9B8F67 */
#referral_backlink {color: #FFFFFF; font: 10px Verdana, Arial, Helvetica}
#referral_greenlink {color: #9B8F67; font-style: italic; font: 70% Verdana, Arial, Helvetica}

.referral_textcontentjustify1 
{	font-size: 10px;
	/* was color: #9B8F67; */
	color: #BBAFA7;
	text-align: justify;
	font-style: normal;}
	.referral_textcontentjustify1 a:link { color: #FFFFFF; text-decoration: none }  
	.referral_textcontentjustify1 a:visited { color: #FFFFFF; text-decoration: none }  
	.referral_textcontentjustify1 a:hover { color: #AAAAFF; text-decoration: underline } 
	.referral_textcontentjustify1 a:active { color: #ffffff; text-decoration: none }  /* seems to do nothing */
}

.referral_textcontenttitle1 
{	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.referral_tableblk 
{background-color:#000000;}
}


/* --------------------------- */