/* Fundamental */

html, body {
	margin:0;
	padding:0;
}

body {
	padding:35px 10px 10px 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;
	text-align:center;
}

div#wrapper {
	margin:0 auto;
	width:990px;
	text-align:left;
}

p {
	margin:0 0 1em 0;
}

td {
	padding:0;
}




/* Link style */

a {
	text-decoration:none;
	color:#12b6b8;
}

a:hover {
	color:#b6b062;
}

body#home a#navHome,
body#introduction a#navIntroduction,
body#interviews a#navInterviews,
body#timeline a#navTimeline,
body#about a#navAbout {
	color:#b6b062;
	text-decoration:underline;
}




/* Header section */

div#header {
	position:relative;
	height:1%;
	padding:0 20px;
}

div#header div#logo {
}

div#header span#eventDate {
	position:absolute;
	top:20px;
	right:20px;
	color:#12b6b8;
	font-size:160%;
	font-weight:bold;
}

div#header div#mainnav {
	position:absolute;
	bottom:0;
	right:20px;
}

div#header ul {
	margin:0;
	padding:0;
}

div#header div#mainnav ul li {
	display:inline;
	padding:0 0 0 3em;
}




/* Content section */

div#content {
	background-color:#f4faf8;
	margin:2em 0 1em 0;
	padding:2em 0;
	text-align:center;
	/*background-image:url("/assets/images/spine.jpg");
	background-position:15px 0;
	background-repeat:no-repeat;*/
	position:relative;
}

div#content table#contentTbl {
	margin:0 auto 1em auto;
	text-align:left;
	width:90%;
}




/* Footer section */

div#footer p {
	font-size:85%;
	color:#999999;
	text-align:center;
}




/* Interviews page */

body#interviews ul.nameListing {
	list-style:none;
	margin:0;
	padding:0 10px;
}

body#interviews ul.nameListing li {
	padding:0 0 0.5em 20px;
	background-color:#f4faf8;
	/*background-image:url("/assets/images/bullet.gif");
	background-position:0 0;
	background-repeat:no-repeat;*/
}



/* Interviews sub-section pages */

body#interviews table#studentList {
	margin:0 auto 1em auto;
	width:100%;
	border-collapse:collapse;
}

body#interviews table#studentList th {
	padding:3px 0;
	font-weight:bold;
	border-bottom:1px solid #12b6b8;
}

body#interviews table#studentList th#studTitle {
	width:60%;
	text-align:left;
}

body#interviews table#studentList th#studYear {
	width:40%;
	text-align:right;
}

body#interviews table#studentList td {
	padding:3px 0;
	font-size:90%;
	text-align:left;
}

body#interviews td#imgCol {
	width:400px;
	padding:0 30px 0 0;
}

body#interviews td#imgCol p.pullquote {
	font-size:175%;
}




/* Timeline page */

body#timeline div#content {
	padding-top:0;
}

body#timeline div#tmBox {
	overflow-x:auto;
	width:90%;
	margin:0 auto;
}

body#timeline div#tmBox table {
	margin:0;
	border-top:1px solid #7ecdc5;
}

body#timeline div#tmBox td {
	padding-bottom:2em;
}

body#timeline div#tmBox td:hover {
	background-image:url("/assets/images/tmHover.jpg");
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:2px solid #7ecdc5;
}

body#timeline div#tmBox p.tmYear {
	text-align:center;
	font-size:450%;
	font-weight:bold;
	line-height:0.8;
	width:200px;
	margin:0;
	padding:15px 10px 30px 10px;
}

body#timeline div#tmBox ul {
	margin:0;
	padding:0 10px;
	list-style:none;
}

body#timeline div#tmBox ul li {
	text-align:center;
	padding:0 0 0.5em 0;
	/*background-image:url("/assets/images/bullet.gif");
	background-position:0 0;
	background-repeat:no-repeat;*/
}




/* Timeline sub-section pages */

body#timeline table#timeline {
	margin:0 auto 2em auto;
	width:100%;
	border-top:1px solid #7ecdc5;
	padding:0;
}

body#timeline table#timeline td {
	font-size:80%;
	text-align:center;
	/*width:70px;*/
	padding:5px 0 0 0;
}


body#timeline div#a1880 td#tl1880,
body#timeline div#a1890 td#tl1890,
body#timeline div#a1900 td#tl1900,
body#timeline div#a1910 td#tl1910,
body#timeline div#a1920 td#tl1920,
body#timeline div#a1930 td#tl1930,
body#timeline div#a1940 td#tl1940,
body#timeline div#a1950 td#tl1950 {
	border-top:1px solid #7ecdc5;
}


body#timeline table#listing {
	margin:0 auto 1em auto;
	width:100%;
}

body#timeline table#listing td.yearCol {
	font-weight:bold;
	font-size:200%;
	padding-right:15px;
	text-align:right;
	color:#12b6b8;
	width:10%;
}

body#timeline table#listing td.midCol {
	width:90%;
}

body#timeline table#listing td.midCol table#datelist {
	margin:0 auto 1em auto;
	width:100%;
	border-collapse:collapse;
}

body#timeline table#listing td.midCol table#datelist th {
	padding:3px 1em;
	font-weight:bold;
	background-color:#7ecdc5;
	color:#ffffff;
	text-align:left;
}

body#timeline table#listing td.midCol table#datelist td {
	padding:3px 1em;
	border-top:1px solid #7ecdc5;
	font-size:90%;
}

body#timeline table#listing td.midCol table#datelist td.names {
	width:60%;
	text-align:left;
}

body#timeline table#listing td.midCol table#datelist td.years {
	width:40%;
	text-align:right;
}

body#timeline td#imgCol {
	width:400px;
	padding:0 0 0 30px;
}

/*body#timeline*/ td#imgCol table.caption {
	margin:0 auto 1em auto;
	width:100%;
	font-size:85%;
	border-collapse:collapse;
}

/*body#timeline*/ td#imgCol table.caption th {
	padding:0.5em;
	font-weight:bold;
	background-color:#7ecdc5;
	border:1px solid #7ecdc5;
	color:#ffffff;
	text-align:left;
}

/*body#timeline*/ td#imgCol table.caption td {
	padding:0.5em;
	border:1px solid #7ecdc5;
	line-height:1.75;
}

td#imgCol table.caption p {
	margin-bottom:0;
}


td.tdWid20 {
	width:20%;
}


td.tdWid30 {
	width:30%;
	padding:0 10px;
}





body#home p {
	text-align:center;
}