body 
{ 
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 1em; 
	font-weight: normal;
	background-image: none; /* url('./images/LocomotiveBkgnd.jpg') ; */
	background-position: top;
	background-color: antiquewhite;/* #b8984a; */
	background-repeat: repeat;
	color: maroon;
}
#optional 
{
	color: darkviolet;
	background-color: lightgreen;	
}
#info
{
	font-size: 1.05em;
	font-weight: lighter;
	background-color: wheat;	
}
#changed
{
	color: darkgreen;
	font-size: 1.1em;
	background-color: lightyellow;
}
#error
{
	color: orange;
	font-size: 1.1em;
	background-color: #610A0A;
}
#noticePurchase 
{	
	width: 80%;			/* to match cart, cc, insure and ship format */
	padding-left: 10%;  /* push message to the right */
}
#notice
{
	color: maroon;
	font-size: 1.1em;
	font-weight: bold;
	background-color: wheat;
}
#errorPurchase
{
	width: 80%;			/* to match cart and insurance options */
	padding-left: 10%;	/* push message to the right */
}

#warning
{
	color: yellow;
	background-color: peru;
	font-size: 1.05em;	
}

#orderRef
{
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
}
#top
{
	padding: 5px;
	height: 250px;
}
#page
{
	
}
#left
{
	float: left;
	top:  20px;
	width: 19%;
}
#center
{
	margin-top: 0;
	margin-left: 20%;
	margin-right: 20%;
	border: none;
}
#greetingArea
{
	color: maroon;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
}
#right
{
	float: right;
	top: 20px;
	width: 19%;
}
#clear
{
	clear: both;
}
#footer
{
	margin-top: 0px;
	text-align: center;
}

#cartQuantity
{
	text-align: center;
	border: 1px solid maroon;
	background-color: #FFC125;
}

#cartQuantBox
{
	text-align: center;
	border: 1px solid maroon;
	background-color: #FFFFFF;
}


/*
* Carousel Management
*/

#CAROUSELlink
{
	border: 0px none transparent;
}

#CAROUSELarea
{
	position: relative;
	width: 400px; 
	height: 380px; 
	border: 1px solid maroon;
	background-color: transparent;
}

#CAROUSELtext
{
	color: darkgreen;
	font-weight: bold;
}

/**
* Navigation Management
*/

#navigate
{
	width:100%;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
}

#navigate ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigate li
{
	border-bottom: 2px solid darkorange;	
}

#navigate li a:link, #navigate li a:visited
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 8px solid darkorange;
	border-right: 3px solid darkorange;
	border-bottom: 1px solid darkorange;
	background-color: chocolate;
	color: navajowhite;
	text-decoration: none;
}

#navigate li a:hover
{
	background-color: midnightblue;
	color: navajowhite;
}

/*
*
* Feature Management
*
*/
.featClass
{
	text-align: justify;	
}

/*
*
* Endorsement Management
*
*/
.endorse
{
	color: maroon;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
}

/*
* Two Item Menu Management
*/
.navbar
{
}  

.mainDiv
{
width:185px; /* was 185px */
color: maroon; /* #215dc6; */
}

