﻿body {Arial; color:#555; background:#fff}

#wrapper {width:380px; auto}

.accord-content { display: none; }

.accord-header{
	font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#a41533;
	line-height:40px;
	padding:0px;
	background:#;
	border:0px solid #FFF;
	cursor:pointer;
}
.accord_header:hover{
    font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#000000;
	padding:0px;
	background:#;
	border:0px solid #FFF;
}
.accord_content{
	font-family: Verdana, sans-serif;
	font-size: 8.5pt;
	color:#333333;
	padding:8px;
	background:#;
}
.accord_header_highlight{
	font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#a41533;
	padding:0px;
	background:#;
	border:0px solid #FFF;
	cursor:pointer;
}

.accord2-content { display: none; }

.accord2-header{
	font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#a41533;
	line-height:40px;
	padding:0px;
	background:#;
	border:0px solid #FFF;
	cursor:pointer;
}
.accord2_header:hover{
    font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#000000;
	padding:0px;
	background:#;
	border:0px solid #FFF;
}
.accord2_content{
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	color:#333333;
	padding:8px;
	background:#;
}
.accord2_header_highlight{
	font-family: Tahoma, sans-serif;
	font-size: 15pt;
	font-weight:normal;
	color:#a41533;
	padding:0px;
	background:#;
	border:0px solid #FFF;
	cursor:pointer;
}
.sliderbutton {float:left; width:0px; padding-top:0px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#}
#slideshow {float:left; width:380px; height:190px; border:0px solid #; background:#}
#slides {
	position:relative;
	width:380px;
	height:190px;
	list-style:none;
	overflow:auto
}
#slides li {width:380px; height:190px}

.pagination {float:left; list-style:none; height:12px; margin:18px 0 0 60px}
.pagination li {float:left; cursor:pointer; padding:5px 5px; background:#eaeaea; border:1px solid #eaeaea; margin:0 6px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#666666; border:1px solid #666666; color:#000}
li.current {border:1px solid #a41533; background:#a41533}

li#content {width:380px; height:190px; padding:0px 0px 0px 0px; background-image:url(images/HBR_site_head_05_tile.gif)}
#content h1 {
	font:22px Arial;
	color:#000
}

.sub_navbar {
	margin: 0;
	padding: 10;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0.1em;
}
.sub_navbar_link {
	margin: 0;
	padding: 10;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#navbar {
	margin: 0;
	padding: 0;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
#navbar :hover a, #navbar :hover a {
	display: block;
	color: #ededed;
	background-color: #000000;
}
#navbar li {
	list-style: none;
	float: left;
}
#navbar li a {
	display: block;
	padding: 4px 8px;
	color: #a41533;
	text-decoration: none;
}
#navbar li ul {
	display: none;
	width: 13.5em; /* Width to help Opera out */
	z-index:1000;
}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	margin: 0;
	padding: 6px 4px;
	width: auto;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar li:hover li, #navbar li.hover li {
	float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
	border-bottom: 0px;
	color: #;
}
#navbar li li a:hover {
	background-image: url(images/tab2.png);
	color: #a41533;
}



.body01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
}
.leftnav_01 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 16pt; font-weight: normal}
.head_01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000000;
	clip:   rect(   )
}
.subhead_01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #a41533;
	font-style: normal;
}
.body02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	clip:   rect(   );
	font-style: italic;
}
.body01small { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #333333 ; line-height: normal}
.body03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #8f3840
}
.leftnav_02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.7em;
	padding-left: 19px;
}
.body04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	padding-right: 5px;
}
.body05 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 16pt; font-style: italic
}
.topnav_02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #FFF;
}
.topnav_03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #98012e;
}
.body05 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #B03827
}
.name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: #000000
}
.smalltext01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #a41533;
; font-style: italic
}
.smalltext02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #000000;
}
body {
	font-family: Verdana, sans-serif;
	font-size: 8.5pt;
	color:#333333;
	margin:0px;
}

.links01 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: 597b9a
}
.tilebackground {
background-repeat:no-repeat;
}
.hotspot-container {
  width: 200px; height: 1px;
  position: relative;
  background: url(some-background-image) no-repeat;
}
  .hotspot-container .hotspot {
	width: 184px;
	height: 25px;
	position: absolute;
	top: 211px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */
	left: 664px; /* Left coord of hotspot (right: 20px is also valid); */
}
