/* typography */

@font-face {font-family: 'Novecentowide-Bold';src: url('../fonts/webfonts/254673_0_0.eot');src: url('../fonts/webfonts/254673_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_0_0.woff') format('woff'),url('../fonts/webfonts/254673_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Novecentowide-Light';src: url('../fonts/webfonts/254673_1_0.eot');src: url('../fonts/webfonts/254673_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_1_0.woff') format('woff'),url('../fonts/webfonts/254673_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Novecentowide-DemiBold';src: url('../fonts/webfonts/254673_2_0.eot');src: url('../fonts/webfonts/254673_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_2_0.woff') format('woff'),url('../fonts/webfonts/254673_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Novecentowide-Book';src: url('../fonts/webfonts/254673_3_0.eot');src: url('../fonts/webfonts/254673_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_3_0.woff') format('woff'),url('../fonts/webfonts/254673_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Novecentowide-Normal';src: url('../fonts/webfonts/254673_4_0.eot');src: url('../fonts/webfonts/254673_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_4_0.woff') format('woff'),url('../fonts/webfonts/254673_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Novecentowide-Medium';src: url('../fonts/webfonts/254673_5_0.eot');src: url('../fonts/webfonts/254673_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/254673_5_0.woff') format('woff'),url('../fonts/webfonts/254673_5_0.ttf') format('truetype');}

@font-face {
    font-family: 'JosefinSansStdLight';
    src: url('../fonts/JosefinSansStd-Light-webfont.eot');
    src: url('../fonts/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSansStd-Light-webfont.woff') format('woff'),
         url('../fonts/JosefinSansStd-Light-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Puritan20Normal';
    src: url('../fonts/Puritan_Regular-webfont.eot');
    src: url('../fonts/Puritan_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Puritan_Regular-webfont.woff') format('woff'),
         url('../fonts/Puritan_Regular-webfont.ttf') format('truetype'),
         url('../fonts/Puritan_Regular-webfont.svg#Puritan20Normal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Puritan20Italic';
    src: url('../fonts/Puritan_Italic-webfont.eot');
    src: url('../fonts/Puritan_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Puritan_Italic-webfont.woff') format('woff'),
         url('../fonts/Puritan_Italic-webfont.ttf') format('truetype'),
         url('../fonts/Puritan_Italic-webfont.svg#Puritan20Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Puritan20Bold';
    src: url('../fonts/Puritan_Bold-webfont.eot');
    src: url('../fonts/Puritan_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Puritan_Bold-webfont.woff') format('woff'),
         url('../fonts/Puritan_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Puritan_Bold-webfont.svg#Puritan20Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Puritan20BoldItalic';
    src: url('../fonts/Puritan_Bold_Italic-webfont.eot');
    src: url('../fonts/Puritan_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Puritan_Bold_Italic-webfont.woff') format('woff'),
         url('../fonts/Puritan_Bold_Italic-webfont.ttf') format('truetype'),
         url('../fonts/Puritan_Bold_Italic-webfont.svg#Puritan20BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* TEXT STYLES */

h1 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.6em; 
	line-height: 1.6em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h2 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.4em; 
	line-height: 1.4em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
    color:#003366;
}
    
h3 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.2em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h4 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h5 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.8em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h6 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.7em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

blockquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	color: #000;
	text-align: right;
	width: 70%;
	margin-left: 20%;
	font-size: 1.3em; 
	line-height: 1.4em; 
	padding: 10px 0;
}

.pullquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	text-align: left;
	width: 70%;
	color: #000;
	font-size: 1.3em; 
	line-height: 1.4em; 
	margin-left: 5%;
	padding: 20px 0;
}

span {font-style: italic;}

body{
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
}

a {
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
	text-decoration:none;
}

a:visited {
	border: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.noborder,a.noborder:hover {
	background:none;
	border:none;
	color:inherit;
}

a img {
	background:none;
	border:none;
}

h1 a,h1 a:visited{border:none}

h2 a,h2 a:visited{border:none}

h3 a,h3 a:visited{border:none}

h4 a,h4 a:visited{border:none}

h5 a,h5 a:visited{border:none}

h6 a,h6 a:visited{border:none}

p,ul,ol{margin:0 0 0 0}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

li {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5, h6, p {-webkit-hyphens:none;}

/* text styles */

/* 
#pixels{
	font-size-adjust:0.40;
	font-weight:600;
	font-style:normal;
	background-color: rgba(255,255,255,.5);
	padding: 10px;
}
*/

p 	{
	color: #333;
}

p, ul{
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
	font-size: 0.9em;
}

/* general */

body: {
    width: 100%;
	margin: 0 auto;
}

#container {
	width: 95%;
	margin: 0 auto;
}

#content {
	width: 80%;
	margin: 0 auto;
}

#introduction {
    clear: float;
    width: 100%
	height: 600px;
	padding-top: 10%;
}

#second {
	clear: float;
}

#third {
	clear: float;
}

#fourth {
	clear: float;
}

#fifth {
	clear: float;
}

#sixth {
	clear: float;
}

.about {
	clear: float;
	width: 100%;
	height: 800px;
	padding-top: 8%;
}

.cleardiv {
	clear: float;
	width: 100%;
}

.timeline {
	clear: float;
	width: 100%;
	height: 800px;
	padding-top: 8%;
}

.wpa {
	clear: float;
	width: 100%;
	height: 3200px;
	padding-top: 8%;
}

.myposters {
	clear: float;
	width: 100%;
	height: 1000px;
	padding-top: 8%;
}

.sources {
	clear: float;
	width: 100%;
	height: 800px;
	padding-top: 8%;
}

/* header branding and navigation */

#headerwrap {
    position: fixed;
    background: rgba(255,255,255,1);
	width: 100%;
	float: left;
	z-index: 1;
}

#header {
	width: 85%;
	margin: 0 auto;
}

