body
{
    //font-family: 'Open Sans','Century Gothic',Verdana,helvetica,arial,sans-serif;
    font-family: 'Century Gothic','Open Sans',Verdana,helvetica,arial,sans-serif;
    font-size: 14px;
	/* Color the background black to create a border around the entire document */
	background-color: Black;
	/* This is the margin around the inner document.  The whole document. */
	/* It looks like Chrome has a default value of 10.  This should override Chrome's default. */
	margin:2px;
	/* The end result is that we should now have a 2px black board around the entire document. */
}

.s_myFooter {display: flex;justify-content: space-between;font-family: Arial;	font-size:10px;}
.s_myFooterPlus {font-family: 'Kaushan Script', 'Ewert', 'Chewy', 'Dancing Script', 'Caveat Brush', cursive;font-size:20px;}
.s_myFooterRight {text-align: right;}
div#foot1   {order: 1;}
div#foot2   {order: 2;font-family: }
div#foot3   {order: 3;font-family: 'Century Gothic';}
div#foot4   {order: 4;font-family: 'Century Gothic';}

#s_page
{ 
	/* The margins inside the body. */
	padding: 15px 20px;
	
	text-align:left; /* The alignment of the objects on the sheet. */
	background-color:white; /* The color of the sheet. */
 }
	
@media (max-width: 600px) {
	/* When the screen width falls below 600px like in portrait mode on the Samsung S7 */
	.s_myFooter {
		display: flex;
		flex-direction: column;
	}
	.s_myFooterRight {text-align: left;}
	div#foot1   {order: 1;}
	div#foot2   {order: 2; 'Century Gothic';font-size:12px; display: none;}
	div#foot3   {order: 4; display: none;}
	div#foot4   {order: 3; display: none;}

	#s_page
	{ 
		padding: 15px 10px;     /* The margins inside the body. */
		text-align:left;        /* The alignment of the objects on the sheet. */
		background-color:white; /* The color of the sheet. */
	 }
}

h2 {
    font-family: 'Open Sans','Century Gothic',Verdana,helvetica,arial,sans-serif;
}

div h2 {
    margin-bottom:2px;
}

/* Header Styles */
	
.s_headerLarge {
    width:100%;
    height:90px;
    background: #800000; /* Maroon */
    background: #26b; /* Blue */
    color: #fff;
    top:0;
    left:0;
    transition: height 300ms, background 300ms;
    cursor: pointer;
    
/*
    background: linear-gradient(orange 50%, rgba(255,255,255,0) 0) 0 0,
    radial-gradient(circle closest-side, orange 100%, rgba(255,255,255,0) 0) 0 0,
    radial-gradient(circle closest-side, orange 80%, rgba(255,255,255,0) 0) 55px 0 #48B;
    background-size: 30px 80px;
    background-repeat: repeat-x;    
    */
}
.s_headerSmall {
    position:fixed;
    height:30px;
    background: #800000; /* Maroon */
    background: #26b; /* Blue */
    color: #fff;
    top:0px;
    width:100%;
    opacity:0;
    cursor: pointer;
}
.s_headTitle
{
    font-family: 'Century Gothic',"Myriad Roman", Sans-Serif;
    margin-top: 4px;
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 0px;
    color: White;
	margin-left:6px;
}
.s_headTitleSmall {
    xxxmargin-top: 2px;
    color: yellow;
}



#page
{ 
    /*font-size: 16px;*/
	/* The margins inside the body. */
	padding: 15px 20px;
	
	text-align:left; /* The alignment of the objects on the sheet. */
	background-color:white; /* The color of the sheet. */
 }


 .pageTitle
{
    font-family: "Myriad Roman", Sans-Serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 14pt;
    color: #464646;
}

.headTitle
{
    font-family: 'Century Gothic',"Myriad Roman", Sans-Serif;
    margin-top: 4px;
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 0px;
    color: White;
	margin-left:6px;
}


