
.H1
  {
  color:black;
  font-size:20pt;
  font-family:TIMES;
  }

.H2
   {
   color:black;
   font-size:14pt;
  font-family:TIMES;
   }

Normal
{

   font-size:12pt;
  font-family:CAMBRIA;
}
Subcaption
{

   font-size:18pt;
  font-family:CAMBRIA;
}




.PageTitle
{

   font-size:18pt;
  font-family:CAMBRIA;
}
   ul {margin-left: 1.0; padding-left: 9.0;}


.tealtable, .tealtable TD, .tealtable TH
{
background-color:beige;
color:white;
}
/* example text -- the subtle blue that I use for most callouts*/

div.example
{
  float: center;
  background-color: 99CCFF;/*#FFFFCC;*/
  COLOR: Black;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none; /* lowercase, capitalize, none, uppercase*/
  BORDER-LEFT: #87ceeb 1px solid;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px ;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none

 
}


span.bigbullet
{
 font-size:12pt;
 font-family:wingdings;

}
span.bigbullettext
{
font-family:Georgia;
font-size:12pt;
}

/* ORANGE TABLE FOR HOW I WROTE THIS STORY BLURB */
.exampletable, .exampletable TD, .exampletable TH
{
background-color:#FF9900;
color:black;
}


.tableheader, .tableheader TD, .tableheader TH
{
background-color:beige;font-size:14px; text-transform: uppercase;
}
.evenrow, .evenrow TD, .evenrow TH
{
background-color:#eee;
}
.oddrow, .oddrow TD, .oddrow TH
{
background-color:#fff;
}

.brightrow, .brightrowTD, .brightrowTH
{
background-color:#FFCCFF
}

.specialheadingtablecell, .specialheadingtablecell TD, .specialheadingtablecell TH
{
bgcolor:#eee;
}

.r0, .r0 TD, .r0 TH
{
background-color:#eee;
}
.r1, .r1 TD, .r1 TH
{
background-color:#fff;
}

/*new stylesheet for web3.0*/


/* MAIN BACKGROUND TABLE, ALL TEXT IN HERE*/
.pagetable, .pagetable TD, .pagetable TH
{

background-image:url("bluewater2.jpg");
border-collapse: collapse;
width: 590px;

border:none; /*thin dotted;*/
valign: top;
}

/*For simpler tables where I need to show colored rows */
.pagetable2, .pagetable2 TD, .pagetable2 TH{

/*background-image:url("bluewater2.jpg");*/
width: 590px;

valign: top;
}
/* the blue title at each top of page*/
.tablewebheading
{
   color:black;
   text-align:center;
   
   
   margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:1;
	background:#99CCFF;
	border:thin solid;
	mso-border-alt:solid black 1.0pt;
	padding:0in;
	mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt;
	font-size:16.0pt;
	font-family:Arial;
	mso-fareast-font-family:"Times New Roman";
	text-transform:uppercase;
	mso-font-kerning:16.0pt;
	font-weight:bold;
}


/* 

TABLEWEBHEADING2

the secondary, black header */
.tablewebheading2
{
margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	mso-outline-level:2;
	background:#0C0C0C;
	border:none;
	mso-border-alt:solid black 1.0pt;
	padding:6px;
	
	font-size:10.0pt;
	mso-bidi-font-size:16.0pt;
	font-family:Arial;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:"Times New Roman";
	color:white;
	text-transform:uppercase;
	font-weight:bold;
}


/* third headings, gold */
.tablewebheading3
{
 font-size:14px; font-weight:bold; color:white; text-decoration:underline; text-align:center;text-transform: uppercase;

}


/* for use when having special titles like on the Keeper pages */
.tablespecialheading
{
   color:white;
	background:black;
      text-align:center;

   
   margin:0in;
	margin-bottom:.0001pt;
margin-left:45pt;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	border:none;
	mso-border-alt:solid black 1.0pt;
	padding:0in;
	mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt;
	font-size:18.0pt;
	font-family:Georgia;
	mso-fareast-font-family:"Times New Roman";
	text-transform:lowercase;
	font-weight:bold;
}
div.tablespecialheading2
{
  float: center;
  background-color: 99CCFF;/*#FFFFCC;*/
  COLOR: Black;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none; /* lowercase, capitalize, none, uppercase*/
  BORDER-LEFT: #87ceeb 1px solid;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px ;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none

 
}
div.tablespecialheadingdidyouknow
{
  float: center;
/*  background-color: #FFFF99;/*#FFFFCC;*/*/
  COLOR: Black;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none; /* lowercase, capitalize, none, uppercase*/
  BORDER-LEFT: #87ceeb 1px solid;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px ;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none

 
}
/* the main body of text*/

div.tablediv
{
  float: center;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none; /* lowercase, capitalize, none, uppercase*/
  BORDER-LEFT: #87ceeb 1px ;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px ;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none

 
}



/*
 keep in mind that the cyan itself comes from the image sidesblack.gif 
*/






/* the main body of text*/

div.tablediv
{
  float: center;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none; /* lowercase, capitalize, none, uppercase*/
  BORDER-LEFT: #87ceeb 1px ;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px ;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none

 
}

span.PunchOut
	{mso-style-name:"Punch Out";
	mso-ansi-font-size:12.0pt;
	mso-bidi-font-size:12.0pt;
	font-family:"Times New Roman";
	mso-ascii-font-family:"Times New Roman";
	mso-hansi-font-family:"Times New Roman";
	mso-bidi-font-family:"Times New Roman";
	font-variant:small-caps;
	color:white;
	border:solid #FFFF99 1.5pt;
	padding:0in;
	mso-border-shadow:yes;
	background:blue;
	vertical-align:baseline; TEXT-TRANSFORM: uppercase;}


/*
 keep in mind that the cyan itself comes from the image sidesblack.gif 
*/

body 
{ 
	background: black url("sidesblack2.gif");
        background-repeat: repeat-y;
        background-position: center ;
}







