/**************** body and tag styles ****************/
	html {
	  overflow: scroll;
	}

	body {
	  margin-top: 0px;	  
	  margin-bottom: 10px;
	  }

	#container {
	  width: 850px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.3em;
	  color: #666;
	  background-color: #FFFFFF;
	  }
	  
	#container2 {
	  width: 850px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.3em;
	  color: #666;
	  background-color: #FFFFFF;
	  border-bottom: 2px solid #2763A5;
	  z-index: 1;
	  }
		
	h1 {
	font-size: 24px;
	height: 114px;
	margin-top: -5px;
	margin-bottom: 20px;
	background: url("images/hm_logo.gif") no-repeat left top;
}
	  
	h1 span {
      display: none;
      }

		
	h2 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  margin-bottom: 2px; 
	  margin-top:10px;
	  padding-bottom: 0px;
	  }
		
	a {
	  color: #339933;
	  text-decoration: underline;
	  font-weight: bold;
	  cursor: pointer;
	  cursor: hand; 
	  }

	a:hover {
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** content styles ****************/
	#content {
	  width: 520px;
	  padding-left: 10px;
	  padding-right: 0px;
	  padding-top: 10px;
	  float: left;
	  }

	#content p {
	  padding-bottom: 10px;
	  padding-top: 0px;
	  border-bottom: 1px solid #DDDDDD;
	  margin-top: 0px;
	  color: #7D6A55;
	  }

	#widecontent {
	width: 825px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 10px;
	float: left;
	z-index: 0;
}
	  
	#widecontent h1 {
	  background: none;
	  height: 1em;
	  }
	
	#widecontent h2 {
	  padding-top: 0.8em;
	  }
	  
	#widecontent h3 {
	  padding-top: 0.2em;
	  font-size: 14px;
	  margin-bottom: 2px; 
	  margin-top: 4px;
	  }
	
	#widecontent p {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding-bottom: 0px;
	  padding-top: 0px;
	  border-bottom: none;
	  color: #7D6A55;
	  }
	  
	#mainfeat1 {
	  padding-left: 147px;
	  margin-left: 0px;
      background:url("images/elearning1.jpg") no-repeat;
	  }
	  
	#mainfeat1 h2, #mainfeat2 h2, #mainfeat3 h2 {
		margin-left: -5px;
		}
	  
	#mainfeat1 h2 span, #mainfeat2 h2 span, #mainfeat3 h2 span {
	  display: none;
	  }
	
	#mainfeat2 {
	  padding-left: 152px;
	  margin-left: 0px;
      background:url("images/webcasts1.jpg") no-repeat left top;
	  }
	  
	#mainfeat3 {
	  padding-left: 152px;
	  margin-left: 0px;
      background:url("images/powerpoint1.jpg") no-repeat left top;
	  }


/**************** image styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

/**************** form styles ****************/
	form {
	  float:right;
	  font-size: 9px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #7D6A55;
	  border: 1px solid #7BC143;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #339933;
	  color: #FFFFFF;
	  border: 1px solid #7BC143;
	  font-size: 11px;
	  }

/**************** phone styles ****************/
	#phone {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 19px;
	  float: right;
	  margin-top: -90px;
	  }

/**************** header styles ****************/
	#header {
	  width: 850px;
	  border: 0px
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
	  }
	#header p { 
	  margin-top: -20px;
	  margin-left: 12px;
	  padding-bottom: 10px;
	  color: #999;
	  }

