div.col-a { float: left; width: 17%; margin: 0 3% 0 0; }
div.col-b { float: left; width: 67%; margin: 0 3% 0 0; 
font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; font-weight: normal; text-align: left; color: #535353;}
	
div.col-40 { float: left; width: 37%; margin: 0 3% 0 0; 
font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; font-weight: normal; text-align: left; color: #535353;}
div.col-30 { float: left; width: 27%; margin: 0 3% 0 0; 
font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; font-weight: normal; text-align: left; color: #535353;}

div.bodycol { float: left; width: 100%; margin: 0 3% 0 0; }
p.clearleft { clear: left;  text-align: left;  }
td.textXSMALLa { font-family: Arial, Helvetica, sans-serif;  font-size: x-small; text-align: center;}
font.SMALLERa { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
font.halfline{font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 50%; color: black}
div.linehdg { clear: left; float:left; padding: 8px 3px 0 8px; text-align: left; width: 5.5em;
					font-family: Arial, Helvetica, sans-serif; font-size: 90%;
					font-weight: bolder;}
div.floatleft { float: left; padding: 8px 3px 0 8px; text-align: left;
					font-family: Arial, Helvetica, sans-serif; font-size: 80%;}				
div.imgcenter { float: left; padding: 8px 3px 0 8px; text-align: center;
					font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
div.allcenter { float: none; padding: 8px 3px 0 8px; text-align: center;
					font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
div.float100 { float: left; padding: 8px 3px 0 8px; text-align: left;
					font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bolder;}
					
td.graytext { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 1em;
	font-size: 80%; font-weight: normal; text-align: left; color: #535353; }	
td.graytext-ctr { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 1em;
	font-size: 80%; font-weight: normal; text-align: center; color: #535353; }	
td.grayital { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; 
					font-size: 75%; font-weight: normal; text-align: left; color: #535353; font-style: italic; }	
th.bluehdg { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0;
	font-size: 110%; font-weight: bold; text-align: left; color: #000099; }
th.menu { padding: 8px 3px 0 8px; text-align: left; 
					font-family: Arial, Helvetica, sans-serif; font-size: 90%;
					font-weight: bolder;}					
					
div.twocol { float: left; width: 46%; margin: 0 4% 0 0; }					
h1.redpagehdg { font-family: Arial, Helvetica, sans-serif; margin: 0 0 -1em 0;
	font-size: 150%; font-weight: bold; text-align: center; color: #993333; }
h1.redhdg { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0;
	font-size: 150%; font-weight: bold; text-align: left; color: #993333; }
h1.redhdg-ctr { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0;
	font-size: 150%; font-weight: bold; text-align: center; color: #993333; }
h2.greenhdg { font-family: Arial, Helvetica, sans-serif; margin: 1em 0 0 0;
	font-size: 110%; font-weight: bold; text-align: left; color: #496E25; }
h2.bluehdg { font-family: Arial, Helvetica, sans-serif; margin: 1em 0 0.5em 0;
	font-size: 130%; font-weight: bold; text-align: left; color: #000099; }
h2.bluehdg2 { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0;
	font-size: 110%; font-weight: bold; text-align: left; color: #000099; }
ul.redcheck { font-family: Arial, Helvetica, sans-serif; margin: -1em 0 0 1em; padding: 0 0 0 .5em;
	font-size: 90%; font-weight: bold; text-align: left; color: #535353;	
	list-style-image: url(imgs/RO-Mx1-16_check-boxed-red-tail.gif); }	
ul.greencheck { font-family: Arial, Helvetica, sans-serif; margin: -1em 0 0 1em; padding: 0 0 0 .5em;
	font-size: 90%; font-weight: normal; text-align: left; color: #535353;	
	list-style-image: url(imgs/RO-Mx1-16_checkmark-green.gif); }	
ul.bodypoints { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 1em; padding: 0 0 0 .5em;
	font-size: 90%; font-weight: normal; text-align: left; color: #535353; }	
ol.graytext { font-family: Arial, Helvetica, sans-serif; margin: -1em 0 0 1em; padding: 0 0 0 1em;
	font-size: 90%; font-weight: normal; text-align: left; color: #535353; }	
li#dollar { list-style-image: url(imgs/RO-Mx1-16_circle-green-cur-dollar.gif); }	
p.bodytext { font-family: Arial, Helvetica, sans-serif; margin: -1em 0 0 0; padding: 0 0 0 0;
	font-size: 90%; font-weight: normal; text-align: left; color: #535353; }	

div#newsletter { width: 250; background-color: #D9D9D9; padding: 4px 1px; 
	border: solid #898989; border-width: 6px 2px ;
	font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 1em 0 1em 0;
	font-size: 90%; font-weight: normal; text-align: center; color: #535353; 
	}


	
#navtabs { padding: 3px 0; margin: 5px 0 0 0; border-bottom: 1px solid #778; 
				font: 75% Verdana, sans-serif; }

#navtabs li {list-style: none; margin: 0; display: inline; }

#navtabs li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778;
					border-bottom: none; background: #CACACA; text-decoration: none; }

#navtabs li a:link { color: #323232; }
#navtabs li a:visited { color: #323232; }

#navtabs li a:hover {color: #000; background: #CCDDEE; border-color: #227; }

#navtabs li a#current {background: #EAEAEA; border-bottom: 1px solid #EAEAEA; font-weight: bold; }

div#navcontainer { text-align: center; }

div#heading { background-image: url(imgs/hdg-bg.jpg); padding: 5px 40px;
	text-align: center; vertical-align: middle;
	border: solid #404040; border-width: 4px 0 0 0 ; height: 60px;
	vertical-align: middle; }
	
font.verdana-14-white { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 120%; font-weight: bold; text-align: center; color: White;}
font.arial-12-white { font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; font-weight: bold; text-align: center; color: White;}
	
/* to stretch the container div to contain floated list */
#navcontainer:after { content: "."; line-height: 1px; font-size: 1px; clear: both; }
	
#navbar ul { padding: .5em 0; margin: 0 0 1em 0; list-style-type: none; 
			background-color: #EAEAEA; color: #FFF; width: 100%; font: 70% Verdana, sans-serif;
			text-align: center; border-bottom: 1px solid #778 }

#navbar li { display: inline; }

#navbar li a#current {background: #EAEAEA; color: #323232; font-weight: bold;
border-color: #EAEAEA #EAEAEA #EAEAEA #EAEAEA; }

#navbar li a { text-decoration: none; background-color: #EAEAEA; color: #323232;
			padding: .2em 1em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; }

#navbar li a:hover { border-color: #aaab9c #fff #fff #ccc; }