@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; }

.float{float:left;}
.frame{float:left; width:550px; height:800px; margin:40px 0px 40px 0px;}

.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-box{float:left;width:320px; height: 800px; margin:0px 20px 0px 40px;}
.left{float:left; width:320px; height: 760px; overflow:scroll;  background-color:#CCC;}
.left-down{ float:left;width:300px; height: 35px; background-color:#666; padding:5px 0px 0px 20px;}


.left h1{font-size: 140%; padding:0px 0px 0px 0px; color:#233B8C; margin-left:20px;}
.left h2{font-size: 140%; padding:0px 0px 0px 0px; color:#C02225; margin-left:20px;}

.left p{font-size: 110%; padding-top:15px; margin:0px 20px 0px 20px; color:#666;}
.left p a{color:#000; text-decoration: underline; font-weight: 600; }

.left2{float:left; width:300px; height: 760px;   margin:0px 30px 0px 40px;}

.right{float:left; width:555px;  margin:0px 0px 50px 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;}



.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;}
.image7 {float:left; margin:0px 0px 20px 0px;}
.image8 {float:left; margin:40px 0px 20px 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;}