#branding {
	float: left;
	min-width: 20%;
	padding: 20px 20px 20px 0;
}

#navigation {
	float: left;
	width: 	60%;
	margin: 0.8% 0 0 0;
	padding: 20px 0;
}

.logo  {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
}

.logo a {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
	text-decoration: none;
}

.logo a:hover {
	width: 20;
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:active {
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:visited {
	text-decoration: none;
	border: 0;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
	width: auto;
}

#navigation a {
	color: #666666;
    text-decoration: none;
	display: block;
	font-family: 'Puritan20Normal';
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	width: 5em;
	border: none;
	text-align: left;
	padding: 1px 6px;
}

#navigation a:hover {
	color:#003366;
}

#navigation a:active {
    font-weight: bold;
}

#navigation a:visited {
    text-decoration: none;	
    border: none;
}

/* floats */

.clear {
	clear: both;
}

.float-left{
	float: left;	
	margin-left: 5%;
}

.float-right{
	float: right;
	margin-right: 5%;
}

/* column and row styles */

.columnwrap {
	width: 100%;
}

.column {
	float: left;
	width: 30%;
	padding-right: 10px;
	margin-bottom: 15px;
}

.column_t {
	float: left;
	width: 24%;
	padding-right: 0;
	margin-bottom: 15px;
}

.column_s_1 {
	float: left;
	width: 40%;
	padding-right: 20px;
}

.column_s_2 {
	float: left;
	width: 40%;
	padding-right: 0;
	padding-top: 200px;
	padding-bottom: 20px;
}


.timeline img {
	width: 80%;
}

.wpa img {
	width: 95%;
}

.myposters img {
	width: 95%;
}


/* Styling */

.introtext {
	width: 40%;
	margin-left: 40%;
}
	
.abouttext {
	width: 40%;
	margin-left: 10%;
}

.sourcetext {
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
}


/* MOBILE STYLES 1100-1400-----------------------------------------------------------*/

