@charset "utf-8";
/* CSS Document */

html, body { padding:0; font-family:Arial, Helvetica, sans-serif; height:100%; margin: 0 0 1px;}

a, a:visited, a:link {color:#006659; text-decoration:underline;}
a:hover {color:#77b800;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#nav2RightExtender {width:990px; height:36px; position:absolute; top:240px; right:0;}
#nav2RightExtender.programs {background:url(../images/navigation/nav2-programs.gif) top left;}
#nav2RightExtender.educational_resources {background:url(../images/navigation/nav2-ed-res.gif) top left;}
#nav2RightExtender.cool_stuff {background:url(../images/navigation/nav2-cool.gif) top left;}
#nav2LeftExtender {width:990px; height:36px; position:absolute; top:240px; left:0;}
#nav2LeftExtender.programs {background-color:#a8b2b1}
#nav2LeftExtender.educational_resources {background-color:#76B900}
#nav2LeftExtender.cool_stuff {background-color:#3d4c54}

#sparkContainer {margin: 0 auto; width:990px; position:relative; top:200px; background:url(/images/navigation/container-mask.gif) repeat; height:500px;}

#sparkLogo {position:absolute; top:-147px; left:180px; text-indent:-10000px; background:url(/images/navigation/spark-logo.gif) no-repeat top left; width:635px; height:131px; margin:0; padding:0; overflow:hidden;}
#sparkLogo a {float:left; width:635px; height:131px;}

#navUtility {position:absolute; top:-200px; right:100px;}
#navUtility a {float:right; text-indent:-10000px; background-position:top;}
#navUtility #contact {background:url(/images/navigation/contact-irobot.gif) top left; height:27px; width:148px;}
#navUtility #iRobotPortal {background:url(/images/navigation/irobot.com.gif) top left; height:27px; width:123px;}
#navUtility #contact:hover { background-position:bottom;}
#navUtility #iRobotPortal:hover { background-position:bottom;}

#mainTab {font-size:28px; color:#FFFFFF; height:37px; width:375px; text-align:center; position:absolute; margin:0; padding:3px 0 0 0; top:0; right:20px; font-weight:normal;}
#mainTab.programs {background-color:#717f81;}
#mainTab.educational_resources {background-color:#006651;}
#mainTab.cool_stuff {background-color:#007229;}
#mainTab a {color:#FFFFFF; text-decoration:none; font-weight:normal;}

#navLevel2 {list-style-type:none; position:absolute; top:40px; font-size:16px; margin:0; padding:0; line-height:16px; z-index:1000;}
#navLevel2 li {float:left; padding:0px 0px; position:relative; }
#navLevel2 li.spacer {float:left; padding:10px 0px; position:relative; }
#navLevel2 a {color:#FFFFFF; text-decoration:none; float:left; padding: 10px 20px; }
#navLevel2 .selected a {text-decoration:underline;}
#navLevel2 a:hover {text-decoration:underline;}
#navLevel2.programs {left:391px; width:599px; background:url(../images/navigation/nav2-programs.gif) top left;}
#navLevel2.programs a {padding: 10px 0px 10px 35px; }
#navLevel2.educational_resources {left:265px; width:725px; background:url(../images/navigation/nav2-ed-res.gif) top left;}
#navLevel2.educational_resources a {padding: 10px 17px 10px 17px; }
#navLevel2.cool_stuff {left:382px; width:608px; background:url(../images/navigation/nav2-cool.gif) top left;}
#navLevel2.cool_stuff a {padding: 10px 30px 10px 30px; }

#navLevel2 li .navLevel3Inner {float:none; list-style:none; background:url(/images/navigation/nav2-drop.png) top left repeat; color:#FFFFFF; font-size:12px; display:none; margin:0; padding:10px 0 10px 0; position:absolute; top:36px; left:0;}
#navLevel2 li .navLevel3Inner li.nav3 {float:none; margin:0; padding:0px 0px; width:250px; height:20px;}
#navLevel2 li .navLevel3Inner li.nav3 a {height:16px; width:210px; padding:2px 20px 3px; float:left;}
#navLevel2 li .navLevel3Inner li.nav3 a:hover {background-color:#77b800; text-decoration:none;}

#navLevel3 {list-style:none; position:absolute; top:180px; left:846px; margin:0; padding:0; width:144px; z-index:900;}
#navLevel3 li {font-size:14px; width:144px; margin:0; padding:0; line-height:16px;}
#navLevel3 li a {margin-left:30px; text-decoration:none; color:#77b800; float:left; padding:21px 0px 12px 25px; width:89px; background:url(/images/navigation/line-bubble-left.gif) no-repeat bottom left; line-height:16px;}
#navLevel3 li a:hover {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}
#navLevel3 li.nav3Over a {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}

#tabLink1, #tabLink2, #tablink3 {text-transform:uppercase; font-size:16px; color:#FFFFFF; position:absolute; top:40px; line-height:16px;}
#tabLink1 a, #tabLink2 a, #tabLink3 a {color:#FFFFFF; text-decoration:none; float:right; padding:10px 20px 10px 0px; height:16px; background-position:top right; background-repeat:no-repeat;}
#tabLink1.programs {left:0px; background:#aab3b1; width:254px;}
#tabLink1.programs a {background:url(../images/navigation/double_arrow_gray.gif) no-repeat top right;}
#tabLink1.programs div {float:right; width:5px; height:36px; background:#006651;}
#tabLink2.programs {left:254px; background:#78b843; width:137px;}
#tabLink2.programs a {background:url(../images/navigation/double_arrow_green.gif) no-repeat top right;}
#tabLink2.programs div {float:right; width:5px; height:36px; background:#007229;}
#tabLink1.educational_resources {left:0px; background:#76B900; width:137px;}
#tabLink1.educational_resources a {background:url(../images/navigation/double_arrow_green.gif) no-repeat top right;}
#tabLink1.educational_resources div {float:right; width:5px; height:36px; background:#007229;}
#tabLink2.educational_resources {left:137px; background:#3d4c54; width:128px;}
#tabLink2.educational_resources a {background:url(../images/navigation/double_arrow_blue.gif) no-repeat top right;}
#tabLink2.educational_resources div {float:right; width:5px; height:36px; background:#7B858A;}
#tabLink1.cool_stuff {left:0px; background:#3d4c54; width:128px;}
#tabLink1.cool_stuff a {background:url(../images/navigation/double_arrow_blue.gif) no-repeat top right;}
#tabLink1.cool_stuff div {float:right; width:5px; height:36px; background:#7B858A;}
#tabLink2.cool_stuff {left:128px; background:#aab3b1; width:254px;}
#tabLink2.cool_stuff a {background:url(../images/navigation/double_arrow_gray.gif) no-repeat top right;}
#tabLink2.cool_stuff div {float:right; width:5px; height:36px; background:#006651;}
#tabLink1 a:hover, #tabLink2 a:hover {background-position:bottom right;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#navLevel3Extender {list-style:none; position:absolute; top:380px; right:0px; margin:0; padding:0; width:300px;/*JC*/}
#navLevel3Extender li {font-size:14px; /*width:990px; -JC */ margin:0; padding:0; line-height:16px;}
#navLevel3Extender li a {width:89px; margin:0; padding:21px 211px 12px 0px; background:url(/images/navigation/line-bubble-nav3-extend.gif) bottom left repeat-x; color:#FFFFFF; line-height:16px; float:left; text-decoration:none;}

#pagefooter {background:url(../images/footer.gif) no-repeat 115px 0px scroll transparent; height:38px; margin:0 auto; width:990px;}
#pagefooter #identity {height:50px; background:url(../images/navigation/footer-logo.gif) no-repeat; width:150px; float:right;}
#pagefooter table a {font-size:12px; text-transform:uppercase; text-decoration:none; color:#687c82; font-weight:bold;}
#pagefooter table a:hover {text-decoration:underline;}
#pagefooter table td {text-align:left; vertical-align:top; padding-right:30px; padding-top:15px;}
#pagefooter table {margin-top:5px;}
#pagefooter #copyright {font-size:11px; text-decoration:none; font-style:italic; color:#717f81; padding-top:20px;}

/* --- SPARK Landing --- */
#landingLeft {float:left; width:255px; margin-left:50px; margin-top:60px;}
#landingLeft h3 {text-align:right; display:inline; padding:0 0 0 65px; background:url(../images/navigation/landing_sm_stripes3.gif) top left no-repeat; float:right; color:#7B858A; font-size:14px;}
#landingLatestPhotos #icons {float:right; width:116px;}
#landingLatestPhotos #icons div {width:56px; height:56px; float:right; margin:0 0 2px 2px; }
#landingLatestPhotos #large {width:127px; height:127px; float:left; background:url(../images/landing/IMG_5789_lg.jpg) no-repeat top left;}
#landingLeft p {font-style:italic; font-weight:bold; color:#81bc3b; text-align:right; line-height:18px; font-size:12px;}
#landingSwooshes {float:left; width:75px; height:380px; background:url(../images/landing/landing-swooshes.gif) no-repeat center center; margin:10px 0 0 35px;}
#landingRight {float:right; width:450px; margin-right:100px; margin-top:60px; font-size:12px; color:#7B858A; font-weight:bold;}
#landingRight p {padding:7px 0; margin:0; line-height:19px;}
#landingRight h3 {font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; color:#2a7c3a; background:url(../images/navigation/landing_sm_stripes2.gif) no-repeat top right; margin:0; padding:0 73px 0 0; display:inline;}
#landingRight h3 a {text-decoration:none;}
#landingPrograms {position:relative; top:0; margin-bottom:15px;}
#landingPrograms ul {list-style:none; text-align:right; font-size:11px; line-height:13px; float:left; margin:17px 0 0; padding:0; width:170px;}
#landingPrograms ul li {margin:0; padding:0; clear:both;}
#landingPrograms ul a {color:#236950; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:9px 7px 9px 0; float:right;}
#landingPrograms #dividerBar {width:21px; height:167px; background:url(../images/navigation/landing-divider-bar-w-arrows.gif) no-repeat 0 -223px; float:left; margin:17px 0 0; } 
#landingPrograms #programDescriptions {float:left; width:252px; margin-left:7px;}
#landingPrograms #programDescriptions img { float:right; width:85px; height:85px; padding:3px 0 7px 7px;}
#landingEdRes {position:relative; top:0; padding-left:20px;}
#landingCoolStuff {position:relative; top:0; padding-left:20px;}
#landingBar {background-color:#007229; width:100%; height:5px; position:absolute; top:205px; z-index:900;}
#landingNav {position:absolute; top:-26px; z-index:801; overflow:hidden; height:31px;}
#landingNavMask {position:absolute; top:-26px; z-index:802; height:31px; width:500px; background:#FFFFFF;}
#navLink1, #navLink2, #navLink3 {text-transform:uppercase; font-size:14px; color:#FFFFFF; line-height:14px; float:left;}
#navLink1 a, #navLink2 a, #navLink3 a {color:#FFFFFF; text-decoration:none; float:right; padding:11px 20px 11px 10px; height:14px;}
#navLink1 {background:#3d4c54;}
#navLink1 a {background:url(../images/navigation/double_arrow_blue.gif) no-repeat top right;}
#navLink1 div {float:right; width:5px; height:36px; background:#7B858A;}
#navLink2 {background:#aab3b1;}
#navLink2 a {background:url(../images/navigation/double_arrow_gray.gif) no-repeat top right;}
#navLink2 div {float:right; width:5px; height:36px; background:#006651;}
#navLink3 {background:#76B900;}
#navLink3 a {background:url(../images/navigation/double_arrow_green.gif) no-repeat top right;}
#navLink3 div {float:right; width:5px; height:36px; background:#007229;}
#navLink1 a:hover, #navLink2 a:hover, #navLink3 a:hover {background-position:bottom right;}

/* --- Programs Landing --- */
#progLeft {float:left; width:150px; height:400px; background:url(../images/programs/ProgramLanding_leftswoosh.gif) no-repeat top right; margin-top:-28px;}
#progRight {float:left; width:100px; height:400px; background:url(../images/programs/ProgramLanding_rightswoosh.gif) no-repeat top left; margin-top:-28px;}
#progNames ul {list-style:none; text-align:right; font-size:13px; line-height:16px; float:left; margin:57px 4px 0 0; padding:0; }
#progNames ul li {margin:0; padding:0; clear:both;}
#progNames ul a {color:#236950; text-transform:uppercase; text-decoration:none; padding:9px 7px 9px 0; float:right;}
#progNames ul a:hover {color:#000000;}
#progDividerBar {width:21px; height:256px; background:url(../images/navigation/landing-divider-bar-w-arrows.gif) no-repeat 0 -162px; float:left; margin-top:3px;} 
#progDescriptions {float:left; width:400px; margin-left:7px;}
#progDescriptions h3 {font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:3px; color:#2a7c3a; background:url(../images/programs/prog-stripes.gif) no-repeat center right; margin:0; padding:0 100px 0 0; display:inline;}
#progDescriptions img {float:left; width:140px; height:215px; padding:0 15px 0 0;}


#navMember {position:absolute; top:0; right:0; text-align:right; font-size:12px; padding:13px 0; color:#717f81; line-height:16px;} 
#navSubmit {position:absolute; top:-10px; left:424px; padding:13px 0;} 
#navSubmit a {background:url(/images/navigation/nav-contribute.gif) no-repeat;  font-size:14px; color:#80c340; line-height:16px; text-decoration:none; padding-left:10px;}
#navSubmit a:hover {text-decoration:underline;}

#pageTitleLeft { position:absolute; top:139px; font-style:italic; font-size:16px; color:#717f81; width:810px; }
#pageTitleLeft div {background:#FFFFFF;}
#pageTitleLeft div img {margin:5px 5px 0 0;}
#pageTitleLeftExtender {position:absolute; top:149px; left:-2000px; width:2700px; height:3px; background:url(/images/navigation/line-bubble-extend.gif) top left repeat-x; line-height:3px; font-size:3px;}

#pageTitleRight {position:absolute; color:#007836; top:112px; left:310px; width:500px; text-align:right; font-size:24px; line-height:24px;}
#pageTitleRightBubble { position:absolute; top:118px; left:816px; line-height:12px; height:13px; font-size:12px; background: url(/images/navigation/line-bubble-left.gif) no-repeat top left; width:174px;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#pageTitleRightExtender {position:absolute; right:0; top:323px; background:url(/images/navigation/line-bubble-extend.gif) repeat-x; height:3px; line-height:3px; font-size:3px; width:990px;}

#mainContent {position:absolute; top:180px; left:0px; width:990px; background-color:#fff;}
#mainContentFull {position:absolute; top:110px; left:0px; width:990px;}
#pageContent {min-height:400px; width:760px; padding:0 0 25px 0px;}
#pageContentFull {width:990px; padding:0 0 25px 0px;}
#coolmainContentFull {position:absolute; top:76px; left:0px; width:990px;}
#coolpageContentFull {width:990px; padding:0 0 25px 0px;}

#bio_detail_img {position:absolute; top:0px; left:50px;}
#bio_detail_content {padding:130px 20px 0 277px; background:url(/images/page_elements/bio_detail_swoosh.gif) 76px 140px no-repeat; min-height:404px;}
#bio_detail_content h3 {font-size:20px; color:#84c447; text-transform:uppercase; font-weight:bold; margin:8px 0; padding:0; }
#bio_detail_content p {font-size:14px; color:#8d9ea3; margin:10px 0; padding:0; line-height:20px;}

#edres_feature {width:525px; height:300px; position:absolute; right:0; top:0; background:url(/images/page_elements/edres-feature-bkg.gif) bottom left no-repeat; overflow:hidden;}
#edres_feature .feature_img {position:absolute; top:19px; left:1px;}
#edres_feature .feature_img img {margin:0; padding:0;}
#edres_feature .feature_summary {position:absolute; top:32px; left:233px; width:215px;}
#edres_feature .feature_summary  h3 {color:#77b800; margin:0 0 7px; padding:0; font-size:18px; font-weight:normal;}
#edres_feature .feature_summary  p {margin:7px 0; padding:0; color:#717F81; font-size:12px; line-height:17px;} 

#edres_forum {width:479px; height:200px; position:absolute; right:0; top:299px; background:url(/images/page_elements/edres-forum-bkg.gif) top left no-repeat; overflow:hidden; padding:17px 23px;}
#edres_forum h3 {color:#a7b2b1; font-size:14px; font-weight:normal; margin:0 0 13px; padding:0;}
#edres_forum p {margin-top:0; margin-bottom:10px; font-size:10px; color:#333333;}
#edres_forum span {color:#77b800;}

#edres_ad {width:419px; height:180px; margin-top:299px; background:url(/images/page_elements/edres-ad-bkg.gif) top right no-repeat; overflow:hidden; padding:17px 23px;}
#edres_ad div {padding-left:39px;width:380px; height:100%;}
#edres_ad h3 {font-size:14px; color:#006659; font-weight:bold; margin:0 0 5px;}
#edres_ad p {color:#a7b2b1; margin:8px 135px 0 0; font-size:12px; line-height:17px;}

#edres_main {position:absolute; top:0px; width:443px; height:300px; padding-left:39px;}
#edres_main div {text-align:right; font-size:14px; color:#717f81; width:375px;}
#edres_main h5 {text-align:right; font-size:13px; color:#006559; width:375px;}
#edres_main ul {list-style:none; float:right; margin:0; padding:0;}
#edres_main ul li {background:url(/images/page_elements/edres-main-li-border.gif) bottom left no-repeat; width:228px; float:right; font-size:13px;}
#edres_main ul li.last {background:none;}
#edres_main ul li a {padding:10px 68px 11px 0; float:right; text-decoration:none; text-align:right; background:url(../images/page_elements/edres-main-a-arrow.gif) bottom right no-repeat; width:150px;}
#edres_main ul li a:hover {background-position:top right;}

.map_cool_stuff {position:absolute; margin:-4px 0 0 -4px;}

#contact-us, #privacy, #termsconditions, #tour {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	display:none;
	max-height:500px;
	padding:0px 44px;
	margin-bottom:30px;
	overflow: auto;
}

#photoview {
	margin:0px;
	display:none;
	max-height:500px;
	padding:0px 44px;
	margin-bottom:30px;
	overflow: hidden;
}

