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


#container {
    background-color: #fff;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(images/homepage-images/home-page-bdrop.jpg);
    background-repeat: no-repeat;
    background-position: center top;}
	


	
#top-banner{width: 980px;height: 100px; position: fixed; top: 0; left: center;  float:left; z-index:10;}

#top-menu2{width:250px; height: 80px; margin:15px 0px 0px 120px; float:left; }

.title{float:left; margin:180px 0px 60px 0px;}

.intro{float:left; width:390px;  margin:10px 0px 0px 490px;}

.menu-box{float:left; width:270px; height:500px; margin:0px 0px 80px 40px; background-color:#fff;}

.menu-box h1{margin-left:10px; width:250px; color:#333; }
.menu-box h1 a{color:#F37707; text-decoration: underline; }
.menu-box p{margin-left:10px; width:250px;font-size: 100%; }

.body-copy{float:left; width:900px; margin:0px 50px 0px 40px; }
.left{float:left; width:290px; margin:0px 50px 0px 40px; }

.right{float:left; width:555px;  margin:0px 0px 0px 10px; }

.centre{float:left; width:550px;  margin:0px 0px 60px 200px; }

.centre p{ padding-top:20px; text-align: center;}

.centre h1{ text-align: center; color:#000;}

.centre h2{font-size: 70%; margin:10px 0px 20px 0px; text-align: center; color:#999;}


.centre h2 a, .centre p a, .right h2 a{color:#069; text-decoration: underline;}

.right h2{ padding:10px 0px 0px 0px;  font-weight: normal; color:#666;}


.map-a{float:left; width: 165px;}
.map-b{float:left; width: 78px;}
.map-c{float:left; width: 57px;}
.map-d{float:left; width: 57px;}
.map-e{float:left; width: 35px;}
.map-f{float:left; width: 158px;}

.image {float:left; margin:40px 0px 40px 0px;}
.image2 {float:left; margin:0px 0px 0px 40px;}
.image3 {float:left; margin:40px 0px 0px 0px;}
.image4 {float:left; margin:20px 0px 20px 0px;}
.image5 {clear: both; margin:40px 0px 40px 0px;}
.image6 {float:left; margin:0px 0px 60px 0px;}



h3{color:#666; font-size: 90%; padding:10px 0px 0px 0px; width:430px; }

.hatching{float:left; width: 980px;  background-image: url(images/hatch2.png); }

.scroll-wrapper{float:left; width: 980px;  background-color: #fff; position:relative; }

.scroll-wrapper2{float:left; width: 980px;  background-color: #fff; position:relative;  }
.scroll-wrapper3{float:left; width: 980px; margin-bottom:40px; background-color: #fff; position:relative;  }

.absolute {position: absolute;z-index: 8;}

.scroll{float:left; width: 3500px;  margin:40px 0px 0px 20px; }

.scroll2{float:left; width: 2760px;   }

.scroll-timeline{float:left; width: 5100px;   margin-left:20px; background-image: url(images/homepage-images/timeline-diagram-small.jpg); background-repeat: no-repeat; background-position: top left; }

.scroll-box{float:left;  width: 300px; margin:10px 20px 0px 20px;  }
.scroll-box2{float:left;  width: 380px;  margin-top:280px; }
.scroll-box3{float:left;  width: 220px;  margin-top:280px; }
.scroll-box4{float:left;  width: 280px;  margin-top:100px; }

.scroll-box p, .scroll-box2 p, .scroll-box3 p, .scroll-box4 p{ color:#666; font-size: 90%;}


.grey-bdrop{float:left; width:980px; background-image: url(images/hatch2.png); padding-bottom:50px;}

#destinations-marker{float:left; width:980px; height:1px;}

#science-marker{float:left; width:980px; height:1px;}