@media screen
and (min-width : 1400px) 
and (max-width : 1500px) {



.pullquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	text-align: left;
	width: 60%;
	color: #000;
	font-size: 1.3em; 
	line-height: 1.4em; 
	margin-left: 5%;
	padding: 20px 0;
}

}

/* MOBILE STYLES 1100-1400-----------------------------------------------------------*/

@media screen
and (min-width : 1100px) 
and (max-width : 1400px) {


/* TEXT STYLES */

h1 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.6em; 
	line-height: 1.6em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h2 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.4em; 
	line-height: 1.4em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
    color:#003366;
}
    
h3 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.2em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h4 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h5 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.8em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h6 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.7em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

blockquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	color: #000;
	text-align: right;
	width: 60%;
	margin-left: 20%;
	font-size: 1.3em; 
	line-height: 1.4em; 
	padding: 10px 0;
}

.pullquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	text-align: left;
	width: 50%;
	color: #000;
	font-size: 1.3em; 
	line-height: 1.4em; 
	margin-left: 5%;
	padding: 20px 0;
}

span {font-style: italic;}

body{
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
}

a {
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
	text-decoration:none;
}

a:visited {
	border: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.noborder,a.noborder:hover {
	background:none;
	border:none;
	color:inherit;
}

a img {
	background:none;
	border:none;
}

h1 a,h1 a:visited{border:none}

h2 a,h2 a:visited{border:none}

h3 a,h3 a:visited{border:none}

h4 a,h4 a:visited{border:none}

h5 a,h5 a:visited{border:none}

h6 a,h6 a:visited{border:none}

p,ul,ol{margin:0 0 0 0}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

li {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5, h6, p {-webkit-hyphens:none;}

/* text styles */

/* 
#pixels{
	font-size-adjust:0.40;
	font-weight:600;
	font-style:normal;
	background-color: rgba(255,255,255,.5);
	padding: 10px;
}
*/

p 	{
	color: #333;
}

p, ul{
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
	font-size: 0.9em;
}

/* general */

body: {
    width: 100%;
	margin: 0 auto;
}

#container {
	width: 95%;
	margin: 0 auto;
}

#content {
	width: 80%;
	margin: 0 auto;
}

#introduction {
    clear: float;
    width: 100%
	height: 600px;
	padding-top: 10%;
}

#second {
	clear: float;
}

#third {
	clear: float;
}

#fourth {
	clear: float;
}

#fifth {
	clear: float;
}

#sixth {
	clear: float;
}

.about {
	clear: float;
	width: 100%;
	height: 1000px;
	padding-top: 8%;
}

.cleardiv {
	clear: float;
	width: 100%;
}

.timeline {
	clear: float;
	width: 100%;
	height: 800px;
	padding-top: 8%;
}

.wpa {
	clear: float;
	width: 100%;
	height: 3200px;
	padding-top: 8%;
}

.myposters {
	clear: float;
	width: 100%;
	height: 1000px;
	padding-top: 8%;
}

.sources {
	clear: float;
	width: 100%;
	height: 800px;
	padding-top: 8%;
}

/* header branding and navigation */

#headerwrap {
    position: fixed;
    background: rgba(255,255,255,1);
	width: 100%;
	float: left;
	z-index: 1;
}

#header {
	width: 85%;
	margin: 0 auto;
}

#branding {
	float: left;
	min-width: 20%;
	padding: 20px 20px 20px 0;
}

#navigation {
	float: left;
	width: 	60%;
	margin: 0.8% 0 0 0;
	padding: 20px 0;
}

.logo  {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
}

.logo a {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
	text-decoration: none;
}

.logo a:hover {
	width: 20;
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:active {
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:visited {
	text-decoration: none;
	border: 0;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
	width: auto;
}

#navigation a {
	color: #666666;
    text-decoration: none;
	display: block;
	font-family: 'Puritan20Normal';
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	width: 5em;
	border: none;
	text-align: left;
	padding: 1px 6px;
}

#navigation a:hover {
	color:#003366;
}

