* {
	padding:0;
	margin:0;
}

body {
	background: #73052a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #73052a 36%, #460319 94%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(36%,#73052a), color-stop(94%,#460319)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #73052a 36%,#460319 94%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #73052a 36%,#460319 94%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #73052a 36%,#460319 94%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #73052a 36%,#460319 94%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73052a', endColorstr='#460319',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow: hidden;
}

.MAINcontainer {
	margin:0 auto 0 auto;
	width:70%;
}

#top {
	margin-top:20px;
}

hr {
	border:none;
	background-color:#ddbb00;
	height:1px;
}

h1 {
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	line-height: 1em;
	color: #ddbb00;
	font-weight:bold;
	font-size:4em;
	margin-top:20px;
	margin-bottom:-10px;
	text-align:center;
	text-shadow:	0px 0px 0 rgb(226,175,29),
			1px 2px 0 rgb(207,156,48),
			2px 2px 0 rgb(188,137,67),
			3px 2px 0 rgb(169,118,86),
			4px 2px 3px rgba(0,0,0,0.45),
			4px 2px 1px rgba(0,0,0,0.5),
			0px 2px 3px rgba(0,0,0,.2);
	letter-spacing:2px;
}

h2 {
	margin:0;
	margin-bottom:20px;
	margin-top:20px;
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	font-weight:100;
	font-style:normal;
	font-size:1.3em;
	color:#ddbb00;
	text-align:center;
}

ul {
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	xxxfont-weight: normal; 
	font-weight: bold; 
	font-style: normal; 
	font-size:1.2em; 
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background-color: rgba(255,255,255,0.05);
	letter-spacing: 0.06em;
}

ul a {
	text-decoration:none;
	color:white;
	color: #ccc;
	color:#ddbb00;
}

ul a:hover {
	text-decoration:none;
	color:black;
	background:#ddbb00;
	padding-top:5px;
	padding-bottom:5px;
}

ul li {
	display:inline;
	padding-right:30px;
}

#timeline {
	xxxposition:fixed;
	width:100%;
}

#container {
	xxxoverflow:scroll;
	xxxwidth:1420px;
	width: 94%;
	height:500px;
	background-image:url(../images/bckg_tran.png);
	position:relative;
	xxxmargin-left:10px;
	margin: 0 auto;
	margin-bottom:30px;
	margin-top: 12px;
}

#containerPhone {
	display:none;
}

.hoverClass {
	opacity:0.1; /* not used? */
	filter:Alpha(opacity=10);
}

.section {
	xxxmargin:70px 0 0 0;
	margin:20px 0 0 0;
	xxxwidth:200px;
	width:150px;
	height: 450px;
	float:left;
}

.section2 { /* separating space between circles */
	margin:140px 0 0 -1px;
	xxxwidth:300px;
	width:50px;
	float:left;
}

.section3 { /* separating space between circles */
	margin:140px 0 0 -1px;
	width:350px;
	float:left;
}

.line3 {
   width: 400px; 
   height: 10px; 
   background: white;
   -moz-transform:rotate(-2.5deg);
   margin-left:-30px;
   margin-top:100px;
   opacity:0.5;
   z-index:1;
}

.firstSection {
	margin-left: 100px;
}

.lastSection {
	margin-right: 450px;
}

.circle { 
   width: 140px;
   height: 140px;
   background:#fff; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   float:left;
   margin-right:10px;
   xxxmargin-top:100px;
   margin-top:150px;
   opacity:1;
   z-index:1;
}

.circle a {
	margin-left: 20px;
	text-decoration:none;
	color:black;
	font-weight: bold;
	padding-top:7px;
}

.line {
   xxxwidth: 400px; 
   width: 100px; 
   height: 8px; 
   background: white; 
   -moz-transform:rotate(5deg);
   xxxmargin-left:-80px;
   margin-left:-30px;
   margin-top:100px;
   opacity:0.5;
   z-index:1;
}

.line2 {
   xxxwidth: 400px; 
   width: 100px; 
   height: 10px; 
   background: white;
   -moz-transform:rotate(-5deg);
   xxxmargin-left:-80px;
   margin-left:-30px;
   margin-top:100px;
   opacity:0.5;
   z-index:1;
}

