/* 
  HSI Main Stylesheet - style.css

  Important Color Information 
  	Text Color: #3e3e3e
	  HSI Red: #aa0d0a  --Used for borders and links
	  Off Black: #1a1a1a
*/

/* Reset Font Sizes
--------------------------------*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
*/
BODY {
  font: 13px arial,helvetica,clean,sans-serif;
}
TABLE {
  font-size: inherit;
  font: 100%;
}

/**
 * 99% for safari; 100% is too large
*/
SELECT, INPUT, TEXTAREA {
  font: 90% arial,helvetica,clean,sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
*/
PRE, CODE {
  font: 115% monospace;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
*/
BODY * {
  line-height: 1.22em;
}


/* Misc Styles
--------------------------------*/
#printLogo {
  display: none;
}

* {
  margin: 0px;
  padding: 0px;
}
A IMG {
  border: none;
}
.print {
  display: none;
}
.floatLeft {
  float: left;
}
.leftImg {
  margin-right: 10px;
  margin-bottom: 10px;
}
.floatRight {
  float: right;
}
.rightImg {
  margin-left: 10px;
  margin-bottom: 10px;
}
.textRight {
  text-align: right;
}
.textCenter {
  text-align: center;
}
.textLeft {
  text-align: left;
}
.note {
  color: #aa0d0a;
}
.address {
  padding-left: 25px;
}
.stillneed {
  color: #ea0707;
  font-size: 130%;
  font-weight: bold;
}
.indent {
  padding-left: 10px;
}

/* The Clearfix class meant for clearing floats
--------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
  display: block;
}
/* End Hide from IE Mac */

/* Header Styles
--------------------------------*/
H2 {
  color: #aa0d0a;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 15px;
  text-transform: uppercase;
}
H2 SPAN {
  font-weight: normal;
  text-transform: none;
}
#mainContent H3 {
  color: #000;
  font-size: 100%;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 5px;
}
H4 {
  color: #000;
  font-size: 90%;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* Core Styles
--------------------------------*/
BODY {
  font-size: medium;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000;
}
#container {
  font-size: 90%;
  text-align: left;
  width: 720px;
  margin: 30px auto;
}
BODY .intWide {
  width: 900px !important;
}
#logo {
  width: 142px;
  height: 80px;
  float: left;
}
IMG {
  border: none;
}
#logo H1 A {
  display: block;
  width: 142px;
  height: 80px;
  text-indent: -9000px;
  outline: none;
  background: url(../images/HSI_Logo_2009_142x80s.png) no-repeat top left;
}
#topNav {
  width: 510px;
  float: right;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: right;
  background: #fff;
}
#topNav UL, #topNav LI {
  list-style: none;
  font-size: 95%;
}
#topNav UL {
}
#topNav LI.main {
  float: right;
  position: relative;
  z-index: 500;
  color: #aa0d0a;
  font-weight: bold;
}
#topNav A {
  position: relative;
  color: #aa0d0a;
  text-decoration: none;
  display: block;
  padding: 3px 7px;
}
#topNav A.mainLink:link, #topNav A.mainLink:visited {
  border: solid 1px #fff;
  border-bottom: none;
}
.subMenu {
  display: none;
  background: #fff;
  text-align: left;
  position: absolute;
  z-index: 500;
  margin-top: -1px;
  left: 0px;
  width: 150px;
}
.subMenu UL {
  background: #fff;
  border: solid 1px #aa0d0a;
  padding: 5px;
}
#topNav A.hoverLink:link, #topNav A.hoverLink:visited {
  background: #fff;
  border: solid 1px #aa0d0a;
  border-bottom: none;
}
#topNav .subMenu LI {
  background: #fff;
}
#topNav .subMenu A {
  padding: 2px;
  font-weight: normal;
}
#contactUsSub {
  left: -17px;
  width: 100px;
}
#topNav .subMenu A:hover {
  background: #eee;
}
#sideNav {
  float: left;
  width: 180px;
  margin-top: 10px;
}
#sideNav UL, #sideNav LI {
  list-style: none;
}
#sideNav A {
  font-weight: bold;
  color: #1d1d1d;
  font-size: 100%;
  text-decoration: none;
  display: block;
  padding: 6px 2px 6px 40px;
  background-image: url(../images/ff_sidenav.png);
  background-repeat: no-repeat;
  border-bottom: solid 2px #d58684;
}
.clientLogin {
  text-indent: -9000px;
  background: url(../images/client_login.png) no-repeat top left;
}
.navTopBorder {
  border-top: solid 2px #d58684;
}
.domesticClients, H2.portalDomestic {
  background-position: 0px 3px;
}
.internationalClients, H2.portalInternational {
  background-position: 0px -62px;
}
.maritimeClients, H2.portalMaritime {
  background-position: 0px -128px;
}
.ppoClients, H2.portalPPO {
  background-position: 0px -190px;
}
.healthCareProviders, H2.portalProviders {
  background-position: 0px -257px;
}
.healthCareConsumers, H2.portalConsumers {
  background-position: 0px -320px;
}
H2.portalConsumers, H2.portalDomestic, H2.portalInternational, H2.portalMaritime, H2.portalPPO, H2.portalProviders {
  background-image: url(../images/ff_sidenav.png);
  background-repeat: no-repeat;
  padding: 6px 2px 6px 38px;
}