#navigation a:active {
    font-weight: bold;
}

#navigation a:visited {
    text-decoration: none;	
    border: none;
}

/* floats */

.clear {
	clear: both;
}

.float-left{
	float: left;	
	margin-left: 5%;
}

.float-right{
	float: right;
	margin-right: 5%;
}

/* column and row styles */

.columnwrap {
	width: 100%;
}

.column {
	float: left;
	width: 30%;
	padding-right: 10px;
	margin-bottom: 15px;
}

.column_t {
	float: left;
	width: 24%;
	padding-right: 0;
	margin-bottom: 15px;
}

.column_s_1 {
	float: left;
	width: 40%;
	padding-right: 20px;
}

.column_s_2 {
	float: left;
	width: 40%;
	padding-right: 0;
	padding-top: 200px;
	padding-bottom: 20px;
}


.timeline img {
	width: 80%;
}

.wpa img {
	width: 95%;
}

.myposters img {
	width: 95%;
}


/* Styling */

.introtext {
	width: 40%;
	margin-left: 40%;
}
	
.abouttext {
	width: 40%;
	margin-left: 10%;
}

.sourcetext {
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
}

}

/* MOBILE STYLES 600-1100------------------------------------------------------------*/

@media screen
and (min-width : 600px) 
and (max-width : 1100px) {


/* TEXT STYLES */

h1 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.6em; 
	line-height: 1.6em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h2 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.4em; 
	line-height: 1.4em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
    color:#003366;
}
    
h3 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.2em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h4 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h5 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.8em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h6 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.7em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

blockquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	color: #000;
	text-align: right;
	width: 70%;
	margin-left: 20%;
	font-size: 1.3em; 
	line-height: 1.4em; 
	padding: 10px 0;
}

.pullquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	text-align: left;
	width: 70%;
	color: #000;
	font-size: 1.3em; 
	line-height: 1.4em; 
	margin-left: 5%;
	padding: 20px 0;
}

span {font-style: italic;}

body{
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
}

a {
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
	text-decoration:none;
}

a:visited {
	border: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.noborder,a.noborder:hover {
	background:none;
	border:none;
	color:inherit;
}

a img {
	background:none;
	border:none;
}

h1 a,h1 a:visited{border:none}

h2 a,h2 a:visited{border:none}

h3 a,h3 a:visited{border:none}

h4 a,h4 a:visited{border:none}

h5 a,h5 a:visited{border:none}

h6 a,h6 a:visited{border:none}

p,ul,ol{margin:0 0 0 0}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

li {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5, h6, p {-webkit-hyphens:none;}

/* text styles */

/* 
#pixels{
	font-size-adjust:0.40;
	font-weight:600;
	font-style:normal;
	background-color: rgba(255,255,255,.5);
	padding: 10px;
}
*/

p 	{
	color: #333;
}

p, ul{
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
	font-size: 0.9em;
}

/* general */

body: {
    width: 100%;
	margin: 0 auto;
}

#container {
	width: 95%;
	margin: 0 auto;
}

#content {
	width: 80%;
	margin: 0 auto;
}

#introduction {
    clear: float;
    width: 100%
	height: 800px;
	padding-top: 20%;
}

#second {
	clear: float;
}

#third {
	clear: float;
}

#fourth {
	clear: float;
}

#fifth {
	clear: float;
}

#sixth {
	clear: float;
}

.about {
	clear: float;
	width: 100%;
	height:1200px;
	padding-top: 18%;
}

.cleardiv {
	clear: float;
	width: 100%;
}

.timeline {
	clear: float;
	width: 100%;
	height: 1000px;
	padding-top: 18%;
}

.wpa {
	clear: float;
	width: 100%;
	height: 4800px;
	padding-top: 18%;
}

.myposters {
	clear: float;
	width: 100%;
	height: 1400px;
	padding-top: 18%;
}

