@font-face {
    font-family: 'clickbits_arrowbullets1Rg';
    src: url('../fonts/ClickBits_ArrowBullets1-webfont.eot.html');
    src: url('../fonts/ClickBits_ArrowBullets1-webfont.eot%3F.html') format('embedded-opentype'),
         url('../fonts/ClickBits_ArrowBullets1-webfont.woff') format('woff'),
         url('../fonts/ClickBits_ArrowBullets1-webfont.ttf.html') format('truetype'),
         url('../fonts/ClickBits_ArrowBullets1-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.arrowBullet
{
	font-family:'clickbits_arrowbullets1Rg';
	font-style: normal;
	font-size: 125%;
	text-decoration: none;
}

#logoB55
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 20%;
	margin-left: 230px;
}

#logoB55 a, #logoB55 a:visited
{
	color: black;
	text-decoration: none;
}

#centerColArchive
{
	margin:25px 0 50px 0;
}

#centerColArchive li:hover
{
	background: #D1E6F1;
}

.archivenav
{
	margin-top: 88px;
}

.ie7 .archivenav
{
	margin-top: 70px;
}

.ie8 .archivenav, .ie9 .archivenav
{
	margin-top: 87px;
}


.subhead
{
	font-weight: 200;
}


.narrowCol
{
	width: 196px;
}

.multi_col li
{
	margin-bottom: 2px;
	line-height: 120%;
	width:100%;
}

.inlinview
{
	display:inline-block;
}

#peopleList
{
	margin-top: 0;
}

#peopleList h1
{
	font-size: 290%;
	line-height: 100%;
	padding-bottom: 9px;
}

#peopleList ul
{
	padding-bottom: 40px;
}

.ie7 #peopleList
{
	margin-top: 12px;
}


.ie8 #peopleList, .ie9 #peopleList
{
	margin-top: 9px;
}

.ie7 #peopleList ul li, .ie8 #peopleList ul li
{
	padding-right: 20px;
}

.ie7 #peopleList, .ie8 #peopleList
{
	width: 920px;
}

.pGroup
{
	display: block;
}

#centerColArchive #bigYear
{
	font-size:300%;
	margin-top:8px;
	margin-bottom:14px;
}

.ie7 #centerColArchive
{
 margin-top: 7px;
}

.ie7 #centerColArchive #bigYear
{
	margin-top:12px;
	padding-top:0;
	margin-bottom:10px;
}

/*timeline styles */
#timelineContainer
{
	display: block;
	height: 50px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}
#timelineContainer:hover
{
	display: none;
	cursor: pointer;
}

#datelist
{
	margin-top: 16px;
	width: 2500px;
	position: relative;
	left: 35px;
}

#datelist li
{
	float:left;
	width: 35px;
	text-align: center;
	padding-top: 4px;
}

#datelist .selected
{
	font-family: "soleil",sans-serif;
	font-style: normal;
	font-weight: 600;
	padding-top: 3px;
	padding-bottom: 1px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


#fadeleft, #faderight, #scrollLeft, #scrollRight
{
	height: 30px;
	height:100%;
	position: absolute;
	top: 0;
}
#fadeleft
{
	url('../images/fadeleft.png');
}
#faderight
{
	right:0;
	url('../images/faderight.png');
}
#scrollLeft, #scrollRight
{
	width:50%;
	top: 0;
}
#scrollRight
{
	right:0;
}

.scrollArrow
{
	font-size: 120%;
	filter: alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 20%;
}

.scrollArrow
{
	position: absolute;
	top:20px;
}

.ie7 .scrollArrow
{
	top:3px;
}

#ArrRight
{
	right:10px;
}


/*js styles */
.bubbleInfoXXXXXX {
    position: relative;
}

.popup {
    position: absolute;
    display: none;
    background: #e8e8e8;
    border:1px solid #ccc;
    padding: 6px;
    max-width: 140px;
	font-weight: 200;
    line-height: 120%;
}
.trigger, .trigger:visited
{
    display: none;
	vertical-align: -20%;
	color:#d1d1d1;
}

.trigger:hover
{
	color:black;
	cursor: pointer;
}

.popup a
{
	text-decoration: none;
}

.bubbleline
{
	height: 1px;
	width: 100%;
    max-width: 110px;
    margin: 4px 0 4px;
    border:0;
	border-top: 1px solid black;
	display: block;
}