.center {
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	xxxfont-size:3em;
	font-size:2.3em;
	xxxmargin-left:35px;
	xxxmargin-top:40px;
	width: 100px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.push {
	height:40px;
}

.center a {
	text-decoration:none;
}

.center a:hover {
	background:#ddbb00;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0;
}

/*Hide/Show section*/
a.hide {display: none; }
a.show:focus + .hide {display: block;}
a.show:focus { display: none; }
.tran1 {-o-transition: all 0.42s;-moz-transition: all 0.42s;-webkit-transition: all 0.42s;}
.photoGrid1 {
	opacity: 0.2;
	position: absolute;
	bottom: 340px;
}
.show:focus ~ .photoGrid1 {opacity: 1;}
.show:hover ~ .photoGrid1 {opacity: 0.8;}
.section:hover .photoGrid1 {opacity: 0.8;}
.section:hover .listTitle {opacity: 0.9;}

.stylePhoto {
	margin:-235px 0 0 20px;
	xxxmargin:-185px 0 0 20px;
	padding:0;
}

.stylePhoto  {
	border-collapse:collapse;
	border-spacing:0;
}

/*.stylePhoto table tr, table td, table th { */
.stylePhoto tr,
.stylePhoto td,
.stylePhoto th {
	xxxpadding-right:4px;
	padding:0;
	margin:1px;
}

.stylePhoto a,
.stylePhoto img {
	border:0;
	padding:0;
	margin:0px;
}

.listTitle {
	font-size:1.3em;
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	margin-bottom:-2px;
	color:#ddbb00;
	letter-spacing:0.1em;
	opacity: 0.1;
}

h4#paperList {
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	font-size:1.3em;
	letter-spacing:0.1em;
	margin-bottom:-2px;
	color:#ddbb00;
	padding:0;
	margin-bottom:-4px;
}

.paperGrid {
	margin-left:20px;
	xxxmargin-top:180px;
	xxxmargin-top:260px;
	xxxwidth:300px;
	width:160px;
	background:none;
	position: absolute;
	top: 320px;
}

.paperGrid ul{
	list-style-type:none;
	margin-top:0;
	font-family:Arial,sans-serif;
	font-size:0.9em;
	letter-spacing:1px;
	background:none;
}

.paperGrid ul li {
	font-size:0.8em;
	margin-bottom:2px;
	display:block;
	text-align:left;
	background:none;
}

.paperGrid ul li a {
	color:white;
}

.paperGrid ul li a:hover {
	color:black;
}
.paperGrid a {
	margin-left: 0;
	color:white;
}

.paperGrid a:hover {
	color:black;
}

footer {
	xxxposition: absolute;
	width: 100%;
	bottom: 0;
	margin-bottom:20px;
	clear:both;
}

footer a {
	color:#ddbb00;
	text-decoration:none;
}

footer a:hover {
	color:#ddbb00;
	text-decoration:underline;
}

footer p {
	font-family:helvetica,arial,sans-serif;
	font-weight:100;
	font-style:normal;
	font-size:0.7em;
	text-align:center;
	width:50%;
	margin:0 auto 0 auto;
	color: #888;
}





/* link tooltips from http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/ */
.tooltip{
	display: inline;
	position: relative;
	-o-transition: all 0.42s;
	-moz-transition: all 0.42s;
	-webkit-transition: all 0.42s;
}

.tooltip:hover:after{
	background: #333;
	background: rgba(0,0,0,.9);
	border-radius: 5px;
	bottom: 46px;
	color: #fff;
	content: attr(tiptitle);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
}

.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 40px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}

.yearNav {
	margin: 0 auto;
	font-family:  "Imprima", "Varela", "Helvetica", "sans-serif";
	color: #ddbb00;
	text-shadow: 1px 1px 1px black;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}
.yearNav .gold {
	margin-left: 12px;
	margin-right: 12px;
	color: #ddbb00;
}
.yearNav a {
	padding-left: 6px;
	padding-right: 6px;
	color: #ddbb00;
	text-decoration:none;
}
.yearNav a:hover {
	padding-left: 6px;
	padding-right: 6px;
	text-decoration:none;
	color:black;
	background:#ddbb00;
}
.yearNav a:visited {
	color: #ddbb00;
	text-decoration:none;
}