.sources {
	clear: float;
	width: 100%;
	height: 1000px;
	padding-top: 18%;
}

/* header branding and navigation */

#headerwrap {
    position: fixed;
    background: rgba(255,255,255,1);
	width: 100%;
	float: left;
	z-index: 1;
}

#header {
	width: 85%;
	margin: 0 auto;
}

#branding {
	float: left;
	min-width: 20%;
	padding: 20px 20px 20px 0;
}

#navigation {
	float: left;
	max-width: 58%;
	margin: 0.8% 0 0 0;
	padding: 20px 0;
}

.logo  {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
}

.logo a {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
	text-decoration: none;
}

.logo a:hover {
	width: 20;
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:active {
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:visited {
	text-decoration: none;
	border: 0;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
	width: auto;
}

#navigation a {
	color: #666666;
    text-decoration: none;
	display: block;
	font-family: 'Puritan20Normal';
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	width: 5em;
	border: none;
	text-align: left;
	padding: 1px 6px;
}

#navigation a:hover {
	color:#003366;
}

#navigation a:active {
    font-weight: bold;
}

#navigation a:visited {
    text-decoration: none;	
    border: none;
}

/* floats */

.clear {
	clear: both;
}

.float-left{
	float: left;	
	margin-left: 5%;
}

.float-right{
	float: right;
	margin-right: 5%;
}

/* column and row styles */

.columnwrap {
	width: 100%;
}

.column {
	float: left;
	width: 45%;
	padding-right: 10px;
	margin-bottom: 15px;
}

.column_t {
	float: left;
	width: 24%;
	padding-right: 0;
	margin-bottom: 15px;
}

.column_s_1 {
	float: left;
	width: 80%;
	padding-right:0;
}

.column_s_2 {
	float: left;
	width: 80%;
	padding-right: 0;
	padding: 20px 0;
}


.timeline img {
	width: 80%;
}

.wpa img {
	width: 95%;
}

.myposters img {
	width: 95%;
}


/* Styling */

.introtext {
	width: 50%;
	margin-left: 30%;
}
	
.abouttext {
	width: 50%;
	margin-left: 10%;
}

.sourcetext {
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
}

}

/* MOBILE STYLES 0-680------------------------------------------------------------*/

@media screen
and (min-width : 0px) 
and (max-width : 680px) {


/* TEXT STYLES */

h1 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.6em; 
	line-height: 1.6em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h2 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.4em; 
	line-height: 1.4em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
    color:#003366;
}
    
h3 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1.2em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h4 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 1em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h5 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.8em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

h6 {
	font-family: 'Novecentowide-Medium', sans-serif; 
	font-size: 0.7em; 
	line-height: 1em; 
    text-transform: uppercase; 
    letter-spacing: 0.009em;
    font-weight:normal; 
    color:#003366;
}

blockquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	color: #000;
	text-align: left;
	width: 80%;
	font-size: 1.3em; 
	line-height: 1.4em; 
	padding: 10px 0;
	margin: 0;
}

.pullquote { 
	font-family: 'Puritan20Italic', sans-serif; 
	text-align: left;
	width: 80%;
	color: #000;
	font-size: 1.3em; 
	line-height: 1.4em; 
	margin: 0;
	padding: 20px 0;
}

span {font-style: italic;}

body{
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
}

a {
	color:#333;
	font-size:1em;
	line-height:1.8em;
	font-family: 'Puritan20Normal';
	font-weight:400
	text-decoration:none;
}

