
/*                                  HM_STYLES_HANDHELD.CSS
  --------------------------------------------------------------------------------------------------
  This is the cascading style sheet for the "style" series web pages.
  
  HM web version: newweb6
  --------------------------------------------------------------------------------------------------
*/

body {	margin-left: 0% ;
    	width: 100% ;

	  border: 0px ;
/*	  
      margin: 0px ;
*/
	  padding: 0px ;
	  background-color: #55AAAA ;
	  color: #800080 ;
    }
	
#hm_page { /* width: 100% ; */
	  background-color: #AADDDD ;
	  margin: 5px ;
	  padding: 3px ;
    }
	
#hm_wrapper { border: 3px solid #AAACCC;
      margin: 1px ; 
	  padding: 1px ;
	  background-color: #AAFFFF ;
	  color: #800080 ;
    }
	
table.pagelayout { margin: 0px ;
                 border: 0px ;
				 padding: 0px ;
		         background-color: #AAFFFF ;
               }
			   
th.logo { margin: 0px ;
		 border-width: 2px ;
		 border-style: solid ;
		 border-color: #AAACCC ;
		 padding: 0px ;
       }
		 
td.pagehdr { background: url(images/hm_pgtop.jpg) ;
            vertical-align: top ;
			font-size: 11pt ;
            color: #EE4400 ;
			text-align: left ;
	        padding-top: 0px ;
			padding-left: 10px ;
			border: 0px ;
			margin: 0px ;
		  }

.topquote { display: block ;
	}

.printhdr { display: none ;
}
		  
td.sidepanel { /* background-color: #AAFFFF ; */
			  padding: 5px ;
 			  vertical-align: top ;
			  background-color: #AAACCC ;
			  border: 1px solid #AAFFFF ;
			}
			
#hm_menuframe { width: 100% ;
               background-color: #AAACCC ;
               padding: 0px ;
			  margin-top: 1px ;
             }
			
#hm_menu { width: 100% ;
           padding-top: 20px ;
         }
		 
#hm_menu th { text-align: left ; 
           /* padding-left: 10px ; */
		    line-height: 150% ;
		  font-family: helvetica, sans_serif  ;
          }
		 
.hm_select { padding-left: 15px ;
            background: #AAFFFF ;
			vertical-align: middle ;
           }
			
#currentlink { font-weight: bold ; 
			 }
				 
.navlink:hover { color: green ; 
                  background: #AADDDD ;
				}
				
.navlink { background-color: #AAFFFF ;
		  font-family: helvetica, sans_serif  ;
		  text-decoration: none ;
		  color: #EE4400 ;
         }

/*  #navlink a:visited { color: green ; }   */

/*  a:visited { color: yellow ; }    */

.footlink { width: 100% ;
			font-size: 14pt ;
           text-align: center ; }

dl { padding-left: 5% ;
  }

dt { color: green ;
  }
  
dd { background-color: silver ;
    padding: 10px ;
	border: 10px solid white ;
  }
  
td.maincontent { width: 100% ;
        vertical-align: top ;
        background-color: #FFFFFF ;
      }
		  
table.mainlayout { width: 100% ;
        vertical-align: top ;
        background-color: #FFFFFF ;
      }
	  
.mainlayout td { vertical-align: top ;
             }
			 
.mainlayout th { background-color: #AAFFFF ;
		  font-family: helvetica, sans_serif  ;
		  font-size: 14pt ;
		  text-align: left ;
				padding: 15px ;
			    padding-left: 20px ;  
             }
			 
.corecontent { width: 100% ;
              vertical-align: top  ;
			 }
			
.corecontent th { background-color: #AAFFFF ;
		  font-family: helvetica, sans_serif  ;
		  font-size: 14pt ;
		  text-align: left ;
				padding: 15px ;
			    padding-left: 20px ;  
             }
			 
.corecontent td { width: 40% ;
/*		        border-left: 1px solid #AAACCC ;
		        border-right: 1px solid #AAACCC ;  */
              }

td.projdetail {
/*
width: 60% ;
*/
               }			  
.corecontent em { font-size: 80% ;
                color: #800080 ;
				line-height: 15px ;
			}
			
.textref  { padding-left: 30px ;
           line-height: 15px ;
		   padding-bottom: 15px ;
              }
			  
.quotetext { color: #EE4400 ;
               padding-left: 18px ;
               padding-right: 12px ;
			   padding-bottom: 10px ;
             }

.contenttext { color: #800080 ;
		  font-family: helvetica, sans_serif  ;
		       font-size: 90% ;
			   line-height: 20px ;
               padding-left: 18px ;
               padding-right: 12px ;
			   padding-bottom: 10px ;
             }
			 
.contenttext img { float: right ;
             }

.abouttext img { float: left ;
                 margin-left: 15px ;
				margin-right: 15px ;
				margin-top: 4px ;
             }

.aboutdiv {  overflow: visible ;
			   width: 283px ;
			  }

.abouttext {	 font-family: helvetica, sans_serif  ;
		       font-size: 90% ;
			   line-height: 15px ;
               padding-left: 18px ;
               padding-right: 12px ;
			   padding-bottom: 10px ;
          }

.rttitle { width: 500px ;
}

.projdesc {  font-weight: lighter; 
			font-size: smaller; 
			margin-top: 5px; 
			width: 280px ;
}
		  
table.imgtbl {text-align: center ;
               padding-left: 0 ;
			   margin: 0
        }
		 
td.imgtbl {text-align: center ;
               padding-left: 0 ;
			   margin: 0
        }
.projcontent { background-color: #FFFFFF ;
              width: 100% ;
		  font-family: helvetica, sans_serif  ;
		  font-size: 100% ;
		  text-align: left ;
				padding: 0 ; 
			    padding-left: 0 ; 
				margin: 0 ;
               border: 1pt solid black ;				
             }

.projcontent th { background-color: #FFFFFF ;
		  font-family: helvetica, sans_serif  ;
		  font-size: 14pt ;
		  text-align: left ;
				padding: 0 ;
			    padding-left: 0 ;  
             }
			 
.subhdr { background-color: #DDFFFF ;
         margin: 5px ;
		 padding: 5px ;
		 padding-left: 10px ;
		 line-height: 20px ;
		 font-family: helvetica, sans_serif  ;
		 font-size: 12pt ;
		 font-weight: bold ;
              }
			 
#motto { font-family: helvetica, sans_serif  ;
		  font-size: 12pt ;
		  text-align: center ;
		  padding: 10px ;
		  padding-left: 50px ;
		  background-color: #FFFFFF ;
		  border-bottom: 1px solid #AAACCC ;
       }
			 
.mainmargin { width: 10px ;
            }
		  
.notnspecial th { background-color: #FFFFFF ;
		  font-family: helvetica, sans_serif  ;
		  font-size: 10pt ;
		  text-align: right ;
				padding: 15px ;
			    padding-left: 0px ;  
             }
th.logo { margin: 0px ;
		 border-width: 2px ;
		 border-style: solid ;
		 border-color: #AAACCC ;
		 padding: 0px ;
       }
		 
tfoot { text-align: center ;
      background-color: #FFFFFF ;
    }
	
ul.dot { list-style-image: url(images/dot.gif) ;
		  font-family: helvetica, sans_serif  ;
      }
			   
ul.reddot { list-style-image: url(images/reddot.gif) ;
		  font-family: helvetica, sans_serif  ;
      }

