/*
 * ################# IMPORTANT NOTE #################
 *
 * Note the CSS StyleSheet file should have its version number changed to the current site assembly version for each release
 * particularly if the CSS stylesheet changes e.g. change
 * 
 *   StyleSheet_v3.2.0.0.css
 *
 * to 
 *
 *   StyleSheet_v3.3.0.0.css
 * 
 * If this is not done browsers which have visited the site before will continue to use the old cached version of the 
 * stylesheet and will only use the new stylesheet after a browser clear cache.
 *
 *
 * solution source:
 *   https://forums.asp.net/post/5192871.aspx
 * 
 * description of problem:
 *   https://wpreset.com/force-reload-cached-css/
 */

html {
	font-size: 18px; /* desktop */
}

@media screen and (min-width:601px) and (max-width: 992px) {
	html {
		font-size: 20px; /* tablet or screens 992px wide or less */
	}
}

@media screen and (min-width:1px) and (max-width: 600px) {
	html {
		font-size: 50px; /* mobile or screens which are 600px or less */
	}
}

body, td, li, p
{
	font-weight: normal;
	list-style-position: outside;
	font-size: 1rem;
	color: #ffcc00;
	text-indent: 0pt;
	font-family: Arial, Tahoma, Sans-Serif;
	list-style-type: square;
	background-color: black;
	text-align: left;
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: 0px;
	padding-top: 0px;
	border-bottom: 0px;
}

TABLE
{
	font-size:1rem;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
	background-color:Black;
}



A
{
	color: #ffcc00;
	font-weight:bold;
	background-color: #000000;
	text-align: center;
}

A:hover
{
	color:White;
	text-decoration:underline;
}

.menuItem {
	color: White;
	letter-spacing: 0.3em;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.menuItem:hover
{
	text-decoration:none;
    color:red;
}

hr
{
    border-style:solid;
    border-width: 1px;
    border-color: #ffcc00;
    margin: 0px;
    padding:0px;
}

.loginText
{
	font-size:1rem;
	color: black;
	border-style:solid;
	border-width:1;
	border-color:White;
}

.loginMessage
{
	font-size: 1rem;
	color: red;
	text-align: center;
}

.sectionText
{
	font-size: 1rem;
}

.sectionHeader
{
	font-size: 1rem;
	font-weight: bold;
}

.pageHeader
{
	font-size: 1.25rem;
	font-weight: bold;
}

.tableHeader
{
	font-size: 1rem;
	font-weight: bold;
	font-style: italic;
}

.copyright
{
	font-weight: normal;
	font-size: 1rem;
}

img
{
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: 0px;
	cursor: hand;
	padding-top: 0px;
	border-bottom: 0px;
}