/*

|

| TITLE:      Living Beyond Hemophilia styles for screen

| AUTHOR:     http://global-prairie.com

|

*/

/* CSS Reset

----------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Global

----------------------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	background: #000 url(../../images/bg_body.gif) repeat-x top left;
}
.wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

.shareStoryIntern{
	float:left; 
}

.white{color:#fff;}
.bottomPadding{margin-bottom:14px;}


/* Main

----------------------------------------------------*/
p.successStoriesSubLink{text-align:right;}
.successStoryFlashNavBG{background:url(../../images/video-player/browse-videos.jpg) no-repeat bottom; width:109px; padding-top:30px;}
.successStoryFlashNavBG a img{margin:2px 0px 3px 0px; border:2px solid #757575;}
.successStoryFlashNavBG a img:hover{
	border:solid #fff 2px;
}
h5{
	color:#60ba46;
	font-size:16px;
	margin:8px 8px 8px 0px;
	
}
.titleSub{
	color:#60ba46;
}
.shareStoryName{
	font-weight:bold; 
	color:#ffffff;
	margin-bottom:8px;
}
.main {
	position: relative;
	float: left;
	width: 760px;
	background: #626262 url(../../images/bg_copy.jpg) no-repeat bottom left;
}
.copy {
	float: right;
	margin-bottom: 20px;
	padding: 5px 15px 30px 15px;
	width: 415px;
}
.copy h2 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 160%;
	color: #fff;
}
.copy h3, .copy h4 {
	margin-top: 20px;
	color: #93c4ff;
}
.copy p {
	margin-bottom: 15px;
	color: #BFBFBF;
	line-height: 16px;
}
.copy a {
	position: relative;
	color: #93c4ff;
}
.copy a:hover {
	color: #eee;
	border-style: solid;
}
.copy ul {
	padding: 5px 25px;
	list-style-type: square;
}
.copy li {
	margin-bottom: 10px;
	color: #BFBFBF;
	line-height: 16px;
}
.copy a.printBttn, .copy a.downloadBttn {
	margin: 25px 0 0 0;
	padding: 5px;
	color: #F2FFEF;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #252525;
	border-top: 1px solid #3F3737;
	border-left: 1px solid #3F3737;
	border-bottom: 1px solid #1F1717;
	border-right: 1px solid #1F1717;
}
.copy sup {
	font-size: 80%;
}
/* Header

----------------------------------------------------*/

.header {
	float: left;
	margin-bottom: 8px;
	padding-top: 30px;
	width: 760px;
}
.header h1 {
	float: left;
	margin: 0;
	width: 242px;
	height: 65px;
	font-size: 120%;
	position: relative;
}
.header h1 span {
	background: url(../../images/logo_lbh.gif) no-repeat;
	position: absolute;
	width: 242px;
	height: 65px;
}
.header h1 span {
	cursor: pointer;
}
.utilityNav {
	float: right;
	margin-top: 45px;
	font-size: 95%;
}
.utilityNav li {
	display: inline;
	margin-right: 25px;
}
.utilityNav a {
	color: #A6A6A6;
	text-decoration: none;
}
.utilityNav a:hover {
	color: #C6C6C6;
}
.header form {
	margin-top: 43px;
	float: right;
	font-size: 95%;
}
.header fieldset {
	display: inline;
}
.header label {
	margin: 0;
	padding: 0;
	color: #A6A6A6;
	vertical-align: middle;
	margin-right: 10px;
}
.header input {
	margin: 0;
	width: 100px;
	height: 16px;
	vertical-align: middle;
}
.header input.submit {
	margin: 0;
	width: 19px;
	height: 16px;
}
/* Navigation

----------------------------------------------------*/

