/*            property equivalance

body = defaults
elements with one letter = alignment
4 size names = size, foreground color, background color, alignment
	erwc = elite, red on white, centered

size
	
	 8=u	(minUte)
	 9=t	(Tiny)
	10=s	(Small)
	11=n	(Normal - small)
	12=e	(Elite)
	14=m	(Medium)
	16=l	(Large)
	20=h	(Huge)
text color
	a=aqua
	b=blue
	d=dark blue
	l=light blue
	g=green	
	#428484 = green
	k=black
	r=red
	m=magenta
	y=yellow
	n=havy
backgroung color
	a=aqua
	g=green	
	#428484 = green
	l=light gray
	r=red
	w=white
	m=magenta
	y=yellow
text align
	l=left
	c=center
	r=right
weight
	n=normal
	b=bold
alternate font
	nothing = verdana
	t=tahoma

line-height : 12px (font+2)
text-transform: uppercase;
*/

BODY
{
	color: blue;
	background-color: white	;
/*	color: blue;
	background-color: black; */
	font-family: verdana;
	font-size : 18px;
	line-height : 24px;
	font-weight:bold;
	margin: 0px; 
	padding: 0px;
	text-align: left;
	/*   text-decoration: none;	 eliminates link underline */
}

img.resize {
	max-width:20%;
	max-height:auto;
	text-align : center;
	vertical-align : top; 
	border:none;
}

INPUT
{
	color: Black;
	background-color: yellow;
	font-size : 12px;
	line-height : 13px;
	text-transform: uppercase;
}

INPUT.RED
{
	color : Red;
	background-color : white;
	font-size : 12px;
	line-height : 13px;
	text-transform : none;
}

INPUT.SEARCH
{
	color: Black;
	background-color: aqua;
	font-family: verdana;
	font-size : 12px;
	line-height : 13px;
	font-weight : bold;
	border: solid #999999;	/* medium shade of gray */
	border-width: 1px;
}

HR {
	height: 1px;
	color: blue;
	margin: 15px;
}

H1 {
	color : green;
	font-size : 14px;
	text-align : center;
	font-weight:bold;
	margin : 15px;
}

H2 {	
	color : red;
	background-color:white;
	font-family : verdana;
	font-size : 24px;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}


SELECT
{
	color : Red;
	background-color: white;
	font-weight:bold;
}

LI.b
{
	color : blue;
	font-size : 18px;
	font-weight:bold;
}

OPTION.mar
{
	background-color:maroon; color:white;
}

OPTION.white
{
	background-color:white; color:red;
}

TEXTAREA
{
	color : Red;
	background-color: white;
}

SUBMIT
{
	color: Blue;
	background-color: white;
	font-family: verdana;
	font-size : 18px;
	line-height : 24px;
	font-weight : bold;
	border: solid #999999;	/* medium shade of gray */
	border-width: 1px;
}

A:link, A:visited, A:active
{
	color : magenta;
	font-weight:bold;
	font-size : 18px;
}

A:hover
{
	color: red;
	text-decoration: none;
	font-weight:bold;
	font-size : 18px;
}

A.nrwlb	{					
	color: red;
	font-family : verdana;
	font-size : 16px;
	font-weight : bold;
	text-align : left;
}

TABLE
{
	color: blue;
	background-color : white;
	vertical-align : top;
	font-size : 18px;
	line-height : 24px;
	text-align : center;
	font-weight: bold;
}

TR.hl
{
	color : black;
	background-color: white;
	text-align : left;
	vertical-align : top;
}

TR.hc
{
	color : black;
	background-color: white;
	text-align : center;
	vertical-align : top;
}

TR.hr
{
	color : black;
	background-color: white;
	text-align : right;
	vertical-align : top;
}

TR.hry
{
	color : black;
	background-color: yellow;
	text-align : right;
	vertical-align : top;
}

TR.hrr
{
	color : red;
	background-color: white;
	text-align : right;
	vertical-align : top;
}


TR.l
{
	text-align : left;
	vertical-align : top;
}

TR.c
{
	text-align : center;
	vertical-align : top;
}