#sideNav A.active:link, #sideNav A.active:visited {
  color: #aa0c09;
  background-color: #f5f5f5;
}
#sideNav A:hover {
  background-color: #f5f5f5;
}
#homeFlash {
  float: right;
  width: 510px;
  height: 224px;
}
homeFlashWrap {
  position: absolute;
  z-index: 0;
}
#homeContent, #mainContent {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 90%;
}
#homeContent {
  clear: both;
  margin-top: 10px;
  border-top: solid 10px #aa0c09;
  padding-top: 15px;
}
#mainContent {
  float: left;
  width: 510px;
  margin-left: 25px;
}
body .intWide #mainContent {
  width: 680px;
}
#mainContent .content {
  padding: 10px;
}
.maritime {
  background: url(../images/maritime.png) bottom right no-repeat;
}
.international {
  background: url(../images/international.png) bottom right no-repeat;
}
.domestic {
  background: url(../images/domestic.png) bottom right no-repeat;
}
.ppo {
  background: url(../images/ppo.png) bottom right no-repeat;
}
.provider {
  background: url(../images/providers.png) bottom right no-repeat;
}
.consumers {
  background: url(../images/consumers.png) bottom right no-repeat;
}
.titleInfo {
  display: none;
  position: absolute;
  background: #dadada;
  margin-left: 185px;
  margin-top: -27px;
  width: 200px;
  padding: 10px;
  font-size: 90%;
}
.titleInfo IMG {
  position: absolute;
  margin-left: -20px;
  margin-top: -9px;
}

.shade {
  margin-bottom: 20px;
  padding: 5px;
  background: #e6f6ff;
  border: solid 2px #c6deec;
}

/* Newsletter Signup */
#newsletterSignup {
  float: right;
  width: 215px;
  font-size: 100%;
  margin-left: 15px;
}
.newsletterName {
  width: 73%;
  font-size: 110%;
}
.newsletterEmail {
  width: 74%;
  font-size: 110%;
}
#newsletterSignup P {
  margin-bottom: 5px;
}
.newsletterTitle {
  background: url(../images/sign_up.png) no-repeat left top;
  text-indent: -9000px;
  margin-bottom: 10px;
}
#newsletterSignup LABEL {
  font-weight: bold;
}
.newsletterSubmit {
  border: none;
  background: url(../images/submit.png) no-repeat center center;
}
.submitHide {
  visibility: hidden;
}

/* Home Content Text */
.hText P {
  line-height: 17px;
  text-align: justify;
  margin-bottom: 10px;
}
#homeContent UL, #homeContent OL {
  margin-left: 25px;
}
#homeContent UL LI, .content UL LI {
  font-style: italic;
  list-style: none;
  background: url(../images/bullet.png) no-repeat 0px 5px;
  padding: 0px 0px 5px 10px;
}

/* Non Home Content */
.content P {
  line-height: 18px;
  margin-bottom: 10px;
}
.content UL, .content OL {
  margin: 10px;
}
#mainContent .content LI {
  font-style: normal;
  list-style: none;
  background: url(../images/content_bullet.png) no-repeat 0px 5px;
  padding-left: 10px;
}
.content A:link, .content A:visited {
  color: #0000FF;
  text-decoration: none;
}
.content A:hover {
  text-decoration: underline;
}
.content H1 {
  background: #ea0707;
  padding: 3px;
  font-size: 140%;
  color: #fff;
}

