body {
	background-color: #ffffff;
	color: #585858;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	line-height: 18px;
	min-width: 780px;
}

a:link {
	background-color: transparent;
	color: #585858;
	line-height: normal;
	text-decoration: underline;
}

a:visited {
	background-color: transparent;
	color: #585858;
	line-height: normal;
	text-decoration: underline;
}

a:hover {
	background-color: transparent;
	color: #585858;
	line-height: normal;
	text-decoration: underline;
}

a:active {
	background-color: transparent;
	color: #585858;
	line-height: normal;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

#timeline-content, #figures-content, #facts-content {
	margin: 10px auto 0px auto;
	width: 750px;
	padding: 0 2px;
	text-align: center;
} 

#timeline-content td, #figures-content td, #facts-content td {
	margin: 3px;
	padding: 8px;
	list-style-type: none;
	float: left;
	border: solid 1px #ddd;
	width: 160px;
	height: 140px;
	text-align: center;
}

#timeline-content td .year {
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	margin: 23px 0 5px 0;
	letter-spacing: 1px;
}

#facts-content td .factoid {
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 25px;
	margin: 30px 0 7px 0;
	letter-spacing: 1px;
}

 #figures-content td .value {
 	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 25px;
	margin: 27px 0 8px 0;
	letter-spacing: 1px;
 }

#timeline-content td .month {
	display: block;
	margin: 0;
	padding: 5px 0px;
	font-size: 23px;
	letter-spacing: 1px;
}

#timeline-content td .date, #figures-content td .unit {
	display: block;
	margin: 1px 0px 1px 0px;
	padding: 0px;
	font-size: 20px;
	letter-spacing: 1px;
}

#timeline-content td .text, #figures-content td .text {
	display: block;
	font-size: 12px;
	padding: 5px 0 0 0;
}

#facts-content td .text {
	display: block;
	font-size: 12px;
	padding: 5px 5px 0 5px;
}

.tablepager-links {
	font-size: 80%;
	width: 185px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

.tablepager-links a {
	text-decoration: none;
}

.tablepager-links .tablepager-infos {
	padding-right: 15px;
}

#timeline-content td.decade1930 {
	background-image: url(../pngs/timeline1930.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1940 {
	background-image: url(../pngs/timeline1940.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1950 {
	background-image: url(../pngs/timeline1950.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1960 {
	background-image: url(../pngs/timeline1960.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1970 {
	background-image: url(../pngs/timeline1970.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1980 {
	background-image: url(../pngs/timeline1980.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade1990 {
	background-image: url(../pngs/timeline1990.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade2000 {
	background-image: url(../pngs/timeline2000.png);
	background-repeat: no-repeat;
	background-position: top;
}

#timeline-content td.decade2010 {
	background-image: url(../pngs/timeline2010.png);
	background-repeat: no-repeat;
	background-position: top;
}

#figures-content td.figs {
	background-image: url(../pngs/figures.png);
	background-repeat: no-repeat;
	background-position: top;
}

#facts-content td.facts {
	background-image: url(../pngs/facts.png);
	background-repeat: no-repeat;
	background-position: top;
}
	
.decade1930 {
	background-color: transparent;
	color: #D5B549;
}

.decade1940 {
	background-color: transparent;
	color: #F36E5D;
}

.decade1950 {
	background-color: transparent;
	color: #E8668C;
}

.decade1960 {
	background-color: transparent;
	color: #6D2C70;
}

.decade1970 {
	background-color: transparent;
	color: #004952;
}

.decade1980 {
	background-color: transparent;
	color: #6E5747;
}

.decade1990 {
	background-color: transparent;
	color: #a99076;
}

.decade2000 {
	background-color: transparent;
	color: #8F626A;
}

.decade2010 {
	background-color: transparent;
	color: #95524E;
}

.figures {
	background-color: transparent;
	color: #4F6B7B;
}

.fact {
	background-color: transparent;
	color: #6F5A3C;
}

/* tour */

#tour {
	width: 780px;
	height: 380px;
	border: none;
	margin: 0 auto;
}

#tour h1 {
	background-image: url(../../assets/pngs/tour.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 5px 0 0 0;
	padding: 25px 0 0 0;
	text-align: center;
	color: #928974;
	font-weight: normal;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 7px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
}

#tour #outline {
	width: 750px;
	margin: 0 auto 0 auto;
}

#tour ul {
	margin: 20px 0 0 20px;
	padding: 0;
}

#tour ul li {
	margin: 0 17px 17px 0;
	padding: 2px 0;
	border: solid 1px #D4D0C8;
	width: 170px;
	list-style-type: none;
	float: left;
	text-align: center;
	
}

#tour ul li.bottom {
	margin: 0 17px 0 0;
}

#tour ul li a {
	background-color: transparent;
	color: #837b67;
	text-decoration: none;
	font-size: 20px;
}

/* web fonts */

.year, .month, .date, .value, .unit, .factoid, #tour h1, #tour ul li a {
		font-family: PlazaCom-Regular, "Helvetica Condensed", Arial Narrow, Helvetica, sans-serif;
}