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

Lost Colony Site
Code & CSS by Chad Weinard
chad@weinard.org
Design elements by Brad Magner

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

body {
background-color: #617E96;
background-image: url(images/bg5.jpg);
background-repeat: no-repeat;
background-position: 50% 0px; 
}

#wrapper {
width: 775px;
margin: 10px auto 0 auto;
height: 877px; 
}

#section1 {
width: 300px;
margin-left: 43px;
height: 300px;
display: inline;
float: left; 
}

#header a {
width: 296px;
height: 113px;
position: relative;
top: 17px;
display: block;
text-indent: -6000px; 
}

#logo a {
width: 297px;
height: 311px;
margin-top: 32px;
display: block;
text-indent: -6000px; 
}

#sponsors a {
width: 297px;
height: 118px;
margin: 0;
display: block;
text-indent: -6000px;
}

#video {
width: 285px;
/*height: 226px;*/
height: 238px;
/*margin: 9px 0em 0px 6px; */
margin: 9px 0em 0px 6px;
}

#section2 {
margin: 0 0 0 347px; 
}

ul#nav1 {
margin: 0;
padding: 43px 0 0 0;
list-style: none; 
}

ul#nav1 li {
display: inline;
text-indent: -6000px; 
}

ul#nav1 li a {
margin: 0 8px 0 0;
width: 91px;
height: 87px;
float: left;
background-repeat: no-repeat;
background-image: url(images/btn_nav1.png); 
}

#home ul#nav1 li#about a {
background-position: 0px 0px;
margin: -1px 8px 0 0; 
}

#home ul#nav1 li#about a:hover, #sub_about ul#nav1 li#about a, ul#nav1 li#about a:hover {
background-position: 0px -87px;
margin: -1px 8px 0 0; 
}

ul#nav1 li#about a {
background-position: 0px -174px;
margin: -1px 8px 0 0; 
}

#home ul#nav1 li#planning a {
background-position: -91px 0px;
margin: 0 7px 0 0; 
}

#home ul#nav1 li#planning a:hover, ul#nav1 li#planning a:hover, #sub_planning ul#nav1 li#planning a {
background-position: -91px -87px;
margin: 0 7px 0 0; 
}

ul#nav1 li#planning a {
background-position: -91px -174px;
margin: 0 7px 0 0; 
}

#home ul#nav1 li#special a {
background-position: -182px 0px; 
}

#home ul#nav1 li#special a:hover, ul#nav1 li#special a:hover, #sub_special ul#nav1 li#special a {
background-position: -182px -87px; 
}

ul#nav1 li#special a {
background-position: -182px -174px; 
}

#home ul#nav1 li#buy a {
background-position: -273px 0px; 
}

#home ul#nav1 li#buy a:hover, ul#nav1 li#buy a:hover, #sub_buy ul#nav1 li#buy a {
background-position: -273px -87px; 
}

ul#nav1 li#buy a {
background-position: -273px -174px; 
}

#content {
width: 348px;
height: 547px;
margin: 103px 0 0 -2px;
padding: 20px 20px 20px 20px;
overflow: auto; 
}

#home #content {
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/content.jpg); 
}

ul#nav2 {
margin: 11px 0 0 -3px;
list-style: none; 
}

ul#nav2 li {
display: inline; 
}

ul#nav2 li a {
height: 80px;
float: left;
margin: 0 7px 0 0;
text-indent: -6000px;
background-repeat: no-repeat;
background-image: url(images/btn_nav2.jpg); 
}

ul#nav2 li#lostcolony a {
width: 139px;
background-position: 0px 0px; 
}

ul#nav2 li#lostcolony a:hover {
background-position: 0px -80px; 
}

ul#nav2 li#britishmuseum a {
width: 91px;
background-position: -139px 0px; 
}

ul#nav2 li#britishmuseum a:hover {
background-position: -139px -80px; 
}

ul#nav2 li#shoponline a {
width: 146px;
background-position: -230px 0px;
margin: 0 0 0 1px; 
}

ul#nav2 li#shoponline a:hover {
background-position: -230px -80px;
margin: 0 0 0 1px; 
}