body
{
text-align: center;
font-family:  verdana, arial;
font-size: 12px;
color: #333333;
}

a					{ color: #333333; text-decoration: none; font-weight: bold; font-size: 12px; }
a:hover		{ color: #333333; text-decoration: underline; }

h1	{ font-family: verdana, arial; font-size: 24px; color: #b26c3c; text-align: center; padding: 5px 0px 10px 0px}
h2	{ font-family: verdana, arial; font-size: 18px; color: #b26c3c; }
h3	{ font-family: verdana, arial; font-size: 14px; color: #b26c3c; }

#container
{
width: 760px;
margin: 0 auto;
text-align: left;
position: relative;
display: block;
}

#topLeftPanel
{
width: 200px;
height: 200px;
position: absolute;
top: 0px;
left: 0px;
}


#content
{
width: 560px;
position: absolute;
top: 0px;
left: 200px;
}

#mainText
{
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
}

#footerText
{
top: 150px;
text-align: center;
font-size: 9px;
color: #999999;
}

#leftImage
{
position: absolute;
top: 470px; 
left: 0px;
}

/* common styling */
.menu {font-family: verdana, arial; width:200px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px; }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* Timeline */
#timelinediv a span 				{ display: none; }
table#timeline						{ height: 40px; border-top: #999999 2px solid; border-bottom: #999999 2px solid; }
table#timeline td					{ text-align: center; vertical-align: middle; }
table#timeline a					{ color: #666666; text-decoration: none; font-weight: bold; font-size: 12px; }
table#timeline a:hover				{ color: #666666; font-size: 28px; }
table#timeline a:hover#date1 span	{ display: block; position: absolute; left: 80px;  top: 110px;  width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }
table#timeline a:hover#date2 span	{ display: block; position: absolute; left: 350px; top: 100px; width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }
table#timeline a:hover#date3 span	{ display: block; position: absolute; left: 300px; top: 80px; width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }
table#timeline a:hover#date4 span	{ display: block; position: absolute; left: 250px; top: 120px; width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }
table#timeline a:hover#date5 span	{ display: block; position: absolute; left: 180px; top: 60px; width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }
table#timeline a:hover#date6 span	{ display: block; position: absolute; left: 120px; top: 90px; width: 250px; background: #ffffff; color: #666666; font-size: 12px; font-weight: normal; }

/* Oral Histories */
table#interview						{ text-align: left; }
table#interview a					{ color: #333333; text-decoration: none; font-weight: bold; font-size: 12px; }
table#interview a:hover				{ color: #333333; text-decoration: underline; }
table#interview a.listen			{ color: #9b5424; text-decoration: none; font-weight: bold; font-size: 12px; }
table#interview a.listen:hover		{ color: #9b5424; text-decoration: underline; }
table#interview a.bio				{ color: #9b5424; text-decoration: none; font-weight: bold; font-size: 12px; }
table#interview a.bio:hover			{ color: #9b5424; text-decoration: underline; }
table#interview a.trans				{ color: #9b5424; text-decoration: none; font-weight: bold; font-size: 12px; }
table#interview a.trans:hover		{ color: #9b5424; text-decoration: underline; }

/* Images */
.imageright		{ padding-bottom: 10px; padding-left: 10px; }
.imageleft		{ padding-bottom: 10px; padding-right: 10px; }
.box			{ border: 1px solid #000000; }

/* The Team business cards */
.card 			{ float: left; width: 230px; height: 100px; }
#cardContent 	{ border: 1px solid #000000; background: #ffffff; position: relative; left: -2px; top: -2px; padding: 5px; }
#cardContainer 	{ position: relative; background: #666; margin: 4px; } 

/* Box Tables */
table.box		{ border: 1px solid #b26c3c; padding: 0 0 0 0; margin: 0 0 0 0;}
table.box th	{ background-color: #b26c3c; color: #ffffff; padding: 5px 5px 5px 5px; }
table.box td	{ background-color: #ffffff; color: #333333; padding: 5px 5px 5px 5px; vertical-align: top; }