

/* ROUNDED BOX
----------------------------------------------------------------------------- 
*/
.inset {
  background:transparent;
  width:100%;
  }
.inset h1, .inset p {
  margin:0 10px;
  }
.inset h1 {
  font-size:2em; color:#fff;
  }
.inset p {
  padding-bottom:0.5em;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {
  height:1px;
  }
.inset .b2 {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b3 {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b4 {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b4b {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b3b {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b2b {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset .b1 {
  margin:0 5px; 
  background:#999;
  }
.inset .b2, .inset .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset .b3, .inset .b3b {
  margin:0 2px;
  }
.inset .b4, .inset .b4b {
  height:2px; margin:0 1px;
  }
.inset .b1b {
  margin:0 5px; 
  background:#999;
  }
.inset .boxcontent {
	display:block;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-left:0.5em;
  }
.inset .catagory {
	display:block;
	background:#ccc;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-left:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: small;
	font-weight: normal;
}

/* ROUNDED BOX FOR HMPG R SIDE
----------------------------------------------------------------------------- 
*/
.inset .teaser {
	display:block;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-left:0.5em;
	padding-right:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: small;
	font-weight: normal;
}
.inset .teaser a {
	font-family: Arial, Helvetica, sans-serif;
	color: #a94505;
	font-size: small;
	font-weight: normal;
	text-decoration: underline;
}
.inset .teaser a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: small;
	font-weight: normal;
	text-decoration: underline;
}

/* ROUNDED BOX FOR HMPG EVENT TEASERS
----------------------------------------------------------------------------- 
*/
.inset3 {
  background:transparent;
  width:100%;
  }
.inset3 h1, .inset3 p {
  margin:0 10px;
  }
.inset3 h1 {
  font-size:2em; color:#fff;
  }
.inset3 p {
  padding-bottom:0.5em;
  }
.inset3 .b1, .inset3 .b2, .inset3 .b3, .inset3 .b4, .inset3 .b1b, .inset3 .b2b, .inset3 .b3b, .inset3 .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset3 .b1, .inset3 .b2, .inset3 .b3, .inset3 .b1b, .inset3 .b2b, .inset3 .b3b {
  height:1px;
  }
.inset3 .b2, .inset3 .b3, .inset3 .b4, .inset3 .b4b, .inset3 .b3b, .inset3 .b2b {
  background:#fff; 
  border-left:1px solid #999; 
  border-right:1px solid #999;
  }
.inset3 .b1, .inset3 .b1b {
  margin:0 5px; 
  background:#999;
  }
.inset3 .b2, .inset3 .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset3 .b3, .inset3 .b3b {
  margin:0 2px;
  }
.inset3 .b4, .inset3 .b4b {
  height:2px; margin:0 1px;
  }
.inset3 .teaser3 {
	display:block;
	background:#fff;
	height:100px; /* this height should match event teaser table heights on hmpg */
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-left:0.5em;
	padding-right:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: small;
	font-weight: normal;
	text-align:center;
}
.inset3 .teaser3 a {
	color: #a94505;
	text-decoration: underline;
}
.inset3 .teaser3 a:hover {
	color: #999999;
	text-decoration: underline;
}
.inset3 .teaser4 {
	display:block;
	background:#fff;
	height:80px; /* this height should match event teaser table heights on hmpg */
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-left:0.5em;
	padding-right:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: small;
	font-weight: normal;
	text-align:center;
}
.inset3 .teaser4 a {
	color: #a94505;
	text-decoration: underline;
}
.inset3 .teaser4 a:hover {
	color: #999999;
	text-decoration: underline;
}
