/* Browser Reset
------------------------------------------*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,th,var,optgroup {font-style:inherit;font-weight:inherit;}del,ins {text-decoration:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}abbr,acronym {border:0;font-variant:normal;}legend {color:#000;}input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select {*font-size:12px;font-size:12px;}


/* Global
-------------------------------------------*/
html, body {width:100%; height:100%;  background:#e2e2e2 url(../Images/body_bg.gif) repeat-x top left;}
body {font:normal 1em Arial, Helvetica, Verdana, Sans-Serif; }

a img {border:none;}

.text_center { text-align:center;}
.text_left {text-align:left;}
.text_right {text-align:right;}

.clear_left {clear:left;}
.clear_right {clear:right;}
.clear {clear:both;}

.float_left {float:left;}
.float_right {float:right;}
.clear_float {float:none;}

.masterWrap {width:980px; margin:0 auto; margin-top:18px;  position:relative; z-index:4; background:url(../Images/bg_tile.png) repeat-y top center;}

.topBanner,
.contentWrap,
.footer {padding:0 20px; width:940px;}

table {font-size:inherit;}

/* Text
-------------------------------------------*/
h1 {font-size:1.333em; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; color:#0a517c; margin:10px 0;}


h2 {font-size:1.167em; font-weight:bold; color:#f8971d; margin:25px 0 10px 0;}
h3 {font-size:1em; font-weight:bold; color:#0a517c; margin:10px 0;}
h4 {font-size:0.923em; font-weight:bold; color:#1c2278; margin:15px 0;}
h5 {font-size:0.923em; font-weight:bold; color:#171717; margin:15px 0;}

p {margin:10px 0;}

/* Banner
-------------------------------------------*/
.topBanner {height:158px; background:url(../Images/bg_top.gif) no-repeat top left; margin:0 0 2px 0;}
.topBanner ul {margin:0; padding:0;}

.topBanner ul li {display:inline; list-style:none; margin:0; padding:0;}
.topBanner ul li a {}
.topBanner ul li a:hover {}

.topBanner .float_left {height:111px; width:153px;}
.topBanner .float_left img.niaspanLogo {margin:17px 0 0 13px;}
.topBanner .float_right {width:787px; height:114px; text-align:right;}
.topBanner .float_right img.abbottLogo {margin:31px 20px 0 0; }

.subNavWrap {margin-top:90px;}
.subNavWrap ul {font-size:11px; color:#666;}
.subNavWrap ul li {}
.subNavWrap ul li a {color:#666666; text-decoration:none; padding:0 8px 0 5px;}
.subNavWrap ul li a:hover {color:#666666; text-decoration:underline;}

.navWrap {float:left; height:44px; width:100%; background:url(../Images/nav_bg.gif) repeat-x top left; position: relative; z-index: 10;}
.navSubWrap {float:left; height:44px; width:100%; background:url(../Images/nav_bg_right.gif) no-repeat top right;}

/*.navWrap ul {font-size:14px; float:left; height:35px; line-height:35px; width:auto; background:url(../Images/nav_bg_left.gif) no-repeat top left;}
.navWrap ul li {}
.navWrap ul li a {font-weight:bold; color:#fff; text-decoration:none; padding:0 25px;}
.navWrap ul li a:hover {color:#fff;}*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {float:left; margin:0; border:0 none; padding:0; width:640px; /*For KHTML*/ list-style:none; height: 44px;}
ul#navmenu li {margin:0; border: 0 none; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:44px; text-indent:-9999px;}
ul#navmenu ul {float:left; margin:0; border:0;  padding:0; width:365px; list-style:none; display:none; position:absolute; top:44px; left:0; margin:-6px 0 0 -4px; z-index:15;z-index:1; background:url(../Images/dd_bg_btm.png) no-repeat bottom left; overflow:hidden;}
ul#navmenu ul:after /*For IE 7*/{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}
ul#navmenu ul li {width:365px; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/ height:auto; text-indent:0 !important; }

/* Root Menu */
ul#navmenu a {padding:0; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#fff; text-decoration:none; /*height:auto !important;*/ height:1%; /*For IE*/ height:44px;}

ul#navmenu a.navOne {background:url(../Images/nav.gif) no-repeat -4px 0;  width:159px; position:relative; z-index:1;}
ul#navmenu a.navTwo {background:url(../Images/nav.gif) no-repeat -163px 0; width:132px; position:relative; z-index:1;}
ul#navmenu a.navThree {background:url(../Images/nav.gif) -295px 0; width:192px; position:relative; z-index:1;}
ul#navmenu a.navFour {background:url(../Images/nav.gif) -487px 0; width:129px; position:relative; z-index:1;}

ul#navmenu ul li a {border:none; padding:0; background:none; height:auto !important; float:left !important; /*width:100%;*/}

.megaWrap {background: url(../Images/dd_bg_tile.png) repeat-x top left; float:left; width:365px; height:auto; margin-bottom:6px;}
.megaNav {padding:10px 19px; float:left; width:327px; background:url(../Images/nav_divide.gif) no-repeat bottom center;}
.lastNav {background:none;}
.megaNav a span {cursor:pointer;}
.megaNav .icon {float:left; display:inline; width:51px; margin:5px 20px 0 11px}
.megaNav .text {float:left; display:inline; width:245px; font-size:12px; color:#daf1ff;}
.megaNav .text a {color:#daf1ff; font-weight:normal; font-size:12px;}
.megaNav .text strong {color:#fff; font-weight:bold; display:block; font-size:14px; padding:5px 0;}

.megaNav .tertiaryNav {padding-left:82px; margin-top:10px; float:left;}
.megaNav .tertiaryNav .text {font-size:11px; padding:0 0 5px 10px; margin:0; width:230px; border-left:1px solid #5486a4;}
.megaNav .tertiaryNav .text strong {font-size:11px; padding:5px 0;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {}

ul#navmenu a:hover.navOne,
ul#navmenu li:hover a.navOne,
ul#navmenu li.iehover a.navOne {background-position: 0 -44px; width:163px; margin-left:-4px; z-index:9999;}
ul#navmenu a:hover.navTwo,
ul#navmenu li:hover a.navTwo,
ul#navmenu li.iehover a.navTwo {background-position: -163px -44px; width:132px; z-index:9999;}
ul#navmenu a:hover.navThree,
ul#navmenu li:hover a.navThree,
ul#navmenu li.iehover a.navThree {background-position: -295px -44px; width:192px; z-index:9999;}
ul#navmenu a:hover.navFour,
ul#navmenu li:hover a.navFour,
ul#navmenu li.iehover a.navFour {background-position: -487px -44px; width:129px; z-index:9999;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {float:none; border:none;}

ul#navmenu li:hover li a:hover,
ul#navmenu li.iehover li a:hover {text-decoration:none;}

ul#navmenu li:hover li a:hover strong,
ul#navmenu li.iehover li a:hover strong {text-decoration:underline;}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {background:none;}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {}

ul#navmenu ul ul,
ul#navmenu ul ul ul {}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {display:block;}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {display:block;}

.searchWrap {float:right; margin:10px 10px 0 0; width:282px;}
.searchWrap input {float:left;}
.searchWrap input.searchbox {font-size:11px; color:#666; margin:0; padding:0; width:245px; height:22px; background:url(../Images/search_bg.gif) repeat-x top left; border:none; padding:3px 0 0 10px;}

/* Content
-------------------------------------------*/
.contentWrap {}

/* Main Column */
.mainContent {float:left; width:640px; font-size:0.75em; color:#333; }
.mainContent ul {padding-left:15px;}
.mainContent ul li {list-style-image:url(../Images/bullet.gif); padding:2px 0;}

.mainContent a {font-weight:bold; color:#0a517c; text-decoration:none;}
.mainContent a:hover {text-decoration:underline;}

.mainContent .contentImage {display:inline; float:right; margin: 15px 0 15px 15px;}

/* Footnote */
.footnote {font-size:0.9em}

/* Right Column */
.rightColumn {float:right; width:290px; overflow:hidden;}
.siteInterior .rightColumn .homeRightColumn,
.siteHome .rightColumn .InteriorRightColumn {display:none;}
.homeRightColumn img,
.InteriorRightColumn img {margin-bottom:10px;}
.homeRightColumn img.last,
.InteriorRightColumn img.last {margin-bottom:5px;}

/* Footer
-------------------------------------------*/
.footer {clear:both; font-size:11px; font-weight:bold; color:#666; padding:30px 0 0 0; width:980px; background:#e2e2e2 url(../Images/bg_bottom.gif) no-repeat top left; text-align:center;}
.footer a {color:#666; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer ul {margin:5px 0; padding:0;}
.footer ul li {list-style:none; display:inline;}
.footer ul li a {padding:0 5px 0}

.footer .projectNumber{float:left; padding-left:22px;}

/* Breadcrumbs
-------------------------------------------*/
.breadcrumbs {padding-top:3px; padding-left:2px; float:left; font-size:10px; color:#999;}
.breadcrumbs a {font-weight:normal;}
.breadcrumbs .seperator {padding: 0 2px;}


/* Text Sizer
-------------------------------------------*/
.textSizer {float:right; width:36px; padding-top:3px;}
#textsize1,
#textsize2,
#textsize3 {float:left; width:12px; height:11px;}
#toolbar a {width:12px; height:11px; display:block; text-indent:-9999px;}
a#smallTxt {background:url(../Images/small_icon.gif) no-repeat;}
a#medTxt {background:url(../Images/medium_icon.gif) no-repeat;}
a#lrgTxt {background:url(../Images/large_icon.gif) no-repeat;}

a#smallTxt.on {background:url(../Images/small_icon_on.gif) no-repeat;}
a#medTxt.on {background:url(../Images/medium_icon_on.gif) no-repeat;}
a#lrgTxt.on {background:url(../Images/large_icon_on.gif) no-repeat;}

/* Register Page
-------------------------------------------*/
.registerForm {float:left; display:inline; width:570px; height:auto; border:1px solid #0096d7; margin:20px; padding:15px 10px;}
.registerForm td {padding:4px; vertical-align:top;}
.registerForm td input[type="radio"] {margin-right:3px; margin-left:4px;}
.registerForm td input[type="text"] {width:230px;}

/* Video Page
-------------------------------------------*/
#videos { margin: 10px 0 0; width: 613px;}
	#videos .blueBtn { background: url(../images/bg_blueBtn.gif) no-repeat left top; color: #FFF; display: block; float: left; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 0 0 10px; text-decoration: none !important;}
		#videos .blueBtn span { background: url(../images/bg_blueBtn.gif) no-repeat right top; cursor: pointer; display: block; float: left; padding: 0 22px 0 0; text-decoration: none;}
	
	#videos .videoNoJs { background: #f1f1f1; border: 1px solid #FF0000; font-weight: bold; padding: 0 10px;}
	
	#videos .videoContent { height: 35em; margin: 20px 0 0; overflow: hidden; position: relative;}
	#videos .videoSlide { height: 35em; overflow: hidden;}
	/*-- general --*/
	#videos .watchBox { background: #f1f1f1; border: 1px solid #aeaeae; height: 29em; padding: 28px 30px 0 30px; width: 551px;}
	#videos .watchBox .watchItem { background: #FFF url(../images/bg_watchItem.gif) repeat-x left bottom; border: 1px solid #aaa; height: 12.7em; width: 549px;}
	#videos .watchBox .watchImg { background-repeat: no-repeat; background-position: right bottom; height: 12.7em;}
	#videos .watchBox .watchPad {}

	#videos .watchBox .watchItem .headline { color: #0a517c; font-size: 1.25em; font-weight: bold;}
	#videos .watchBox .watchItem p { font-size: 1.083em;}
	
	/*-- video select slide --*/	
	#videos .videoSelect .watchBox .pete { margin: 0 0 10px;}		
	#videos .videoSelect .watchBox .pete .watchImg { background-image: url(../images/bg_watchItem_pete.jpg);}
	#videos .videoSelect .watchBox .pete .watchPad { padding: 18px 115px 0 18px;}
	
	#videos .videoSelect .watchBox .bonnie .watchImg { background-image: url(../images/bg_watchItem_bonnie.jpg);}
	#videos .videoSelect .watchBox .bonnie .watchPad { padding: 18px 100px 0 18px;}
		
	/*-- after slides --*/
	#videos .afterVideo {}
	
	#videos .afterVideo .replay { padding: 0 0 0 30px;}
	
	#videos .afterVideo .watchBox .pete .watchImg { background-image: url(../images/bg_watchItem_pete.jpg);}	
	#videos .afterVideo .watchBox .bonnie .watchImg { background-image: url(../images/bg_watchItem_bonnie.jpg);}	
	
	#videos .afterVideo .watchBox .watchItem { display: inline; float: left; margin-top: 75px; position: relative; width: 268px;}
	#videos .afterVideo .watchBox .watchItem .blueBtn { bottom: 18px; left: 18px; position: absolute;}

	#videos .afterPete .watchBox .pete .watchPad, #videos .afterBonnie .watchBox .pete .watchPad { padding: 18px 100px 0 18px; }
	#videos .afterPete .watchBox .pete, #videos .afterBonnie .watchBox .bonnie { margin-right: 11px;}	
	#videos .afterPete .watchBox .bonnie .watchPad, #videos .afterBonnie .watchBox .bonnie .watchPad { padding: 18px 100px 0 18px; }	
	
	
	#videos .joinFight { background: #f8971d url(../images/bg_joinFight.gif) repeat-x left top; border: 1px solid #f8971d; margin: 0 auto; width: 543px;}
		#videos .joinFight .fightCopy { color: #0a517c; float: left; padding: 20px 0 20px 20px; width: 385px;}
			#videos .joinFight .fightCopy p { margin: 0 0 10px;}
			#videos .joinFight .fightCopy .headline { font-size: 1.25em; font-weight: bold;}
		#videos .joinFight .fightThumb { float: right; padding: 47px 13px 0 0; width: 100px;}



/*== INSPIRE OVERLAY  ==*/	
#iOverlay { background-color: #000; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999;}
#iWrap { background-color: #FFF; overflow: hidden; position: absolute; width:400px; z-index: 9999; border-top:6px solid #F8981D; }
#winFrame { border: 0; width: 100%; height: 280px; z-index: 9999;}
#iLoader { background: #FFF url(../images/spinner.gif) no-repeat 5px center; border: 1px solid #5E9ABA; height: 40px; position: absolute; width: 110px; z-index: 9999;}
	#iLoader p { color: #000; height: 40px; font-size: 13px; line-height: 40px; margin: 0; padding: 0 0 0 45px;}	
#iClose {cursor: pointer; height: 25px; overflow: hidden; position: absolute; left:70px; top: 230px; width: 40px;}
	#iClose iframe { border: 0; height: 25px; width: 40px;}
	#iClose .closeTxt {cursor: pointer; position: absolute; top: 0; width: 100%; color: #fff; font-size: 11px; left: 0; top:0; background:#0E5681; line-height:25px; font-weight:bold; text-align:center; width:40px; height:25px;}
	
#iProceed {cursor: pointer; height: 25px; overflow: hidden; position: absolute; left:20px; top: 230px; width: 40px;}
	#iProceed iframe { border: 0; height: 25px; width: 40px;}
	#iProceed .openTxt {cursor: pointer; position: absolute; top: 0; width: 100%; color: #fff; font-size: 11px; left: 0; top:0; background:#0E5681; line-height:25px; font-weight:bold; text-align:center; width:40px; height:25px;}
	
.proceedText {width: 40px; text-align:center; font-weight:bold; position: absolute; left:20px; top: 230px;}
.proceedText a {display:block; color:#fff; text-decoration:none; width:40px; height:25px; line-height:25px; font-size:11px; background:#0E5681;}

.inspirePad {padding:20px;}
.inspirePad h1 {margin-top:0;}
.inspirePad p {font-size:12px;}