TR.r
{
	text-align : right;
	vertical-align : top;
}

TR.image 
{
	background:url(images/bluesquare.bmp);
	vertical-align : bottom;
	color:#808080;
}

TD.image 
{
	color: #808080;
	line-height : 24px;
	font-size : 18px;
	font-family: verdana;
	font-weight: bold;
	vertical-align : bottom;
}

TD {
	color: black;
	text-align : left;
	font-weight: bold;
	font-family: verdana;
}

TD.c {
	color: blue;
	text-align : center;
}

TD.cy {
	color: yellow;
	text-align : center;
}

TD.l {
	color: #808080;
	background-color:white;
	text-align : left;
}

TD.lr {
	color: red;
	text-align : left;
}

TD.ly {
	color: yellow;
	text-align : left;
}


TD.r
{
	color: #808080;
	text-align : right;
}

TD.redl
{
	color: red;
	text-align : left;
}

TD.s 
{
	color: #808080;
	font-size : 12px;
	font-family: verdana;
	font-weight: bold;
	vertical-align : bottom;
	text-align : center;
}

P.mrwlbi {
	color: red;
	font-family : verdana;
	font-size : 14px;
	font-weight : bold;
	text-align : left;
	font-style: italic;
	margin : 15px;
}

P.mbwlb {
	color: blue;
	font-family : verdana;
	font-size : 14px;
	font-weight : bold;
	text-align : left;
	margin : 15px;
}

P.mkwcb {
	color: black;
	font-family : verdana;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
	margin : 15px;
}

P.mrwlb {
	color: red;
	font-family : verdana;
	font-size : 14px;
	font-weight : bold;
	text-align : left;
	margin : 15px;
}

P.mrwcb {
	color: red;
	font-family : verdana;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
	margin : 15px;
}

P.nbwcb{	
	color : Blue;
	background-color:white;
	font-family : verdana;
	font-size : 14px;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}


P.nbwrb {					
	color: blue;
	font-family : verdana;
	font-size : 9px;
	font-weight : bold;
	text-align : right;
	margin : 15px;
}

P.ngwcb {
	color: #428484;
	background-color: white;
	font-family : verdana;
	font-size : 9px;
	font-weight:bold;
	text-align: center;
	margin : 15px;
}

P.ngwlb {					
	color: #428484;
	background-color: white;
	font-family : verdana;
	font-size : 9px;
	font-weight:bold;
	margin : 15px;
}

P.nrwcb {					
	color : red;
	font-family : tahoma;
	font-size : 9px;
	font-weight : bold;
	text-align : center;
	margin : 15px;
}

P.nrwlb	{					
	color: red;
	font-family : verdana;
	font-size : 9px;
	font-weight : bold;
	text-align : left;
	margin : 15px;
}


P.swglb {					
	font-family : tahoma;
	font-size: 10px;
	font-weight:bold;
	margin : 15px;
}

P.r
{
	text-align : right;
}

P.c
{
	text-align : center;
}

#sddm	/* Simple Drop Down Menu for javascript */
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
/*	width: 60px;	*/
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 16px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

/*  sample code
<ul id="sddm">
    <li><a href="#" 
        onmouseover="mopen('m1')" 
        onmouseout="mclosetime()">Home</a>
        <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">HTML/CSS</a>
        <a href="#">DHTML Menu</a>
        <a href="#">JavaScript</a>
        </div>
    </li>
    <li><a href="#" 
        onmouseover="mopen('m2')" 
        onmouseout="mclosetime()">Download</a>
        <div id="m2" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">ASP Server-side</a>
        <a href="#">Pulldown navigation</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading </a>
        </div>
    </li>
    <li><a href="#">Order</a></li>
    <li><a href="#">Help</a></li>
    <li><a href="#">Contact</a></li>
</ul>
<div style="clear:both"></div>
*/

.changedField
{
	color:white;
	background: navy;
}

.currentField
{
	color:white;
	background:red;
}

.oldField
{
	color:red;
	background: white;
}
/* onFocus="this.className='currentField'" onChange="this.className='changedField'" onBlur="this.className="oldfield'" */