#dialoginner {height:500px; overflow:auto; margin:0 -44px; padding:0 44px;}
.page-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#248f5d;
	text-transform:uppercase;
	margin-top:0;
}
.footer-page-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.form-required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#248f5d;
}
.partners-table {
	padding-left:200px;
}
.footer-page-text-red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
}
.footer-page-text-question {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	}

#coolDiscoverNav {width:380px; height:717px; background:url(/images/cool_stuff/discover-listing-nav-bk.gif) no-repeat;}
#coolDiscoverNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolDiscoverNav a:hover {text-decoration:underline;}
#coolDiscoverNav #item1 {top:296px; left:69px; width:71px;}
#coolDiscoverNav #item2 {top:344px; left:188px; width:60px;}
#coolDiscoverNav #item3 {top:620px; left:84px; width:82px;}
#coolDiscoverNav #item4 {top:463px; left:56px; width:56px;}
#coolDiscoverNav #item5 {top:603px; left:210px; width:56px;}
#coolDiscoverNav #item6 {top:414px; left:119px; width:66px;}
#coolDiscoverNav #item7 {top:516px; left:201px; width:82px;}
#coolDiscoverNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }


#coolPlayNav {width:354px; height:652px; background:url(/images/cool_stuff/play-listing-nav-bk.gif) no-repeat;}
#coolPlayNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolPlayNav a:hover {text-decoration:underline;}
#coolPlayNav #item1 {top:380px; left:126px; width:70px;}
#coolPlayNav #item2 {top:498px; left:95px; width:83px;}
#coolPlayNav #item3 {top:566px; left:193px; width:59px;}
#coolPlayNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }

#coolJoinInNav {width:354px; height:652px; background:transparent url(/images/cool_stuff/play-listing-nav-bk.gif) no-repeat;}
#coolJoinInNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolJoinInNav a:hover {text-decoration:underline;}
#coolJoinInNav #item1 {top:380px; left:126px; width:70px;}
#coolJoinInNav #item2 {top:498px; left:95px; width:83px;}
#coolJoinInNav #item3 {top:576px; left:193px; width:59px;}
#coolJoinInNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }

.cool_stuff_instructions {color:#879a9f; font-size:17px; font-weight:bold; width:539px; padding:0 40px;}
.cool_stuff_instructions2 {color:#879a9f; font-size:17px; font-weight:bold; width:150px; text-align:center;}
.cool_stuff_instructions3 {color:#879a9f; font-size:17px; font-weight:bold; padding:0 40px; width:600px;}

#contact2Open {background:url(/images/navigation/contact-irobot.gif) top left; height:27px; width:148px;}
#contact2Open:hover { background-position:bottom;}