.navigation {
	clear: both;
	position: relative;
	margin-bottom: 6px;
	height: 85px;
	background: transparent url(../../images/bg_navigation.jpg) no-repeat top left;
	z-index: 999; /* Imperative for proper z-index ordering in IE on drop down menus */
}
.navigation ul {
	float: left;
	padding-top: 9px;
}
.navigation ul ul {
	display: none;
}
.navigation li {
	position: relative;
	float: left;
}
.navigation li:hover ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	width: 153px; /* odd width to match treatment transitions button (larget button) */
	background-color: #4578b5;
	z-index: 999;
}
.navigation li.rounded:hover ul {
	left: -67px;
}
.navigation li:hover ul ul {
	display: none;
}
.navigation li li:hover ul {
	display: block;
	top: 0;
	left: 100%;
	background-color: #5585bf;
}
.navigation ul a {
	display: block;
	margin-right: 2px;
	height: 26px;
	text-indent:-5000px;
}
.navigation ul ul a {
	margin: 0;
	padding: 12px 10px;
	width: 133px;
	height: auto;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: .5px;
	color: #fff;
	text-indent: 0;
	text-decoration: none;
	text-transform: uppercase;
	background-image: none;
	border-bottom: 1px solid #86b1e4;
}
.navigation ul ul a:hover {
	background-color: #5b8bc4;
}
.navigation a.theRoadAhead {
	width: 120px;
	background: transparent url(../../images/nav_the-road-ahead.gif) no-repeat top left;
}
.theRoadAhead .navigation a.theRoadAhead, .navigation a.theRoadAhead:hover {
	background-image: url(../../images/nav_the-road-ahead-on.gif);
}
.navigation .internships {
	width: 88px;
	background: transparent url(../../images/nav_internships.gif) no-repeat top left;
}
.internships .navigation a.internships, .navigation a.internships:hover {
	background-image: url(../../images/nav_internships-on.gif);
}
.navigation .mentoring {
	width: 85px;
	background: transparent url(../../images/nav_mentoring.gif) no-repeat top left;
}
.mentoring .navigation a.mentoring, .navigation a.mentoring:hover {
	background-image: url(../../images/nav_mentoring-on.gif);
}
.navigation .treatmentTransitions {
	width: 153px;
	background: transparent url(../../images/nav_treatment-transitions.gif) no-repeat top left;
}
.treatmentTransitions .navigation a.treatmentTransitions, .navigation a.treatmentTransitions:hover {
	background-image: url(../../images/nav_treatment-transitions-on.gif);
}
.navigation .connections {
	width: 93px;
	background: transparent url(../../images/nav_connections.gif) no-repeat top left;
}
.connections .navigation a.connections, .navigation a.connections:hover {
	background-image: url(../../images/nav_connections-on.gif);
}
/* Sub Nav

----------------------------------------------------*/

.subNavigation {
	float: left;
	padding: 146px 0 50px 0;
	width: 315px;
	background: transparent url(../../images/subbg_theRoadAhead.jpg) no-repeat top left;
}
.subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-current.gif) no-repeat top left;
}
.theRoadAhead .subNavigation li.parent, .siteMap .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-theRoadAhead.gif) no-repeat top left;
}
.mentoring .subNavigation li.parent, .connections .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-handShake.gif) no-repeat top left;
}
.mentoring .subNavigation li.parent, .stepUpReachOut .subNavigation li.parent{
	background: transparent url(../../images/bg_subnav-stepUpReachOut.gif) no-repeat top left;
}
.startEarly .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-startEarly.gif) no-repeat top left;
}
.careerAndTechnicalEducation .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-careerAndTech.gif) no-repeat top left;
}
.workLife .subNavigation li.parent, .internships .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-workLife.gif) no-repeat top left;
}
.successStories .subNavigation li.parent, .treatmentTransitions .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-successStories.gif) no-repeat top left;
}
.journal .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-journal.gif) no-repeat top left;
}
.additionalResources .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-additionalResources.gif) no-repeat top left;
}
.additionalResources .subNavigation {
	background-image: url(../../images/subbg_additionalResources.jpg);
}
.sitemapside .subNavigation {
	background-image: url(../../images/subbg_theRoadAhead.jpg);
}
.bodyBrainAndPeopleSkills .subNavigation {
	background-image: url(../../images/subbg_bodyBrainPeopleSkills.jpg);
}
.careerAndTechnicalEducation .subNavigation {
	background-image: url(../../images/subbg_careerAndTechnicalEducation.jpg);
}
.college .subNavigation {
	background-image: url(../../images/subbg_college.jpg);
}
.college .subNavigation li.parent {
	background: transparent url(../../images/bg_subnav-college.gif) no-repeat top left;
}
.connections .subNavigation {
	background-image: url(../../images/subbg_connections.jpg);
}
.internships .subNavigation {
	background-image: url(../../images/subbg_internships.jpg);
}
.mentoring .subNavigation {
	background-image: url(../../images/subbg_mentoring.jpg);
}
.roadMapToSuccess .subNavigation {
	background-image: url(../../images/subbg_roadMapToSuccess.jpg);
}
.startEarly .subNavigation {
	background-image: url(../../images/subbg_startEarly.jpg);
}
.successStories .subNavigation {
	background-image: url(../../images/subbg_successStories.jpg);
}
.theStoryOfMyLife .subNavigation {
	background-image: url(../../images/subbg_theStoryOfMyLife.jpg);
}
.treatmentTransitions .subNavigation {
	background-image: url(../../images/subbg_treatmentTransitions.jpg);
}
.workLife .subNavigation {
	background-image: url(../../images/subbg_workLife.jpg);
}
.subNavigation ul {
	margin: 5px 0 0 14px;
	font-size: 120%;
}
.subNavigation ul ul {
	margin: 8px 0 0 15px;
	font-size: 85%;
}
.subNavigation li {
	margin-bottom: 15px;
	padding: 3px 0 0 26px;
}
.subNavigation li li {
	padding-left: 0;
	margin-bottom: 8px;
}
.subNavigation a {
	color: #bbb;
	text-decoration: none;
}
.subNavigation a:hover {
	color: #fff;
}
.subNavigation li li a {
	color: #72b832;
}
.subNavigation li li a:hover {
	color: #fff;
}
/*--[Current sub page highlighting]------*/