.leadershipDL {
  margin-top: 15px;
  margin-bottom: 15px;
}
.leadershipDL DD {
  display: none;
  margin-left: 20px;
}
.leadershipDL DT {
  font-weight: bold;
  margin-bottom: 10px;
  background: #f3f3f3 url(../images/arrow.gif) no-repeat 2px 6px;
  padding: 3px 3px 3px 16px;
  margin-bottom: 4px;
}
.leadershipDL DT SPAN {
  font-weight: normal;
  font-size: 80%;
}

.readMoreWrap, .checkWrap, .moreInfoWrap, .loginWrap {
  margin-top: 20px;
  margin-bottom: 20px !important;
  padding: 5px;
}
#mainContent .readMoreWrap A, #mainContent .checkWrap A, #mainContent .moreInfoWrap A, #mainContent .loginWrap A {
  font-weight: bold;
  color: #990000;
  text-decoration: none;
}
A.readMore:link, A.readMore:visited {
  background: url(../images/more.gif) no-repeat left center;
  padding: 12px 5px 12px 80px;
}
A.checkLink:link, A.checkLink:visited {
  background: url(../images/check.gif) no-repeat left center;
  padding: 14px 8px 14px 44px;
}
A.moreInfo:link, A.moreInfo:visited {
  background: url(../images/more_info.gif) no-repeat left center;
  padding: 14px 8px 14px 44px;
}
A.login:link, A.login:visited {
  background: url(../images/login.gif) no-repeat left center;
  padding: 12px 5px 12px 80px;
}
A.readMoreRight:link, A.readMoreRight:visited {
  background: url(../images/more.gif) no-repeat right center;
  padding: 12px 80px 12px 5px;
}
A.checkLinkRight:link, A.checkLinkRight:visited {
  background: url(../images/check.gif) no-repeat right center;
  padding: 14px 44px 14px 8px;
}
A.moreInfoRight:link, A.moreInfoRight:visited {
  background: url(../images/more_info.gif) no-repeat right center;
  padding: 14px 44px 14px 8px;
}
A.loginRight:link, A.loginRight:visited {
  background: url(../images/login.gif) no-repeat right center;
  padding: 12px 80px 12px 5px;
}
.infoContainer {
  padding-bottom: 5px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 5px;
}
/* CSS for the round box starts here - gray border */
.roundBox {
  padding: 0 10px 0 0;
  background: #fff url(../images/roundbox_border.png) 100% 0 repeat-y;
}
.bt, .bt DIV, .bb, .bb DIV {
  background-image: url(../images/roundbox.png);
  background-repeat: no-repeat;
}
.bw {
  padding: 0 0 0 10px;
  background: url(../images/roundbox_border.png) 0 0 repeat-y;
}
.bt {
  height: 12px;
  margin: 0 -10px;
  background-position: 100% 0;
}
.bt DIV {
  width: 18px;
  height: 12px;
  background-position: 0 0;
}
.bb {
  height: 12px;
  margin: 0 -10px;
  background-position: 100% 100%;
}
.bb DIV {
  width: 18px;
  height: 12px;
  background-position: 0 100%;
}

/* CSS for the box starts here - dark thick border
		.roundBoxDark {padding:0 5px 0 0; background:#fff url(../images/roundbox_dark_border.png) 100% 0 repeat-y;}
		.btDark, .btDark div, .bbDark, .bbDark div {background-image:url(../images/roundbox_dark.png); background-repeat: no-repeat;}
			.bwDark {padding:0 0 0 5px; background: url(../images/roundbox_dark_border.png) 0 0 repeat-y;}
				.btDark {height:12px; margin:0 -5px; background-position: 100% 0;}
					.btDark div {width:18px; height:12px; background-position:0 0;}
				.bbDark {height:8px; margin:0 -5px; background-position: 100% 100%;}
					.bbDark div {width:18px; height:8px; background-position: 0 100%;} */

/* Footer */
#footer {
  border-top: solid 2px #aa0c09;
  color: #3e3e3e;
  padding-top: 5px;
  margin-top: 20px;
  font-size: 80%;
  padding-left: 25px;
  font-weight: bold;
}
.enewsSignup {
  float: right;
  padding-right: 25px;
  font-weight: bold;
  font-family: Georgia, "Times New Roman" , Times, serif;
}
.enewsSignup A {
  color: #aa0d0a;
  text-decoration: none;
  font-style: italic;
}