@charset "utf-8";
/*@import "modal.css";*/
/* 
================================
HealthEast :: SCREEN2 CSS
(c)2010 BLUE CROSS BLUE SHIELD of MINNESOTA
Created by: StoneArch Creative
================================
*/

/*
================================
TABLE OF CONTENTS
--------------------------------

I.   TYPOGRAPHY
II.  LAYOUT
III. NAVIGATION
IV.  CLASSES

=================================
*/

/*
=================================
I. TYPOGRAPHY
---------------------------------
*/


*{padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:1.8em;line-height:1;margin-bottom:0.5em; font-weight: bold; color:#1E6E83;}
h2 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;margin-bottom:0.75em; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 { color:#666666; }
p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #666;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.list{margin: 0 0 0;}
p.footnote{font-size:.9em;line-height:1;margin-bottom:1em;font-weight:lighter; font-style:italic;}
a:focus, a:hover {color:#19568c; text-decoration: underline;}
a {color:#19568c; text-decoration:none;}
h2 a, h2 a:hover, h2 a:focus, h3 a ,h3 a:hover, h3 a:focus { color:#314998; }
a:hover {text-decoration: none;}
a img{ border:0; }

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0;}
/*ul, ol {margin:0 1.5em 1.5em 1.5em;}*/
ul {list-style-type: square; padding:0; list-style-position:outside; /*clear:left;*/}
ul ul li {list-style-type:circle;}
ul ul ul li {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
th,tr,td,thead {text-align:left;}
ul{margin:0; padding:0;  list-style-type:square; list-style-position:outside;}
fieldset{border:0;margin:0;padding:0}
:focus,:active { outline:0; }
div{display:block}

/*
=================================
II. LAYOUT
---------------------------------
*/

#container {width: 980px; margin: 0; padding: 0; display:block; }
body {font-size:75%;color:#666666;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body.mainBG { background: url(../images/body_bg.png) no-repeat; background-position: center top; }
#content {width: 980px; margin: 0; padding: 0; display:block; float:left; text-align:left; z-index:100;}

#front_box_holder { display:block; float:left; margin:10px 0 0 0; }
#header{display:block; float:left; width:960px; height:65px; background:url(../images/FH_BG.png) repeat-x bottom left;}
#head_logo_holder{display:block; float:left; width:260px; margin:0; padding:0;}
a#head_logo{display:block;float:left;width:139px; height:39px; background:url(../images/head_logo.png) no-repeat top left; margin-top:12px;}
#nav_holder{ display:block; float:right; width:700px; height:64px; margin:0; padding:0;}

#content{display:block; float:left; width:960px;}
#homeFlash{display:block; float:left; width:960px; height:526px; /*background:#03F;*/}
#footer{display:block; float:left; width:960px; background:url(../images/FH_BG.png) repeat-x top left; margin:10px 0 40px 0; padding-top:10px;}
#footLinks{display:block; float:left; width:480px; text-align:left;}
#right_footLinks{display:block; float:right; width:480px; margin-bottom: 30px;}
a#foot_hecs{display:block;float:right;width:150px; height:14px; background:url(../images/foot_hecsBG.png) no-repeat top left;}
a:hover#foot_hecs{background-position:0px -14px;}
a#head_logo strong,a#foot_hecs strong{display:block; overflow:hidden; text-indent:-9999px;}


#detail_img{display:block; float:left; width:960px; height:346px; /*background:#F0F;*/}
#detail_vid{display:block; float:left; width:960px; height:402px; /*background:#F0F;*/}
#detail_container{display:block; float:left; width:960px; background:url(../images/detail_contain_bg.png) repeat-y top right;}
#detail_left{display:block; float:left; margin-right:24px/*24px*/; width:680px; }
#detail_tabs{display:block; float:left; width:680px; border-bottom:2px solid #cccccc; }
.detail_panels{
	margin-right:-3px;
}
a.detail_tab{display:block; float:left; width:200px; height:30px; background:#eeeeee;}
a:hover.detail_tab,#detail_left a.selected{background:#dddddd; text-decoration:none;cursor:pointer;}
.detail_tab strong{display:block; color:#666666; margin:7px 0 0 28px; font-size:14px; font-weight:bold;}
#detail_left_a,#detail_left_b,#detail_left_c,#detail_left_d{display:block; float:left; width:680px; margin-top:20px; }
#detail_left_a h4,#detail_left_b h4,#detail_left_c h4,#detail_left_d h4{color:#666666; font-weight:bold; display:block; }
#detail_left_a h5,#detail_left_b h5,#detail_left_c h5,#detail_left_d h5{color:#666666; font-weight:bold; display:block; }
#detail_left_a p,#detail_left_b p,#detail_left_c p,#detail_left_d p{color:#666666; display:block; }
#detail_right{display:block; float:left; width:256px/*260px*/; }
#detail_right_head{display:block; float:left; width:196px/*200px*/; padding-left:60px; height:43px; background:url(../images/detail_right_headBG.png) no-repeat top left; background-color:#e6e6e6; }
#detail_right_head h4{display:block; color:#de791c; font-weight:bold; margin-top:12px;}
#detail_right_body{display:block; float:left; width:219px/*223px*/; padding-left:37px/*37px*/; }
/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav {display:block; float:right; width: 338px; height: 64px; margin:0; padding: 0;}
ul#main_nav {display:inline-block; height: 30px; list-style: none; margin: 0; padding: 0; width: 682px; background:url(../images/nav_Bar.png) no-repeat -24px 0px;}
ul#main_nav li {
	float: left;
	display: inline-block;
}
	
ul#main_nav li a#homeLink,
ul#main_nav li a#stories,
ul#main_nav li a#share{
	background: url(../images/navBG.png) no-repeat;
	display:inline-block;
	height: 64px;
	margin: 0px;
	position: relative;
	z-index: 100;
}



ul#main_nav li a#homeLink {background-position: 0px 0px; width: 90px; margin-left:0px;}
ul#main_nav li a#stories {background-position: -90px 0px;width: 168px;}
ul#main_nav li a#share {background-position: -258px 0px;width: 80px;}

ul#main_nav li a:hover#homeLink {background-position: 0px -64px; width: 90px; }
ul#main_nav li a:hover#stories {background-position: -90px -64px;width: 168px;}
ul#main_nav li a:hover#share {background-position: -258px -64px;width: 80px;}

ul#main_nav li a.selected#homeLink {background-position: 0px -64px; width: 90px; }
ul#main_nav li a.selected#stories {background-position: -90px -64px;width: 168px;}
ul#main_nav li a.selected#share {background-position: -258px -64px;width: 80px;}
/*
ul#main_nav li a.selected:hover#what_is_do {background-position: 0px -74px; width: 41px; }
ul#main_nav li a.selected:hover#do_stories {background-position: -41px -74px;width: 188px;}
ul#main_nav li a.selected:hover#do_in_action {background-position: -227px -74px;width: 189px;}
ul#main_nav li a.selected:hover#do_at_work {background-position: -416px -74px;width: 105px;}
ul#main_nav li a.selected:hover#the_latest {background-position: -521px -74px;width: 103px;}
*/

#main_nav strong {display:block; text-indent:-9999px; overflow:hidden; }

/*
*/
/*
=================================
IV. CLASSES
---------------------------------
*/
.w960{ display:block;float:left;width:960px;}
.m10{margin:10px;}
.mT6{margin-top:6px;}
.mR6{margin-right:6px;}
.mB6{margin-bottom:6px;}
.mL6{margin-left:6px;}
.mT8{margin-top:8px;}
.mR8{margin-right:8px;}
.mB8{margin-bottom:8px;}
.mL8{margin-left:8px;}
.mT10{margin-top:10px;}
.mR10{margin-right:10px;}
.mB10{margin-bottom:10px;}
.mL10{margin-left:10px;}
.mT16{margin-top:16px;}
.mR16{margin-right:16px;}
.mB16{margin-bottom:16px;}
.mL16{margin-left:16px;}

.aRight{text-align:right;}
.aLeft{text-align:left;}
.fLeft{float:left;}
.fRight{float:right;}

.front_box{
	display:block;
	float:left;
	width:427px;
	background:#f2f2f2;
	height:140px;
	padding:0 24px 0 24px;
}
.front_box h3{color:#142F6B; font-size:15px; font-weight:bold;}
.front_box p{color:#666666; font-size:12px; font-weight:normal; margin-top:15px; line-height:17px;}
.front_box ul{display:block; padding-left:14px; margin-top:15px; list-style-type:square;}
.front_box ul li { margin-bottom:7px;}

.lgPolaroid,
.smPolaroid{
	display:block; float:left; border:10px solid #EEEEEE;}
.lgPolaroid{width:452px; height:340px;}
.smPolaroid{width:208px; height:214px; margin-top:16px;}

.lgPolaroid div.image{display:block; float:left; width:452px; background:#FFFFFF; height:280px;}
.smPolaroid div.image{display:block; float:left; width:208px; background:#FFFFFF; height:140px;}
.lgPolaroid div.panel{display:block; float:left; width:452px; background:#EEEEEE; height:60px;}
.smPolaroid div.panel{display:block; float:left; width:208px; background:#EEEEEE; height:74px; position:relative;}
.imgbar{background:#de791c; height:6px; overflow:hidden;}
.lgPolaroid p, .smPolaroid p{ display:block; margin-top:10px;}
.lgPolaroid div.panel span.readMore{display:inline-block; height:14px;color:#de791c; font-weight:bold; }
.smPolaroid div.panel span.readMore{display:block;width:208px;height:14px;color:#de791c; font-weight:bold; position:absolute; bottom:0; left:0;}
a:hover .lgPolaroid div.panel,a:hover .smPolaroid div.panel{color:#FFFFFF; background-color:#de791c;}
a:hover .lgPolaroid, a:hover .smPolaroid{border:10px solid #de791c; color:#FFFFFF;}
a:hover .lgPolaroid p,a:hover .lgPolaroid span.readMore,a:hover .smPolaroid p,a:hover .smPolaroid span.readMore{color:#FFFFFF; text-decoration:none;}

a.external {
	background:url(../images/externalLinkBG.png) no-repeat top left;
	display:block; padding-left:30px; height:25px; line-height:210%; font-weight:bold; color:#de791c;
}


.footer_links,.footer_links a,.footer_links a:hover,.footer_links a:visited{font-size:11px; color:#31468D;}
.footer_links a{font-weight:bold; margin:0 3px 0 3px;}

.formDiv{
	text-align:left;
	width:600px;
	display:block;
}
.formDiv h3{
	display:block;
	font-size:14px;
	font-weight:bold;
}
.formDiv h5{
	display:block;
	font-size:12px;
	font-weight:normal;
	float:left;
	margin:0;
	padding:2px;
}
.formDiv fieldset{
	display:block;
	float:left;
	width:500px;
	overflow:hidden;
	margin:5px;
}
.formDiv span.error{
	display:block;
	float:left;
	width:240px;
	margin-top:10px;
	color:#FF0000;
}
.formDiv input,.formDiv select{
	display:block;
	float:right;
	
}
/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/





/* =================== sIFR ====================== */
.galleryHeadline{display:block; float:left;}
.galleryHeadline h2{
	display:block;
	font-weight:bold;
	color:#666666;
	font-size:22px;
	margin:10px 0 10px 0;
	width:800px;
}
.galleryHeadline h4{
	display:block;
	font-weight:bold;
	color:#999999;
	font-size:16px;
	margin:0 0 10px 0;
	width:800px;
}


@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #title h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 5px 0 0;
  }
}


/** {padding-left:0; margin-left:0; background:none; background-color:none; border:1px solid red;}*/

/*#header * {
	margin:0;
	padding:0;
}*/


/*  REMOVAL CLASSES */

.pullSubTopMargin p{margin-top:0;}

.pullSubSideMargin p,
.pullSubSideMargin ul,
.pullSubSideMargin h1,
.pullSubSideMargin h2,
.pullSubSideMargin h3,
.pullSubSideMargin h4,
.pullSubSideMargin h5{
	margin-left:0;
	margin-right:0;
}
	
.noBT{border-top:none;}
.noBR{border-right:none;}
.noBB{border-bottom:none;}
.noBL{border-left:none;}
.noBG{background:none;}
.noMarT{margin-top:0;}
.noMarR{margin-right:0;}
.noMarB{margin-bottom:0;}
.noMarL{margin-left:0;}

/* -- */