.subNavigation li.parent a {
	color: #fff;
}
.subNavigation li.parent li a {
	color: #72b832;
}
/*--[Current second level sub page highlighting]------*/

.mappingTheFuture .subNavigation .mappingTheFuture a, .roadMapToSuccess .subNavigation .roadMapToSuccess a, .bodyBrainAndPeopleSkills .subNavigation .bodyBrainAndPeopleSkills a, .theStoryOfMyLife .subNavigation .theStoryOfMyLife a, .additionalResources .subNavigation .additionalResources a, .roadMapToSuccess .subNavigation .roadMapToSuccess a, .preparingForCollege .subNavigation .preparingForCollege a, .findingACollege .subNavigation .findingACollege a, .experienceAndAdvice .subNavigation .experienceAndAdvice a, .payingForCollege .subNavigation .payingForCollege a, .packingForCollege .subNavigation .packingForCollege a, .collegeLife .subNavigation .collegeLife a, .travel .subNavigation .travel a, .findingAJobYouLove .subNavigation .findingAJobYouLove a, .interviewDosAndDonts .subNavigation .interviewDosAndDonts a, .shareYourStory .subNavigation .shareYourStory a, .jobOffer .subNavigation .jobOffer a, .firstDayOnTheJob .subNavigation .firstDayOnTheJob a, .jobResources .subNavigation .jobResources a, .resourcesForParents .subNavigation .resourcesForParents a, .exploreYourInterests .subNavigation .exploreYourInterests a, .whatIsMentoring .subNavigation .whatIsMentoring a, .typesOfMentoringPrograms .subNavigation .typesOfMentoringPrograms a, .readStories .subNavigation .readStories a, .watchStories .subNavigation .watchStories a, .keepingAPositiveAttitude .subNavigation .keepingAPositiveAttitude a {
	color: #fff;
}
/* Footer Nav keepingAPositiveAttitude

----------------------------------------------------*/

.footerNav {
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 580px;
	z-index: 100;
}
.footerNav li {
	float: left;
}
.footerNav a {
	display: block;
	margin-right: 2px;
	height: 26px;
	text-indent:-5000px;
}
.footerNav a.theRoadAhead {
	width: 119px;
	background: transparent url(../../images/footer-nav_the-road-ahead.gif) no-repeat top left;
}
.footerNav .internships {
	width: 88px;
	background: transparent url(../../images/footer-nav_internships.gif) no-repeat top left;
}
.footerNav .mentoring {
	width: 86px;
	background: transparent url(../../images/footer-nav_mentoring.gif) no-repeat top left;
}
.footerNav .treatmentTransitions {
	width: 152px;
	background: transparent url(../../images/footer-nav_treatment-transitions.gif) no-repeat top left;
}
.footerNav .connections {
	width: 94px;
	background: transparent url(../../images/footer-nav_connections.gif) no-repeat top left;
}
.home .footerNav .connections {
	width: 94px;
/*
	background: transparent url(../../images/home-footer-nav_connections.gif) no-repeat top left;
*/
	background: transparent url(../../images/footer-nav_connections.gif) no-repeat top left;
}
.factor-track-hp { position:relative; margin:0 0 0 -15px;}
.factor-track-resources{ position:relative; margin:0 0 0 -8px;}
.theRoadAhead .footerNav a.theRoadAhead, .footerNav a.theRoadAhead:hover {
	background-image: url(../../images/nav_the-road-ahead-on.gif);
}
.internships .footerNav a.internships, .footerNav a.internships:hover {
	background-image: url(../../images/nav_internships-on.gif);
}
.mentoring .footerNav a.mentoring, .footerNav a.mentoring:hover {
	background-image: url(../../images/nav_mentoring-on.gif);
}
.treatmentTransitions .footerNav a.treatmentTransitions, .footerNav a.treatmentTransitions:hover {
	background-image: url(../../images/nav_treatment-transitions-on.gif);
}
.connections .footerNav a.connections, .footerNav a.connections:hover {
	background-image: url(../../images/nav_connections-footer-on.gif);
}
.home .connections .footerNav a.connections, .home .footerNav a.connections:hover {
/*
	background-image: url(../../images/home-nav_connections-footer-on.gif);
*/
	background-image: url(../../images/nav_connections-footer-on.gif);
}
/* Footer

----------------------------------------------------*/

