body {
    font-family: sans-serif;
	font-size: 10pt;
    color: gray;
}

a {
    color:gray;
	font-weight: bold;
    text-decoration: none;
}

a:hover {
    color:navy;
}

table {
    border:0;
}

.facetHi {
    background-color: #FFFF99;
}

.tab {
	position:absolute;
    color:gray;
    width:80px;
	height:12px;
	top:18px;
    padding:5px;
	margin-left:4px;
    background-image:url('pics/tab.png');
	background-repeat:no-repeat;
}

.tab:hover {
    color:navy;
}

.currentTab {
	position:absolute;
    color:navy;
    width:80px;
	height:12px;
	top:18px;
    padding:5px;
	margin-left:4px;
    background-image:url('pics/currentTab.png');
	background-repeat:no-repeat;
}

.thumbnail {
    border-color:silver;
    border-width:3px;
    border-style:solid;
}

.thumbnail:hover {
    border-color:navy;
}

.currentThumbnail {
    border-color:navy;
    border-width:3px;
    border-style:solid;
}

#navbar {
    width:100%;
    height:30px;
    background-image:url('pics/greydown.png');
}

#navbar ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

#navbar li {
	float:left;
	width:8em;
}

#navbar li:hover ul {
	display:block;
}

#navbar li ul {
	position:absolute;
	top:16px;
	left:5em;
	width:8em;
	display:none;
	float:left;
	padding:5px;
	padding-top:7px;
	margin:0;
	background-color:#FFFF99;
	list-style:none;
	z-index:10;
}

#facet {
	position:absolute;
	top:16px;
	left:5em;
	width:8em;
	padding:5px;
	padding-top:7px;
	padding-bottom:0;
	background-color: #FFFF99;
}

#facet a:hover facets {
	display:block;
}

#tab0 {
	left:200px;
}

#tab1 {
	left:284px;
}

#tab2 {
	left:368px;
}

#tab3 {
	left:452px;
}

#tab4 {
	left:536px;
}

#tab5 {
	left:620px;
}

#hint {
	position:absolute;
	top:50px;
	left:10px;
	color:white;
	background-color:gray;
	display:none;
	z-index:3;
}

#before {
	position:absolute;
	top:65px;
	padding:5px;
	display:none;
}

#previous {
	position:absolute;
	top:65px;
	padding:5px;
}

#active {
	position:absolute;
	top:65px;
	padding:5px;
}

#next {
	position:absolute;
	top:65px;
	padding:5px;
}

#after {
	position:absolute;
	top:65px;
	padding:5px;
	display:none;
}

#fadeL {
	position:absolute;
	top:65px;
	left:-10px;
	width:100px;
	padding:5px;
	z-index:1;
}

#fadeR {
	position:absolute;
	top:65px;
	padding:5px;
	z-index:1;
	
}

#text {
	position:absolute;
	top:65px;
	padding:5px;
	z-index:2;
}

#viewer {
	position:absolute;
	top:45px;
	left:0px;
	width:700px;
	height:400px;
	z-index: 2;
	background-color:white;
	overflow:hidden;
	display:none;
}

#scope {
	position:absolute;
}

#controls {
	position:absolute;
	top:45px;
	left:720px;
	z-index:2;
	display:none;
}

#closer {
	position:absolute;
	top:45px;
	left:720px;
	z-index:2;
	display:none;
}