/**************** menu styles ****************/
    #mainmenu1 {
      float:left;
      width:850px;
      height:30px;
      font-size:93%;
      background:#DDD;
	  padding-bottom: 0px;
	  border-bottom:4px solid #595;
      line-height:normal;
      }
    #mainmenu1 ul {
	  margin:0;
	  padding:10px 10px 0 12px;
	  list-style:none;
      }
    #mainmenu1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #mainmenu1 a {
      float:left;
      background:#FFF;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #mainmenu1 a span {
      float:left;
      display:block;
      background:#339933;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    #mainmenu1 a span {
	  float:none;
	  }
    #mainmenu1 a:hover {
      background:#006600;
      }
    #mainmenu1 a:hover span {
      background-position:100% -42px;
      text-decoration:underline;
      }
    #mainmenu1 .selected a {
      background:#7BC143;
    }

    #mainmenu1 .selected a span {
      border-bottom: solid #7BC143;
      background:#EEE;
      color: #339933;
      }


    #submenu1 {
      float:left;
      margin-left: 30px;
      font-size:86%;
      background:#595;
	  padding-bottom: 1px;
	  border-bottom:0px solid #7BC143;
      line-height:normal;
      margin-bottom: -10px;
      z-index: 10;
      }
    #submenu1 ul {
	  margin:0;
	  padding:0px 4px 2px 5px;
	  list-style:none;
      }
    #submenu1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #submenu1 a {
      float:left;
      background:#FFF;
      margin:0;
      padding:0;
      text-decoration:none;
      }
    #submenu1 a span {
      float:left;
      display:block;
      background:#7BC143;
      padding:1px 15px 4px 6px;
      color:#FFF;
      }
    #submenu1 a span {
	  float:none;
	  }
    #submenu1 a:hover {
      background:#006600;
      }
    #submenu1 a:hover span {
      background-position:100% -42px;
      text-decoration:underline;
      }
    #submenu1 .selected a {
      background:#363;
    }

    #submenu1 .selected a span {
      border-bottom: solid #595;
      background:#EEE;
      color: #339933;
      }


/**************** sidebar styles ****************/
	#sidebar {
	  width: 265px;
	  margin-left: 10px;
	  padding-left: 15px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 0px;
	  border-bottom:4px solid #7BC143;
      background:#F8F8F8;
	  float: right;
	  }
	
	#sidebar h2 {
	  padding-bottom: 0px;
	  padding-left: 10px;
	  margin-left: -10px;
	  border-bottom:2px solid #7BC143;
	  }
	#sidebar h3 {
	  padding-bottom: 0px;
	  margin-bottom: 2px;
	  padding-top: 0px;
	  margin-top: 5px;
	  border-bottom:2px solid #DDDDDD;
	  font-weight:bold;
	  font-size: 8pt;
	  }
		
	#sidebar p {
	  padding-bottom: 0px;
	  margin-bottom: 2px;
	  padding-top: 0px;
	  margin-top: 5px;
	  border-bottom: 1px solid #DDDDDD;
	  color: #7D6A55;
	  }
	  
	#sidebar a {
	  color: #666;
	  }


/**************** feature box styles ****************/
	.featurebox {
	  width: 200px;
	  margin-left: 10px;
	  margin-top: 5px;
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 10px;
	  padding-bottom: 0px;
	  border-bottom:4px solid #7BC143;
	  border-top:4px solid #7BC143;
      background:#F8F8F8;
	  float: right;
	  }
	  
  	.featurebox h2 {
	  padding-bottom: 0px;
	  padding-left: 10px;
	  padding-top: 0px;
	  margin-left: 0px;
	  border-bottom:2px solid #7BC143;
	  }
	  
	.featurebox ul {
	  margin-top: 5px;
	  margin-left: 15px;
	  padding-left: 0px;
	  list-style-type: square;
	  list-style-position: inside;
	  }
	  
	  
	  
	#pagebanner {
		z-index: -1;
		}
	
	
	
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 0px;
	  clear: both;
	  width: 750px;
	  background-color:#7BC143;
	  }
		
	#footer p {
	  color:#FFFFFF;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color:#7BC143;
	  font-weight:100;
	  border-bottom: 1px dotted #FFFFFF;
	  }
		
	#footer p a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	  border-top: 1px dotted #FFFFFF;
	  border-bottom: 0px dotted #FFFFFF;
	  }