.footer {
	clear: left;
	margin: 0 0 10px 0;
	padding-top: 22px;
	height: 1%; /* IE now has layout! */
	color: #6A6A6A;
	text-align: center;
	font-size: 80%;
	background: transparent url(../../images/bg_footer.png) no-repeat top left;
}
.footer .links {
	margin: 15px 0;
	font-size: 125%;
}
.footer .links a {
	margin-right: 35px;
	color: #6a6a6a;
	text-decoration: none;
}
.footer .links a:hover {
	color: #9a9a9a;
}
.footer img {
	padding-bottom: 15px;
}
/* Home

----------------------------------------------------*/

.home .navigation {
	margin-bottom: 0;
	height: 91px;
	background: transparent url(../../images/bg_navigation-home.jpg) no-repeat top left;
}
.home .copy {
	float: left;
	margin: 0;
	padding: 0px 15px 30px 15px;
	width: 295px;
}
.home .main h2 {
	display: none;
}
img.mast-img {
	position: absolute;
	top: 483px;
	left: 29px;
	width: 342px;
	height: 150px;
	z-index: 1;
}
.home .copy p {
	line-height: 20px;
}
.home .copy ul {
	margin-left: -15px;
	padding: 0;
	list-style-type: none;
	width: 304px;
}
.home .copy li {
	margin: 0;
	line-height: normal;
	display: inline; /* removes one pixel height gap between buttons */
}
.home .copy li a {
	display: block;
	padding: 15px 15px 12px 120px;
	height: 31px;
	color: #fff;
	font-size: 75%;
	text-decoration: none;
	background: transparent url(../../images/bg_home-copy-list-off.png) no-repeat top left;
	border: none;
}
.home .copy li a span {
	display: block;
	color: #60BB46;
	font-size: 110%;
}
.home .copy a.roadMapToSuccess {
	padding-top:-15px;
	background-image: url(../../images/bttn_road-map-off.png);
}
.home .copy a.roadMapToSuccess:hover {
	background-image: url(../../images/bttn_road-map-on.png);
}
.home .copy a.bodyBrainPeople {
	background-image: url(../../images/bttn_body-brain-and-people-off.png);
}
.home .copy a.bodyBrainPeople:hover {
	background-image: url(../../images/bttn_body-brain-and-people-on.png);
}
.home .copy a.storyOfMyLife {
	background-image: url(../../images/bttn_story-off.png);
}
.home .copy a.storyOfMyLife:hover {
	background-image: url(../../images/bttn_story-on.png);
}
.home .copy a.additionalResources {
	height: 34px;
	padding: 8px 15px 16px 120px;
	background-image: url(../../images/bttn_additional-resources-off.png);
}
.home .copy a.additionalResources:hover {
	background-image: url(../../images/bttn_additional-resources-on.png);
}
/*--[home page areas]------*/
.shareStoryBox {
	width:295px;
	margin-left:-15px;
}
/*--[Supplement Boxes]------*/

.supplementBox {
	position: relative;
	float: right;
	clear: right;
	padding: 15px 25px 15px 47px;
	width: 363px;
	height:150px;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 99;
}
.supplementBox h3, .supplementBox p {
	display: inline;
	line-height: 17px;
}
.supplementBox h3 {
	margin-right: 7px;
	font-size: 130%;
	color: #000;
}
.supplementBox p {
	font-size: 85%;
	color: #7E7B7B;
}
.supplementBox a {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 85px;
	height: 25px;
	display: inline;
	text-indent: -5000px;
}
.supplementLink a {
	position:absolute;
	display:block;
	width:85px;
	height:25px;
	text-indent:-5000em;
	z-index:9999;
}

.supplementLink a.startEarlyLink {
	right:0;
	top:79px;
}
.supplementLink a.collegeLink {
	right:0;
	top:188px;
}
.supplementLink a.careerLink {
	right:0;
	top:315px;
}
.supplementLink a.workLifeLink {
	right:0;
	top:441px;
}
.supplementLink a.successLink {
	right:0;
	top:568px;
}
/*--- use for blue links in grey supplement boxes ---*/

