/* HTML or Element selectors : Standard HTML Tags  for the entire site */

body {
	color: #0D3D91;
	background-image: url(../images/background01.jpg);
	font-family: "Lucida Sans", Helvetica, Geneva, Verdana, Arial, sans-serif;
}

.topPage {
	margin: 0;
	padding: 20px 10px 10px 40px;
	font-family: "Lucida Sans", Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-align: left;
	color: #0D3D91;
}

.topPage img {float:left; margin-left: -5px; margin-right:10px;border:0;}
.topPage .f1 {font-weight: bold; font-size: 280%;}
.topPage .f2 {font-weight: bold; font-size: 200%; margin-left: 40px}
.topPage .f3 {font-weight: normal; font-size: 200%; vertical-align:top;}

.top {text-align:right}
/* *****************************************************

The body content - the area not in the Dynamic Web Template
	list-style-image: url('../images/bullet-ball-green.gif');
	list-style-image:url('../images/bullet-tack.gif')
	list-style-image:url('../images/bullet-check.gif')
**************************************************** */
div#bodyContent
{
	position: static;
	top: auto;
	margin: 0; padding: 0;
	float: right;
	width: 70%;
	font-size: 110%;
	border-left: solid 0px #6E6952;
}

#bodyContent ul {
	list-style-type: disc;
	list-style-position: outside;}
#bodyContent ul li ul {
	list-style-type:square; 
	list-style-position: outside;}
#bodyContent ul li ul li ul {
	list-style-type:circle; 
	list-style-position: outside;}
	
#bodyContent .f1 {
	color: navy, 
	font-weight:bold;
   font-size:130%;}
	
/* *****************************************************
Navigation Bar - Left hand side - 
**************************************************** */
 
.navBar {
	position: static;
	top: auto;
	width: 190px;
	margin: 0;
	padding: 1% 0% 0% 0%;
	font-size: 150%;}
	
.navBar ul li {
	list-style-position: inside;
	list-style: none;
	margin-top: 10px;}
    
.navBar a:link {
   display: block;
	color: #0D3D91;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-light.gif);}

.navBar a:visited  {
   display: block;
	color: #0D3D91;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-light.gif);}
	
.navBar a:hover  {
   display: block;
	color: white;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-dark.gif);}
		
.navBar a:active  {
   display: block;
	color: white;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-dark.gif);}

.navBar ul li ul li {
	list-style-position: inside;
	list-style: none;
	margin-top: 3px;
   font-size:70%}
    
.navBar li ul li a:link    {color:black; background-image:none;}			
.navBar li ul li a:visited {color:black; background-image:none;}
.navBar li ul li a:hover   {color:black; background-image:none; text-decoration: underline;}	
.navBar li ul li a:active  {color:black; background-image:none; text-decoration: underline;}

/* *****************************************************
General information at the bottom of each page 
**************************************************** */

.botPage
{
	position: static;
	top: auto;
	float: right;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0px;
	text-align: center;
}

.botPage .f1 {font-weight:bold; font-size:110%;}
.botPage .f2 {font-weight: normal;font-size:100%;}
.botPage .f3 {font-weight: normal;font-size: 85%;}
.botPage .f4 {font-weight: normal; font-size:110%;}
.botPage .f5 {font-weight: normal; font-size:65%;}

.botPage a:link    {color: #0000FF; text-decoration: none;}
.botPage a:visited {color: #0000FF; text-decoration: none;}
.botPage a:hover   {color: #0000FF; text-decoration: underline;}
.botPage a:active  {color: #0000FF; text-decoration: underline;}

/* *****************************************************
Navigation Bar - Left hand side - I am trying various options
**************************************************** */
	 
div#menuBar {
	position: static;
	top: auto;
	width: 190px;
	margin: 1% 1% 1% 0%;
	padding: 1% 0% 0% 0%;
	font-size: 150%;}
	
ul.menuBar {
	list-style: none;
	margin-left: 0px;
	padding: 0;
	font-weight: bold;}
	
ul.menuBar2 {
	list-style: none;
	margin-left: 0px;
	padding: 0;
	font-weight: bold;}
	
ul.menuBar ul {
	margin: 0px 0px 9px 0px;
	font-weight: normal;}
	
ul.menuBar li {
	list-style-position: outside;
	list-style: none;
	margin: 0px 4px 0px 4px;}
	
.menuBar a:link    {color: black; text-decoration: none;}
.menuBar a:visited {color: black; text-decoration: none;}
.menuBar a:hover   {color: black; text-decoration: underline;}
.menuBar a:active  {color: black; text-decoration: underline;}

/* *****************************************************
Navigation Bar - Left hand side - 
**************************************************** */

.menuTable {
	width: 156px;
	margin-top: 0px;
	margin-left:40px;
   padding-top: 18px;
	font-size: 150%;}
	
.menuTable tr {
	height: 40px}
	
.menuTable a:link {
    display: block;
	color: #0D3D91;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-light.gif);}

.menuTable a:visited  {
    display: block;
	color: #0D3D91;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-light.gif);}
	
.menuTable a:hover  {
    display: block;
	color: white;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-dark.gif);}
		
.menuTable a:active  {
    display: block;
	color: white;
	text-decoration: none;
	background-image: url(http://www.hmrassociates.net/images/button-green-dark.gif);}

.subTable tr {
	height: 20px}
.subTable {font-size: 63%; font-weight:bold; margin-left: 5px; margin-bottom: 2px;}
.subTable a:link    {color:#0D3D91; background-image:none;}			
.subTable a:visited {color:#0D3D91; background-image:none;}
.subTable a:hover   {color:#0D3D91; background-image:none; text-decoration: underline;}	
.subTable a:active  {color:#0D3D91; background-image:none; text-decoration: underline;}