/*
	
	CSS stylesheet for all medium
	(c) 2006 Intermountain Healthcare
	
	Notes:
	----------------------------------------------------
	This CSS does the following for LiVE:
	- Formats fonts and links
	- Formats page layout
	
	Modification History:
	----------------------------------------------------
	December 2006 - Created
  December 2007 - Updated
	
	*/

	* {margin: 0; padding: 0;}
	body { background: #fff; font: normal .8em/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; }
	
/** HIDDEN ELEMENTS **/
	#print-hdr {display:none;}	
	hr {clear:left;}
	.clearAll {display:block; height:1%; font-size:0; clear:both; visibility:hidden;}
	
/** MAIN CONTAINER STYLES **/
	#container {position: relative; width: 750px; margin: 20px auto; text-align: center; padding-top:20px;}
	.wrap {text-align: left;}
	.vivePg {margin:-5px 0 0; padding:0;}
	a {text-decoration:none; color:#4E6298;}
	a:hover {text-decoration:underline; color:#790102; cursor:pointer !important;}
	p {padding-bottom: 10px;}
	h4 {font: bold 1.1em/normal Verdana, Arial, Helvetica, sans-serif;}
	
/** HEADER STYLES **/
	#header {background: url(/images/layout/bg-header.jpg) no-repeat right top; padding-top:2px;}
	#page_body:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Hides from IE-mac \*/* html #container {height: 1%;}* html #page_body {height: 1%;}/* End hide from IE-mac */
	a.logo:visited {float:left; margin:-15px 0 0 1px; left:0; z-index: 1000; position:absolute; background: url(/images/logos/logo-live-main.gif) no-repeat; width:184px; height: 88px; border: 0; display:block;}
	a.logo:hover {float:left; margin:-15px 0 0 1px; left:0; z-index: 1000; position:absolute; background: url(/images/logos/logo-live-main.gif) no-repeat; width:184px; height: 88px; border: 0; display:block;}
	a.logo {float:left; margin:-15px 0 0 1px; left:0; z-index: 1000; position:absolute; background: url(/images/logos/logo-live-main.gif) no-repeat; width:184px; height: 88px; border: 0; display:block;}
	#topNav {margin:5px 0 0 220px; padding-top:5px;}
	#header ul {display:none;}
	
	/* FOR VIVE ONLY */
	body.vive a.logo:visited {background: url(/images/logos/logo-vive-main.gif) no-repeat;}
	body.vive a.logo:hover {background: url(/images/logos/logo-vive-main.gif) no-repeat;}
	body.vive a.logo {background: url(/images/logos/logo-vive-main.gif) no-repeat;}
	body.vive #header {background: url(/images/layout/bkg-nav.jpg) no-repeat right; width: 750px; padding-top:1px;}
	body.vive #header ul {display:block;}
	#header ul {list-style:none; margin:0 0 0 180px; color:#C87677; padding:0;}
	#header ul li {float:left; width:auto; margin:7px 0 0; font:normal 17px/normal Arial, Helvetica, sans-serif; padding: 1px 4px; text-align:center; border-right: 1px solid #C87677; height:18px;}
	#header ul li.n2 {font-size: 17px;}
	#header ul li.n3 {font-size: 16px;}
	#header ul li.n4 {font-size:17px;}
	#header ul li.n5 {font-size:17px;}
	#header ul li.n6 {font-size:16px; border-right:none;}
	#header ul li a {text-decoration: none; color: #fff; margin:0; padding:0;}
	#header ul li a:hover {text-decoration: underline; cursor: pointer;}

/* HOMEPAGE */
	
/** MAIN PAGE STYLES **/
	#homeLnk {position:absolute; display:block; width:49px; height:50px; top:23px; left:0; z-index:1000;}
	#page_body  {background: #fff6e6 url(/images/layout/bkg-pg-body.jpg) no-repeat top; padding: 0; width: 750px; position:relative;}
	body#green #page_body {background:#f4ffe4 url(/images/layout/bkg-pg-body-green.jpg) no-repeat top;}
	body.vive #page_body {background: #fff6e6 url(/images/layout/bkg-pg-body-vive.jpg) no-repeat top;}
	body#home #page_body {background: #fff url(/images/layout/bkg-pg-body-home.jpg) no-repeat top !important;}
	.pos { position: relative; float: left; top: 0px; left: 0px; }
	#main_col { width: 535px; display: inline; margin: 0px 4px 0px 200px; padding-top: 50px; }
	#main_col2 { width: 685px; display: inline; margin: 0px 4px 0px 50px; padding-top: 50px;}
	.food {background: url(/images/layout/bkg-food.gif) no-repeat right top;}
	body.vive .food {background: url(/images/layout/bkg-alimento.gif) no-repeat right top;}
	.activity {background: url(/images/layout/bkg-activity.gif) no-repeat right top;}
	body.vive .activity {background: url(/images/layout/bkg-actividad.gif) no-repeat right top;}
	.support {background: url(/images/layout/bkg-support.gif) no-repeat right top;}
	body.vive .support {background: url(/images/layout/bkg-ajuda.gif) no-repeat right top;}
	.games {background: url(/images/layout/bkg-games.gif) no-repeat right top;}
	body.vive .games {background:url(/images/layout/bkg-juegos.gif) no-repeat right top;}
	.park {background: url(/images/layout/bkg-park.gif) no-repeat right top;}
	.challenge {background: url(/images/layout/bkg-lori.gif) no-repeat right top;}	
	.resources {background: url(/images/layout/bkg-resources.gif) no-repeat right top;}
	.facts {background: url(/images/layout/bkg-facts.gif) no-repeat right top;}
	body.vive .facts {background:url(/images/layout/bkg-aprende.gif) no-repeat right top;}
	.services {background: url(/images/layout/bkg-services.gif) no-repeat right top;}
	.slice {margin: 0 1em; padding: 0; display:inline-block;}
	.rightflt {float:right; padding-left: 10px; clear:right;}
	.leftflt {float:left; padding-right: 10px; clear:left;}
	
/** HOME PAGE MAIN COL **/
	body#home #page-body {padding: 0;}
	body#home #main_col {width:750px; display:inline; margin: 0; padding-top: 0;}
	
/** ADJUSTMENTS FOR MAIN COL **/
	#main_col2 ul {width: 70%;}
	.full .links {width:auto !important;}
	
	.full {width:auto !important;}
	
/** MAIN CONTENT SECTION STYLES **/
	#content { padding: 30px 25px 0 0px; display:inline-block;}
	#content br { clear: both; }
	h2#pg-subtitle {margin:0; background:transparent; padding: 0 200px 0 0; color: #fff;}
	h1#pg-title {margin:0; background:transparent; padding: 0 200px 0 0; color: #fff;}
	h1#pg-title {font: bold 2em/normal Arial, Helvetica, sans-serif; height: 55px; margin-top: -10px; margin-bottom: -5px;}
	body.vive h1#pg-title {font:normal 3em/.6em Arial, Helvetica, sans-serif; height: 80px; margin-top: -10px; margin-bottom: -5px;}
	h2#pg-subtitle {font: normal 1em/normal Arial, Helvetica, sans-serif; height: 35px;}
	ul.list { margin-bottom: 10px; display:inline-block;}
	ul.list li {margin-left: 15px; list-style: square;}
	#content h2 {font:normal 1.7em/1.7em Arial, Helvetica, sans-serif; letter-spacing: -.05em;}
	#content h3 {font:normal 1.4em/1.4em Arial, Helvetica, sans-serif; letter-spacing: -.05em;}
	.toggleable {width: 550px; padding-bottom: 10px;} /* The toggle javascript needs a width to render */
	.toggleable div {border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px;}
	.narrow {width: 330px;}
	.gallery {float:right; width:412px; margin-left:10px; background: #f2e9d9 url(/images/layout/bg-gallery.jpg) no-repeat 0 100px; padding:0 0 60px 0; border-top: 5px solid #7C030C; border-bottom:1px solid #7C030C;}
	.gallery ul {width:99%;}
	.gRow {clear:both; margin-bottom:15px;}
	.gImg {display:block; float:left; margin-left:5px; width:75px;}
	.gImg img {border:1px solid #ccc;}
	.gDetails {float:left; width:150px; margin-left:8px;}
	.gDetails a {font-size:.85em;}
	
/** RIGHT COLUMN STYLES **/
	.comment {padding: 40px 0 15px; background-repeat: no-repeat; background-position: top right; display:block;}
	.comment h3 {min-height: 15px; padding:0; margin:0; color:#FFC478; letter-spacing: -0.3em;}
	body.vive .comment h3 {padding:2px 0 3px; margin:0;}
	.comment div {padding: 0 7px 7px;}
	.comment em {font-weight:bold;}
	.rightcol {clear:right; float:right; margin: 0 -10px 10px 20px; width:150px;}
	ul .rightcol {margin-right: 0;}
	.red {background: url(/images/layout/bkg-comment-red.gif);}
	.quote {background-image: url(/images/layout/bkg-quote.gif);}
	.quote div {background: #e3cbaf;}
	.but {background-image: url(/images/layout/bkg-but.gif);}
	body.vive .but {background-image: url(/images/layout/bkg-pero.gif);}
	.but div {background: #c6d7c4;}
	.info {background-image: url(/images/layout/bkg-info.gif);}
	.info div {background: #D2D7E6;}
	.rightcol .showtext {display:none;}
	.contentspan {width:auto; float:none;}
	.contentspan .showtext {display:block; padding: 0;}
	ul.menu-lrg {list-style-type:none;}
	ul.menu-lrg li {padding: 0 0 0 15px; border: solid #ccc; border-width: 3px 0 0;}
	ul.menu-lrg li ul li {border:none; padding: 0 0 10px;}
	ul.menu-lrg .collink {margin-left: -15px;}
	ul.menu-lrg .exlink {margin-left: -15px;}
	.videoCont {width:283px; height:281px; background:url(/images/layout/bkg-videoWrap.gif) no-repeat top; padding:35px 0; margin:0 0 5px 20px; text-align:center; float:right;}
	.videoCont div {margin:0 auto;}
	

/* DREW VIDEO */
.videoContDrew {width:650px; height:340px; background:url(/images/layout/bkg-videoWrapdrew.gif) no-repeat top; padding:65px 10px 10px 35px; margin:0 0 75px 20px;}
/*.vidMenu {float:right; clear:right; margin-bottom:5px; cursor:pointer;}
.endVid {margin-bottom:0 !important;}*/
.pgPos {position:relative; background:#fff; padding-bottom:15px;}
#player{padding-left: 30px}

/* video menu */
.vidMenuWrap1 {float:right; clear:right; padding-right:60px; position:relative; width:126px; padding-bottom:30px;}
.vidMenuWrap1 dt {width:126px;}
.vidMenuWrap1 dt a {padding:7px; color:#fff; display: block; background:#0e1631 url("../img/bg-videoMenuDT") repeat-x 0 100%; border-bottom:1px solid #aecae0;}
.vidMenuWrap1 dt a:hover {background:#fff; color:#0e1631 ; }
.vidMenuWrap1 dd {position:absolute; top:0; right:0; width:110px;}
.vidMenuWrap1 dd a img {padding:5px; border:1px solid; padding:5px; background:#fff; border-color:#7c96ac #627f97 #4b6982; }

.vidMenuWrap2 {float:right; clear:none; padding-right:20px; position:relative; width:126px; padding-bottom:30px;}
.vidMenuWrap2 dt {width:126px;}
.vidMenuWrap2 dt a {padding:7px; color:#fff; display:block; background:#0e1631 url("../img/bg-videoMenuDT") repeat-x 0 100%; border-bottom:1px solid #aecae0;}
.vidMenuWrap2 dt a:hover {background:#fff; color:#0e1631 ; }
.vidMenuWrap2 dd {position:absolute; top:0; right:0; width:110px;}
.vidMenuWrap2 dd a img {padding:5px; border:1px solid; padding:px; background:#fff; border-color:#7c96ac #627f97 #4b6982; }

.ih-js .vidMenuWrap dd {display:none;}
	
	
/* LINK LISTS */
	ul.links li {list-style-type: none; padding: 0 0 0 10px !important; background: url(/images/nav/nav-bullet-2.gif) no-repeat 0px .4em; margin-bottom: 7px;}
	.gDetails .links li {margin-bottom:3px; width:99%;}
	
/* EXPANDING LINKS */
	a.collink {display:block; padding-left: 15px;}
	a.exlink {display:block; padding-left: 15px;}
	.expandlink {display:block; padding-left: 15px;}
	a.collink {background-repeat: no-repeat; background-position: 0 .3em; cursor:pointer;}
	a.exlink {background-repeat: no-repeat; background-position: 0 .3em; cursor:pointer;}
	a.expandlink {background-repeat: no-repeat; background-position: 0 .3em; cursor:pointer;}
	a.collink:hover {text-decoration:underline;}
	a.exlink:hover {text-decoration:underline;}
	a.expandlink:hover {text-decoration:underline;}
	a.exlink {background-image: url(/images/nav/icon-expand.gif);}
	.rightcol .expandlink {background-image: url(/images/nav/icon-expand.gif);}
	a.collink {background-image: url(/images/nav/icon-collapse.gif);}
	.contentspan .expandlink {background-image: url(/images/nav/icon-collapse.gif);}
	a.collink {background-position: 0px .5em;}
	
	a.exlink {background-position: 0px .5em;}
	
/* SELF-CLEARING */
	.showtext:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	/* Hides from IE-mac \*/
	* html .showtext {height: 1%;}
	/* End hide from IE-mac */
	
	
/** MAIN COLUMN CALLOUTS **/
	.mainspan {width: 350px; padding: 0 0 10px; border: solid #ccc; border-width: 1px 0; margin: 10px 0;}
	
	/** CONTENT **/
	.tbl-data td {padding: 3px; vertical-align:top; font-size: .8em;}
	.tbl-data caption {text-align:left; font-weight:bold; font-size: 1em; padding: 15px 0;}
	.td-advice {padding-bottom: 25px !important;}
	.dialogue {font-style:italic;}
	#tabGames {margin-bottom:10px;}
	.adlink {margin:0 0 10px; display:block;}
	.adlink img {border:none;}
	
/** LEFTNAV STYLES **/
	#left-col { width: 182px; margin: 50px 0 0 -750px; padding: 0 12px 10px 4px; }
	#left-col br { clear: both; }
	#left-col ul {background: #394770 url(/images/layout/bkg-lnav.jpg) no-repeat top; margin-left: 15px; list-style: none; padding: 10px 0;}
	#left-col ul li {padding: 0 0 10px;}
	#left-col ul li a {display: block; background: url(/images/nav/nav-bullet.gif) no-repeat 10px .3em; color: #fff; text-decoration:none; padding: 0 7px 0 25px; margin: 0;}
	#left-col ul li a {display:inline-block;}
	#left-col ul li a:hover {color:#A9B2CD;}
	#left-col ul li a#current {cursor:default; color:#FFD974; font-weight: bold;}
	
	
/** TOOLBOX STYLES **/
	.toolbox {background: #eaeaea url(/images/layout/bkg-tools.gif) no-repeat top; margin:20px 2px 10px 15px; border: 1px solid #ccc; padding: 1px;}
	.toolbox img {float:left; margin: -15px 0 0 5px;}
	.toolbox p {padding: 10px;}
	.toolbox ul {background:none !important; margin-left: -5px !important; margin-top: 2px !important; clear:left;}
	.toolbox ul li {padding-left: 20px !important;}
	.toolbox ul li a {margin-left: -20px !important; color:#4E6298 !important; background: url(/images/nav/nav-bullet-2.gif) no-repeat 10px .3em !important; padding-left: 20px !important; font-weight: bold;}
	.toolbox ul li span {display:block;}
	
/** CHALLENGE STYLES **/
	.fCol {float:left;}
	.col200 {padding:0; width:200px;}
	.col428 {padding:0; width:428px;}
	.marNone {margin-right:0;}
	.marR {margin-right:20px;}
	.fCol .address {display:block; padding:10px 0; font-style:italic;}
	.replaceBanner {display:block; height:56px; padding:0; margin-bottom:20px; background-repeat:no-repeat;}
	.replaceBanner i {display:none;}
	.getInvolved {background-image:url(/images/layout/h2-GetInvolved.gif);}
	.takeTheChallenge {background-image:url(/images/layout/h2-takethechallenge.gif);}
	.challengeBanner {background:#7c030c url(/images/layout/18-dayBannerLogo.gif) no-repeat 10px 10px;}
	.challengeBanner .bannerContent {float:right; width:150px; padding:0 0 20px; color:#fff;}
	.challengeBanner .links a {color:#fff;}
	.challengeBanner .links a:hover {color:#dba1a5;}
		
/** FOOTER STYLES **/
	#footer {width: 750px; text-align: right; background: #fff url(/images/layout/bkg-footer.gif) repeat-x top; padding-top: 20px; font-size: .8em; margin-top: 20px; clear:both;}
	#footer p {width: 30%; float:left; text-align:left;}
	#footer ul {list-style: none;}
	#footer ul li {display: inline; margin: 0 5px;}
	#footer ul li a {text-decoration: none; color: #C3030A;}
	#footer ul li a:hover {text-decoration: underline;}

/* FORM STYLES */
.frmWrap {width:750px; margin:0 auto; text-align:left; background:url(/images/layout/bkg-pg-form-rpt.jpg) repeat-y;}
.frmHdr {height:167px; background:url(/images/layout/bg-frm-hdr.jpg) no-repeat;}
.frmCnt {padding:20px 120px;}
.frmCnt p {margin-bottom: 20px;}

/* UNIQUE ELEMENTS */

/* NORMAL TABLES */
	.tbl-std {border:0; font-size:.9em; border-collapse:collapse;}
	.tbl-std thead {border: solid #ccc; border-width: 1px 1px 0 0;}
	.tbl-std tbody {border: solid #ccc; border-width: 1px 1px 0 0;}
	.tbl-std td {border: 1px solid #ccc; text-align:left; vertical-align:top;}
	.tbl-std th {border: 1px solid #ccc; text-align:left; vertical-align:top;}
	.tbl-std th {background:#D8999A; padding:5px; color:#fff;}
	.tbl-std td {padding:5px;}
	.tbl-std tr.odd td {background:#FBE5D8;}
	.tbl-std caption {text-align:left; font:bold 1.4em/normal Arial, Helvetica, sans-serif; color:#7A0203; padding:10px 0 5px;}
	.tbl-std tfoot td {border:0; font-weight:normal; color:#666; font-size:.8em;}

	
/** SIFR STYLES **/
/* These are standard sIFR styles... do not modify */
	.sIFR-flash { visibility: visible !important; margin: 0; }
	.sIFR-replaced { visibility: visible !important; }
	span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* These "decoy" styles are used to hide the browser text before it is replaced ... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	.sIFR-hasFlash h1#pg-title{ visibility: hidden; }
	.sIFR-hasFlash h2#pg-subtitle{ visibility: hidden; }
	.sIFR-hasFlash #header ul li{ visibility: hidden; }
	.sIFR-hasFlash .comment h3 { visibility: hidden; }