body
{	margin: 0;
	padding: 0;
	font-family: Tahoma,Verdana,Geneva,sans-serif;
	background-color: hsl(215,58%,87%);}

table
{   padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 3px;
    margin-left: auto;
    margin-right: auto;} 

td
{   margin: 5px 0px;
    padding: 5px 0px;
    text-align: center;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	background-color: white;
	border: none;}

td.ratess
{   margin: 5px 20px;
    padding: 5px 20px;
    text-align: left;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	background-color: white;
	border: none;}

td.nvgatn
{   border-top: 2px solid hsl(215,58%,87%);
    border-bottom: 2px solid hsl(215,58%,87%);
    font-weight: bold;}

td.btntxt
{	margin: 5px;
	padding: 5px;
	text-align: left;
	font-family: Garamond,Georgia,Times,serif;
	font-weight: normal;
	background-color: white;
	border: none;}

td.titles
{   font-weight: bold;
    background-color: LightSteelBlue;}

td.search
{   font-weight: normal;
    background-color: LightYellow;}

td.srhadm
{	margin: 5px;
	padding: 5px;
    font-size: 1.0em;
    font-weight: normal;
	text-align: left;
    background-color: white;
    border: 1px solid hsl(215,58%,87%);}

td.btmtxt
{	font-size: 0.8em;
    font-weight: normal;
	text-align: center;
    background-color: white;}

input[type=submit]
{   margin: 2px;
    padding: 4px 10px;
    font-weight: bold;
    border-radius: 5px;
    border: none;}

input[type=submit].bak
{   color: white;
    background-color: navy;}

input[type=submit].sav
{   color: white;
    background-color: firebrick;}

input[type=submit].rem
{   color: black;
    background-color: khaki;}

input[type=submit].add
{   color: white;
    background-color: salmon;}

select
{
    width: 130px;
    padding: 2px;
    border: 1px solid hsl(215,58%,87%);;
    border-radius: 5px;
    background-color: Azure;
}

button.button
{	margin: 2px;
	padding: 2px;
	text-align: center;
	font-family: Tahoma,Verdana,Geneva,sans-serif;
	white-space: nowrap;
    width: 130px;}

div
{   margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	font-weight: normal;}

div.sbmsns
{   margin: 5px 0px;
	padding: 5px 0px;
	font-size: 1.2em;
	font-weight: normal;}

hr
{	border-top: 1px solid silver;
    margin-bottom: 10px;}

a.btmtxt
{	font-weight: normal;
	color: navy;
	text-decoration: none}
a.btmtxt:hover
{	font-weight: normal;
	color: brown;}
a.btmtxt:active
{	color: gray;}

a.sbmsns
{	font-weight: normal;
	color: maroon;
	text-decoration: none}
a.sbmsns:hover
{	font-weight: normal;
	color: brown;}
a.sbmsns:active
{	color: gray;}

tr.spartr
{   margin: 0px;
	padding: 0px;
	height: 1px;}

td.spartr
{   margin: 0px;
	padding: 0px;
	height: 1px;}

hr.spartr
{	margin: 0px;
	padding: 0px;
	border-top: 1px solid silver;}

/* COMPUTER/TABLET STYLES ------------------------- */
@media (min-width: 601px) {

#pics { width:45em; }

img.pdf { width:15em; }

table
{   width: 800px;}

td.btntxt
{	font-size: 1.5em;}

button.button
{	font-size: 0.5em;}

a.nvgatn
{	padding: 0px 10px;
    font-size: 1.2em;
    font-weight: bold;
	color: navy;
	text-decoration: none}
a.nvgatn:hover
{	font-weight: bold;
	color: brown;}
a.nvgatn:active
{	color: gray;}

}

/* PHONE/MOBILE STYLES ------------------------- */
@media (max-width: 600px) {

#pics { width:22em; }

table
{   width: 100%;}

td.btntxt
{	font-size: 1.0em;}

button.button
{	font-size: 0.75em;}

a.nvgatn
{	padding: 0px 5px;
    font-size: 0.9em;
    font-weight: bold;
	color: navy;
	text-decoration: none}
a.nvgatn:hover
{	font-weight: bold;
	color: brown;}
a.nvgatn:active
{	color: gray;}

}