body {
    margin-left: 10px;
}
div {
    border: 1px solid blue;
}
#navbar {
    
    width: 1000px;
    height: 35px;
    left: 10px;
    border: none;
}

#previous {
    float: left;  
    text-align: left;
   border: none;
    width: 100px;
}

#next {
    float: right;
    text-align: right;
    border: none;
    width: 100px;
    
}

#navbar2 {
    position: absolute;
    top: 1320px;
    width: 1000px;
    height: 35px;
    left: 10px;
    border: none;
}

#previous2 {
    float: left;  
    text-align: left;
   border: none;
    width: 100px;
}

#next2 {
    float: right;
    text-align: right;
    border: none;
    width: 100px;
    
}
.nav-number {
    height:30px;
}
.nav-icon {
    height: 30px;
}
#banner {
   width: 1000px;
   text-align: center; 
   border: none;
}

#pagetitle {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 40px;
	border: none;
   
}
#sign-after {
    width: 1000px;
    height: 555px;
    position: absolute;
    left: 10px;
    top: 125px;
    z-index: 1;
    border: none;

    
}

#sign-before {
     width: 280px;
     height: 155px;
     position: absolute;
     left: 510px;
     top: 622px;
     z-index: 2;
     border: 5px solid white;
}

#picture-caption1 {
   width: 363px;
   height: 95px;
   position: absolute;
   top: 690px;
   left: 10px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	border: none;

}

#picture-caption2 {
    width: 200px;
    height: 95px;
    position: absolute;
    top: 690px;
    left: 810px;
    	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
    border: none;
}

#swap {
    width: 35px;
    height: 30px;
    position: absolute;
    top: 685px;
    left: 460px;
    border: none;
}

#swap-button {
    background-color: white;
    padding: 0px;
    border: none;
}

.swaplabel {
    font-family:arial, helvetica, sans-serif;
    font-weight: bold;
}

#swapdoc {
    position: absolute;
    top: 750px;
    left: 434px;
    height: 150px;
    width: 480px;
    border: none;
     
    
}

.swapdocp {
    margin-top: 0px;
    color: #344DA1;
}
#how-done {
    width: 200px;
    height: 20px;
    position: absolute;
    top: 780px;
    left: 810px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 40px;
    border: none;
}

#storyline {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 810px;
    left: 10px;
    	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
    border: none;    
}
.storytitle {
    font-weight: bold;
    font-size: 16px;
}

#sequence {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 91px;
    left: 975px;
    border: none;
    z-index: 3;
}

#extra {
    width: 483px;
    height: 211px;
    position: absolute;
    top: 915px;
    left: 527px;
    border: none;
}

#sponsor {
    width: 1000px;
    height: 100px;
    position: absolute;
    left: 10px;
    top: 1170px;
    border: none;
   
}

#sponsoredby {
    position: absolute;
    width: 1000px;
    left: 10px;
    top: 1150px;
    border: none;
    font-size: 12px;
    text-align: center;

}


 img#banner-image {
     width: 330px;
     
 }
 
 

.pullquote {
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
}

.pullquote-box {
	background-color: #EFEFEF;
	padding: 10px;
	border: none;
}
.credits {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 10px;
    text-align: left; 
    border: none;
}

.publicity-link {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    text-align: left; 
    border: none;
    
}

.publicity-credit {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: left; 
    border: none;
    
}

.bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: list-item;
	margin-top: 6px;
}

h1 {
     font-family: Arial,Helvetica,sans-serif;
   
}

.navbar-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
  
}

#TitlePageBanner {
    border: none;
	width: 1000px;
	text-align: center;
}

.titlepagebox {
	border: thick solid #410000;
	width: 1000px;
	margin-top: 20px;
	text-align: center;
	padding-top: 60px;
	background-color: #FFFFFF;
}
.divwidth {
	width: 1000px;
}
.maintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 58px;
	font-weight: bold;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.titlepagecreditsbox {
	background-color: #FFFFFF;
	border: thin solid #410000;
	position: relative;
	top: 50px;
	position:absolute; 
	width:324px; 
	height:260px; 
	z-index:1; 
	left: 580px; 
	top: 505px;
}
.credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 10px;
}
.toctitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 14px;
}

.extras1 {
    width: 1000px;
    border: none;
    
}

.extras-title {
    width: 490px;
    float: left;
    height: 330px;
    text-align: center;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 20px;
	padding-top: 50px;
	border: none;

}

.extras-label {
    
}
.extras-image {
     width: 490px;
     height: 330px;
     float: right;
     border: none;
}


.extras-img {
    
   
}

.extras-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 16px;
    
}
h1.extras {
     text-align: center; margin-top: 30px;

}

.tiatoptitle {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border: none;

}
.tiacaption {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
}
.mainimage {
  border: 1px solid black;
  
}