.s_pageOpeningC
{
	/* This is the Inverted Character of the page's lead off sentence. */
	display:inline-block;
    font-family: "Trebuchet MS";
	font-size:26.0pt;
	color:White;
	background-color:Black;
	margin-bottom:2px;
}
.s_pageOpeningS
{
	/* This is the page's lead off sentence following the Inverted character. */
	display:inline-block;
	font-family: 'Century Gothic',verdana,helvetica,arial,sans-serif;
	padding-top:0px;
	font-size:16px;
	font-weight:bold;
	padding-left:3px;
}


.bookOpening
{
    font-family: "Trebuchet MS";
	font-size:26.0pt;
	color:White;
	background-color:Black;
}

.pageOpening2
{
	font-family: verdana,helvetica,arial,sans-serif;
	padding-top:0px;
}

.s_pageOpening2
{
	font-family: verdana,helvetica,arial,sans-serif;
	padding-top:0px;
}


hr.s_line1
{
	color: #464646;
	background-color: #464646;
	width: 100%;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

hr.s_line2
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 2px;
    border-style: inset;
    border-width: 1px;
}

div.title
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


span.slant
{
	margin-left: 2%;
	font-style:italic;
}

div.box_margin
{
    font-family: Courier New;
    font-size: 14px;
	margin-left: 0%;
	margin-right: 0%;
	border-style: double;
	border-style: ridge;
	display: block;
	padding-left:5px;
}

div pre {
    margin: 0px;
}

div.box_pretty
{
	border-style: ridge;
	background-image: url(images/dialogTemplate.bmp);
	background-repeat: repeat;
    
/*
    background-color: #fff;
background-image:
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em;  

background-color:#269;
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;

background-color: gray;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px 50px;  
*/
}



pre.box_text
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 2%;
	margin-left: 4px;
    font-size: 14px;
	white-space: pre-wrap;	/* Cause text to wrap */
}


.paragraph {
    font-size: 14px;
}



#divPW {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #666666;
    padding: 5px 5px 5px 5px;
    min-height: 20px;
    height: auto; /* Waves http://lea.verou.me/css3patterns/# */
    background: radial-gradient(circle at 100% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent), radial-gradient(circle at 0% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent) 0 -50px;
    background-color: #DBDBDB;
    background-color: #e8e358;
    background-size: 75px 100px;
}

@media (max-width: 600px) {
	/* When the screen width falls below 600px like in portrait mode on the Samsung S7 */
    #statusBar {
        display:none;
        border:solid 1px silver;
        padding-left:2px;
    }
}


.headerLarge {
    /* erase */
    width:100%;
    height:90px;
    background: #800000; /* Maroon */
    background: #26b; /* Blue */
    color: #fff;
    top:0;
    left:0;
    transition: height 300ms, background 300ms;
}

.headerSmall {
    /* erase */
    position:fixed;
    height:30px;
    background: #800000; /* Maroon */
    background: #26b; /* Blue */
    color: #fff;
    top:0px;
    width:100%;
    opacity:0;
}





H1.myH1 {
    /* erase */
	margin-top:.2in;
	margin-right:0in;
	margin-bottom:6.0pt;
	margin-left:0in;
	font-size:14.0pt;
	font-family:Verdana;
	font-weight:Bold;
}

div.box_marginless
{
    /* erase */
	border-style: ridge;
	padding-left:5px;
}

div.box_image
{
    /* erase */
	background-image: url(images/dialogTemplate.bmp);
	background-repeat: repeat;
}

button.example {
    /* erase */
	margin-left: 1px;
	margin-top: 2px;
}

p.boxTitle2 {
    /* erase */
	margin-bottom: 0px;
	margin-left: 2%;
}

#statusBar {
    /* erase - investigate */
	display:block;
	border:solid 1px silver;
	padding-left:2px;
}

a.noDecorate {
    /* erase */
	text-decoration:none;
}

.para1 {
    /* erase */
    font-family: 'Open Sans','Century Gothic',Verdana,helvetica,arial,sans-serif;
    font-size: 16px;
}
span.para1
{
    /* erase */
    font-family: 'Open Sans';
    font-size: 14px;
}