.topItem
{
font: bold 14px THCN,"Times New Roman",serif;
letter-spacing: 0;
background: url("menu/arrow-up-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 185px;
height: 25px;
color: forestgreen; /* was #215dc6 */
cursor:pointer;
text-indent:10px;
}

.topItemOver
{
text-indent:10px;
font: bold 14px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */
letter-spacing: 0;
background: url("menu/arrow-up-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: goldenrod; /* #428eff; */
cursor:pointer;
}

.topItemClose
{
text-indent:10px;
font: bold 14px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */
letter-spacing: 0;
background: url("menu/arrow-down-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: maroon; /* #215dc6; */
cursor:pointer;
}

.topItemCloseOver
{
text-indent:10px;
font: bold 14px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */
letter-spacing: 0;
background: url("menu/arrow-down-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: darkgreen; /* #428eff; */
cursor:pointer;
}

.dropMenu
{
font: bold 12px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */	
background-color: antiquewhite;/* #d6dff7; */
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 1px 1px 1px;
/* filter: alpha(opacity=100); */
padding-top:5px;
padding-bottom:5px;
}

.subMenu
{
display:block;
}

.subItem
{
margin-left:10px;
margin-top:2px;
height:18px;
font: 12px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */	
text-decoration:none;
color: maroon;/* #215dc6; */

}

.subItem a
{
margin-left:23px;
font: 12px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */	 	
text-decoration:none;
color: burlywood; /* #215dc6; */
}

.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 12px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */	 	
height:18px;
color: darkgoldenrod; /* #428eff; */
}

.subItemOver a
{
margin-left:23px;
font: 12px THCN,"Times New Roman",serif; /* tahoma,verdana,sans-serif; */	 	
cursor:pointer;	
color: darkgoldenrod; /* #428eff; */
text-decoration:underline;
cursor:pointer;
}

.drop
{
border-left:1px solid black;
border-right:1px solid black;	
}

/*
* Site Link Management
*/
a 
{
	text-decoration: none;
}

a:link 
{ 
	color: darkblue;
	background-color:transparent;
	border-style: none;
}

a:visited
{
	color: darkgreen;
	background-color: transparent;
	border-style: none;
}

a:hover
{
	color: maroon;
	background-color: navajowhite;
}

a:active
{
	color: green;
	background-color: transparent;
}

.background
{
	background-color: navajowhite; /* #b8984a; */
	color: maroon;
}


.headTable
{
	background-color: transparent;
	background-image: none;
	width: 100%;
	border-style: none;	
}

.headRowTitle, TR.headRowTitle
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	font-size: 1.05em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	border-style: none;	
}

.headRowHead, TR.headRowHead
{
	background-color: transparent;
	background-image: none;
	color: violet;
	font-size: 1.0em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	border-style: none;	
}

.headRow0, TR.headRow0
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	border-style: none;	
}

.headRow1, TR.headRow1
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	border-style: none;	
}
.headRow2, TR.headRow2
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	border-style: none;	
}


.footerTable
{
	background-color: transparent;
	border-style: none;
	color: maroon;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%
}

.footerTitle
{
	background-color: transparent;
	border-style: none;
	line-height: 0.8em;
	padding-top: 0px;
	font-size: 1.15em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	color: maroon;
}

.footerSlogan
{
	background-color: transparent;
	border-style: none;
	font-size: 1.0em;
	line-height: 0.8em;
	font-stretch: extra-condensed;
	font-weight: bold;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	color: darkblue;
}

.footerContact
{
	background-color: transparent;
	border-style: none;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	color: maroon;
}

.footerPhone
{
	background-color: transparent;
	border-style: none;
	color: darkblue;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	line-height: 0.7em;
	font-size: 1.3em;
	font-variant: small-caps;
	font-stretch: normal;
	font-weight: bold;
	font-style: normal;
	width: 35%
}

.footerEmail
{
	background-color: transparent;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	color: maroon;
	width: 30%
}

.footerFax
{
	background-color: transparent;
	border-style: none;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	line-height: 0.7em;
	font-size: 1.3em;
	font-variant: small-caps;
	font-stretch: normal;
	font-weight: bold;
	font-style: normal;
	color: darkblue;
	width: 35%
}

.pgmTable
{
	width: 80%;
	/* max-width: 80%; */
	/* min-width: 30%; */	
	background-color: lightgoldenrodyellow;
	background-image: none;
	border: 3px ridge maroon;
}