.supplementBox a.nohide, .supplementBox a.nohide:visited, .supplementBox a.nohide:hover, .supplementBox a.nohide:active {
	position: relative;
	text-indent: 000px;
	font-weight:bold;
	text-decoration:underline;
}
.supplementBox a.nohide, .supplementBox a.nohide:visited {
	color:#4182ac;
}
.supplementBox a.nohide:hover, .supplementBox a.nohide:active {
	color:#7E7B7B;
}
.home .main .startEarly {
	height: 77px;
	background-image: url(../../images/bg_start-early.png);
}
.home .main .college {
	height: 78px;
	background-image: url(../../images/bg_college.png);
}
.home .main .careerAndTechnicalEducation {
	height: 97px;
	background-image: url(../../images/bg_career-and-technical.png);
}
.home .main .workLife {
	height: 97px;
	background-image: url(../../images/bg_work-life.png);
}
.home .main .successStories {
	height: 97px;
	background-image: url(../../images/bg_success-stories.png);
}
.home .main .noContent {
	height: 12px;
	background-image: url(../../images/bg-home-supplement-shadow.png);
	margin-top:-4px;
}
/* Sitemap

----------------------------------------------------*/

.copy ul.sitemap, .copy ul.sitemap ul {
	padding: 0;
	list-style-type: none;
}
.copy ul.sitemap ul {
	margin-left: 15px;
}
.sitemap li {
	margin-top: 10px;
	border-bottom: 1px dotted #6F6F6F;
}
.sitemap li li {
	border: none;
}
.sitemap li a {
	color: #93c4ff;
	font-weight: bold;
	font-size: 110%;
}
.sitemap li li a {
	font-weight: normal;
	color: #ddd;
}
.sitemap li li {
	font-size: 95%;
	padding-left: 10px;
	height: inherit;
}


/* Blue Box Container

----------------------------------------------------
blueBoxLeftTop bludBoxRightTop  blueBoxLeftBottom bludBoxRightBottom
*/
.blueBoxContainer{width:413px; margin:13px auto 20px auto; background:url(../../images/containers/blueBoxCenter.gif) repeat-y; }
.blueBoxLeftTop{background:url(../../images/containers/light-blue-tl.gif) top left no-repeat; width:20px; height:200px; float:left;}
.bludBoxRightTop{background:url(../../images/containers/light-blue-tr.gif) top right no-repeat;width:320px; float:left;}
.blueBoxLeftBottom{background:url(../../images/containers/light-blue-bl.gif) bottom left no-repeat; width:20px; height:20px; float:left; clear:both;}
.blueBoxRightBottom{background:url(../../images/containers/light-blue-br.gif) bottom right no-repeat;width:320px; height:20px; float:left;}

.blueBoxTop{ background:url(../../images/containers/blueBoxTop.gif) top no-repeat; height:20px;}
.blueBoxCenter{ background:url(../../images/containers/blueBoxCenter.gif) repeat-y; text-align:center}
.blueBoxBottom{ background:url(../../images/containers/blueBoxBottom.gif) bottom no-repeat; height:20px; }

.blueBoxCenter .blockText{text-align:left; margin:20px 30px; color:#fff;}

/* Other


/* Admin
----------------------------------------------------*/
#adminList{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:16px; text-align:left;
}
table.uploadedFileList{
	width:620px;
	margin:auto;
}
table.uploadedFileList th, table.uploadedFileList td{
	text-align:left; line-height:20px; 
}

/* Other

----------------------------------------------------*/
.submitYourNavigation img{width:210px; height:26px;}

.submitYourNavigation{ display:inline-block; margin-top:0px; width:210px; height:26px; cursor:pointer; background:url(../../images/bttn-submit-your-application.gif) top left no-repeat;}

.submitYourNavigation:hover{width:210px; height:26px; background:url(../../images/bttn-submit-your-application.gif) bottom no-repeat;}





.quote {
	padding-left: 25px;
	padding-right: 25px;
}
h3.successStoriesSubTitle {
	line-height:1.2em;
}
p.internshipHold {
	color:#FFFFFF;
	background-color:#487BBA;
	padding:10px 20px 10px 20px;
}

/*custom box alert for application deadline*/

#appAlertBox { background-color:#00a4d9; border:2px solid #000; padding:10px 10px 0 10px; color:#fff; font-size:14px; text-align:center; margin-bottom:10px;}
#appAlertBox strong { line-height:30px;}
#appAlertBox a { color:#fff; text-decoration:none}
#appAlertBox a:hover { color:#fff; text-decoration:underline;}