a:visited {
	border: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.noborder,a.noborder:hover {
	background:none;
	border:none;
	color:inherit;
}

a img {
	background:none;
	border:none;
}

h1 a,h1 a:visited{border:none}

h2 a,h2 a:visited{border:none}

h3 a,h3 a:visited{border:none}

h4 a,h4 a:visited{border:none}

h5 a,h5 a:visited{border:none}

h6 a,h6 a:visited{border:none}

p,ul,ol{margin:0 0 0 0}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

li {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5, h6, p {-webkit-hyphens:none;}

/* text styles */

/* 
#pixels{
	font-size-adjust:0.40;
	font-weight:600;
	font-style:normal;
	background-color: rgba(255,255,255,.5);
	padding: 10px;
}
*/

p 	{
	color: #333;
}

p, ul{
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
	font-size: 0.9em;
}

/* general */

body: {
    width: 100%;
	margin: 0 auto;
}

#container {
	width: 95%;
	margin: 0 auto;
}

#content {
	width: 80%;
	margin: 0 auto;
}

#introduction {
    clear: float;
    width: 100%
	height: 700px;
	padding-top: 40%;
	position: relative;
	display: block;
}

#second {
	clear: float;
}

#third {
	clear: float;
}

#fourth {
	clear: float;
}

#fifth {
	clear: float;
}

#sixth {
	clear: float;
}

.about {
	clear: float;
	width: 100%;
	height: 1100px;
	padding-top: 8%;
	position: relative;
	display: block;
}

.cleardiv {
	clear: float;
	width: 100%;
}

.timeline {
	clear: float;
	width: 100%;
	height: 900px;
	padding-top: 8%;
}

.wpa {
	clear: float;
	width: 100%;
	height: 6500px;
	padding-top: 8%;
	position: relative;
	display: block;
}

.myposters {
	clear: float;
	width: 100%;
	height: 3500px;
	padding-top: 8%;
	position: relative;
	display: block;
}

.sources {
	clear: float;
	width: 100%;
	height: 2500px;
	padding-top: 8%;
	position: relative;
	display: block;
}

/* header branding and navigation */

#headerwrap {
    position: fixed;
    background: rgba(255,255,255,1);
	width: 100%;
	float: left;
	z-index: 1;
}

#header {
	width: 85%;
	margin: 0 auto;
}

#branding {
	float: left;
	min-width: 20%;
	padding: 20px 20px 20px 0;
}

#navigation {
	display: none;
	float: left;
	width: 	60%;
	margin: 0.8% 0 0 0;
	padding: 20px 0;
}

.logo  {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
}

.logo a {
	float: left;
	font-family: 'Novecentowide-Normal', sans-serif; 
	font-size: 1.2em; 
	line-height: 1.2em; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    font-weight:normal; 
	width: 100%;
	color: #d02310;
	text-decoration: none;
}

.logo a:hover {
	width: 20;
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:active {
	font-family: 'Novecentowide-Demibold', sans-serif; 
	text-decoration: none;
	border: 0;
}

.logo a:visited {
	text-decoration: none;
	border: 0;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
	width: auto;
}

#navigation a {
	color: #666666;
    text-decoration: none;
	display: block;
	font-family: 'Puritan20Normal';
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	width: 5em;
	border: none;
	text-align: left;
	padding: 1px 6px;
}

#navigation a:hover {
	color:#003366;
}

#navigation a:active {
    font-weight: bold;
}

#navigation a:visited {
    text-decoration: none;	
    border: none;
}

/* floats */

.clear {
	clear: both;
}

.float-left{
	float: left;	
	margin-left: 5%;
}

.float-right{
	float: right;
	margin-right: 5%;
}

/* column and row styles */

.columnwrap {
	width: 100%;
}

.column {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 10px
}

.column_t {
	float: left;
	width: 24%;
	padding-right: 0;
	margin-bottom: 15px;
}

.column_s_1 {
	float: left;
	width: 100%;
	padding: 0;
}

.column_s_2 {
	float: left;
	width: 100%;
	padding: 10px 0;
}



.timeline img {
	width: 95%;
}

.wpa img {
	width: 95%;
}

.myposters img {
	width: 95%;
}


/* Styling */

.introtext {
	width: 90%;
	margin: 0 auto;
}
	
.abouttext {
	width: 90%;
	margin: 0 auto;
}

.sourcetext {
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
	width: 90%;
}

}