.pgmRowTitle
{
	background-color: cornsilk;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRowHead, .pgmRowWrap
{
	background-color: bisque;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRowBreak
{
	background-color: palegreen;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	text-align: center;
	font-style: italic;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRowGreet, .pgmRowClose
{
	background-color: palegreen;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	text-align: center;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRowEvent, .pgmRowLunch
{
	background-color: lightsalmon;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	text-align: center;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRow0
{
	background-color: lightyellow;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRow1
{
	background-color: gold;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.pgmRow2
{
	background-color: paleturquoise;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.addrTable
{
	width: 80%;
	/* max-width: 80%; */
	/* min-width: 30%; */	
	background-color: mistyrose;
	background-image: none;
	border: 3px ridge maroon;
}

.addrRowTitle
{
	background-color: #610A0A;
	background-image: none;
	border: 1px solid maroon;
	color: yellow;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.addrRowHead
{
	background-color: powderblue;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	padding: 2px;
}

.addrRow0
{
	background-color: papayawhip;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-stretch: extra-condensed;
	padding: 2px;
}

.addrRow1
{
	background-color: lightyellow;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-stretch: extra-condensed;
	padding: 2px;
}

.addrRow2
{
	background-color: lavenderblush;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-stretch: extra-condensed;
	padding: 2px;
}

/*
	Cart Display
*/

.cartTable
{
	background-color: mistyrose;
	background-image: none;
	border: 3px ridge maroon;
	width: 80%;	
}

.cartRowTitle
{
	background-color: #610A0A;
	background-image: none;
	border: 1px solid maroon;
	color: yellow;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
}

.cartRowHead
{
	background-color: lightgreen;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
}

.cartRowSubHead
{
	background-color: #DDFFDD;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-variant: small-caps;
	font-size: 1.3em;
	font-weight: bold;
}

.cartRow0
{
	background-color: honeydew;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-size: 1.2em;
	font-stretch: extra-condensed;
}

.cartRow1
{
	background-color: lightyellow;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-size: 1.2em;
	font-stretch: extra-condensed;
}

.cartRow2
{
	background-color: lavenderblush;
	background-image: none;
	border: 1px solid maroon;
	color: maroon;
	font-weight: normal;
	font-size: 1.2em;
	font-stretch: extra-condensed;
}

.cartNote
{
	border: none;
	text-align: right;
	font-weight: normal;
	font-size: 1.0em;
	font-stretch: extra-condensed;
	font-variant: small-caps;
	padding: 2px;
}

.cartTextArea .cartText
{
	border: 1px solid lightgray;
	text-align: left;
	font-weight: normal;
	font-size: 1.0em;
	padding: 2px;
}

/*
	The following manage the layout of the paging apparatus for the items
	from the catalog.
*/
.pageTable 
{
	border-style: none;
	border-collapse: collapse;
	background-color: transparent;
	color: violet;
	width: 90%;
}

.pageRow0
{
	background-color: transparent;
	color: maroon;
	border-style: none;
}

#pageNumber
{
	font-size: 120%;
}

#onPageNumber
{
	font-size: 150%;
	font-weight: bold;
}
/*
Each "page" in the catalog has one or more items on it.  The following defines
the basic page layout for the product list of the catalog.
*/
.itemTable
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	width: 90%;
	border-collapse: collapse;
	border: 5px groove maroon ;
}

.itemRowHead
{
	background-color: #610A0A;
	color: yellow;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-collapse: collapse;
	border-right-color: yellow;
}

.itemRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.itemRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}
.itemRow2
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.ccTable
{
	background-color: navajowhite;
	background-image: none;
	color: maroon;
}

.ccRowHead
{
	background-color: #610A0A;
	color: yellow;
	font-size: 1.05em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	border-style: solid;
	border-collapse: collapse;
	text-align: center;
}

.ccRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
}

.ccRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
}
.ccRow2
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
}

.searchTable
{
	background-color: antiquewhite;
	background-image: none;
	border-style: none;
	color: maroon;
}

.searchRowHead
{
	background-color: palegoldenrod;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.searchRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.searchRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.searchRow2
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
	border-collapse: collapse;
}

.shopTable
{
	background-color: antiqueWhite;
	background-image: none;
	color: brown;
	width: 90%;
	border-style: none;
}

.shopRowHead
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	font-size: 1.05em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	border-style: none;	
}

.shopRowTitle
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	font-size: 1.10em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	border: 1px solid blue ;	
}

.shopRow0
{
	background-color: honeydew;
	background-image: none;
	color: red;
	border: 1px solid green ;
	border-collapse: collapse;
}

.shopRow1
{
	background-color: lightcyan;
	background-image: none;
	color: black;
	border: 1px solid blue ;
}

.shopRow2
{
	background-color: lightyellow;
	background-image: none;
	color: pink;
	border: 1px solid red ;
}

.pageField
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	width: 100%;
	border: none;
}

.pageLegend
{
	background-color: transparent;
	background-image: none;
	color: maroon;
}


.payTable
{
	background-color: antiqueWhite;
	background-image: none;
	color: brown;
	width: 80%;
	border-style: none;
}

.payRowHead
{
	background-color: #610A0A;
	color: yellow;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	border-collapse: collapse;
	text-align: center;
}

.payRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
	border: 1px solid maroon ;
	border-collapse: collapse;
}

.payRow1
{
	background-color: lightcyan;
	background-image: none;
	color: maroon;
	border: 1px solid maroon ;
	border-collapse: collapse;
}

.payRow2
{
	background-color: lightyellow;
	background-image: none;
	color: maroon;
	border: 1px solid maroon ;
	border-collapse: collapse;
}


.categoryTable
{
	background-color: navajowhite;
	background-image: none;
	color: maroon;
	border-style: none;
}

.categoryRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
	padding-top: 5px;
	vertical-align: middle;
}

.categoryRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
}
.categoryRow2
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
}

.thankYou
{
	width: 80%;
	padding-left: 10%;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: maroon;
	background-color: transparent;
	background-image: none;
}


.loginTable
{
	background-color: navajowhite;
	background-image: none;
	color: maroon;
}

.loginRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
}

.loginRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
}

.loginRow2
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
}

/*
* Clinic styles
*/

.clinicTable
{
	background-color: navajowhite;
	background-image: none;
	color: maroon;
}

.clinicRowTitle
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	/* border-style: none; */	
}

.clinicRowHead
{
	background-color: transparent;
	background-image: none;
	color: maroon;
	font-size: 1.05em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	/* border-style: none; */	
}


.clinicRow0
{
	background-color: honeydew;
	background-image: none;
	color: maroon;
}

.clinicRow1
{
	background-color: lightYellow;
	background-image: none;
	color: maroon;
}

.clinicRow2
{
	background-color: mintCream;
	background-image: none;
	color: maroon;
}

.clinicRow3
{
	background-color: antiqueWhite;
	background-image: none;
	color: maroon;
}


.image
{
	border-color: transparent;
	border-width: 0px;
	border-style: none;
	margin: 1px 6px 1px 2px;
}

.button
{
	border-style: none;
	border-width: 0px;
	border-color: transparent;
	vertical-align: middle;
}

.optField
{
	background-color: lightgreen; 
	background-image: none;
	color: maroon;
}

table.head, tr.head, td.head, th.head
{ 
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 1.05em;
	color: maroon;
	background-color: transparent;
}

td, th, tr, legend
{ 
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 0.95em;
	color: maroon;
	border: 1px solid maroon;
	background-color: transparent;
}

li.userPref
{
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	font-size: 1.0em;
	color: maroon;
	background-color: transparent;
	clear: left;	
}

li
{ 
	font-family: "Requlators Condensed", "Times New Roman", Times, serif; 
	font-size: 1.0em;
	color: maroon;
	background-color: transparent;
}

p 
{
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 12pt; 
	font-weight: normal;
	color: maroon;
	background-color: antiquewhite;
}

input, textarea, select 
{
	background-color: mintcream;
	color: maroon;
	border: 1px solid maroon;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif;
	font-size: 11pt;
	font-weight: normal;
}
/*
* The following allow a non-table form to be filled out.
* Text enclosed in 'label' tags will float to the left, while the
* input elements will float to the right. 
*/
form p
{
	clear: both;
	font-size: 1.0em;
	font-weight: bold;
	width: 90%;
	padding-left: 5%;
}

form p label
{
	
	float: left;
}

form p input, form p textarea, form p select
{
	
	float: right;
}

h1 
{ 	
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 1.6em; 
	font-weight: bold;
	font-variant: small-caps;
	color: maroon; 
	margin: 6px 6px 6px 6px;
}

h2 
{ 
	color: maroon;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: extra-condensed;
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	margin: 4px 4px 4px 4px;
}

h3
{
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 1.2em; 
	font-weight: bold;
	font-stretch: extra-condensed;
	color: maroon; 
	margin: 4px 4px 4px 4px;
}

h4
{
	font-family: "Times New Roman", "Requlators Condensed", Times, serif; 
	font-size: 1.1em; 
	font-weight: bold;
	font-stretch: extra-condensed;
	color: maroon; 
	margin: 2px 2px 2px 2px;
}

hr 
{ 
	border: 3px double maroon;
	width: 80%; 
	text-align: center; 
}

/*
 * Popup (Help) window CSS
 */
 /*============================
<h2>Popup/Modal Windows</h2>
<div class="popup" onclick="popupClick('myPopup')">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>

<script>
// When the user clicks on div, open the popup
function popupClick(id) {
  var popup = document.getElementById("myPopup");
  popup.classList.toggle("show");
}
</script>
  +===========================*/
 
 /* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 350px;
  background-color: navajowhite;
  color: maroon;
  text-align: center;
  border-radius: 6px;
  padding: 4px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.help
{
	color: maroon;
	font-size: 1.1em;
	font-weight: bold;
	background-color: wheat;
	text-align: left;
}

/*
 * Administration tables
 */

table.adminTable
{
	background-color: #ffbbbb;
	background-image: none;
	color: maroon;
}

/*
Popup Help Display
*/

.pophelp .poptext
{
    display:    none;
}

.pophelp:hover .poptext
{
    display:    block;
}