body
{
	font-family: Sans-Serif;
	font-size: 12px;
	margin: 0px;
}

a img
{
	border: none;
}

a:visited 
{
	color: #006500;
}

#page
{
	width: 1016px;
	margin: 0 auto;
	text-align: left;
}

#header
{
	width: 1016px;
	height: 131px;
	position: absolute;
	background-image: url(images/bfheader.jpg);
}

#header a 
{
	color: White;
}

#search 
{
	position: absolute;
	bottom: 35px;
	right: 15px;
}
	
#navigation 
{
	color: White;
	font-weight: bold;
	position: absolute;
	left: 20px;
	bottom: 10px;	
	width: 975px;
}

#discoverylink
{
	float: left;	
}

#breadcrumbs
{
	float: right;
}

#detail 
{
	width: 1016px;
	height: 646px;
	position: absolute;
	top: 131px;
	background-image: url(images/bfdetailbody.gif);
}

#blankdetail
{
	width: 976px;
	height: 606px;
	position: absolute;
	top: 131px;
	background-image: url(images/bfdiscoverybody.gif);
	padding: 20px;
}

#blankdetail .content
{
	width: 965px;
	height: 510px;
	position: absolute;
	top: 80px;
	left: 20px;
	overflow: auto;
	background-color: White;
	padding: 5px;
	border: solid 1px gray;
}

#video 
{
	position: absolute;
	top: 8px;
	left: 60px;
	width: 430px;
	height: 275px;
}

#snapshot
{
	width: 500px;
	height: 271px;
	position: absolute;
	left: 485px;
	top: 15px;
	overflow: scroll;
	border: solid thin lightgrey;
	padding: 2px;	
	font-size: larger;
}

#selections
{
	position: absolute;
	left: 50px;
	top: 301px;
	width: 450px;
	height: 20px;
}

.themeselect
{
	background-color: #a4bdd0;
	color: White;
	margin-right: 20px;
}

.themeselect-active
{
	background-color: #367bb7;
	color: White;
	margin-right: 20px;
}

.visitselect
{
	background-color: #a4d0b9;
	color: White;
}

.visitselect-active
{
	background-color: #36b474;
	color: White;
}

#actions
{
	position: absolute;
	left: 485px;
	top: 300px;
	width: 580px;
	height: 20px;
}

#actions ul
{
	margin: 0px;
	padding: 0px;
}

#actions li
{
	float: left;
	list-style-type: none;
	margin-right: 40px;
}

#related
{
	width: 321px;
	height: 178px;
	position: absolute;
	left: 325px;
	top: 350px;
}

#moreinfo
{
	width: 321px;
	height: 178px;
	position: absolute;
	left: 665px;
	top: 350px;
}

#moreinfo li
{
	list-style-type: none;
	margin-left: -30px;
}

#related h1, #moreinfo h1 
{
	color: #666666;
	font-weight: 400;
	font-size: 20px;
	font-family: Arial, Sans-Serif;
	text-align: center;
	margin-top: 2px;
}

#related div.container, #moreinfo div.container
{
	width: 317px;
	height: 141px;
	position: absolute;
	top: 32px;
	left: 0px;
	overflow: scroll;
	padding: 2px;
}

#related img
{
	width: 80px;
}

#related td
{
	padding: 1px;
	margin: 0px;
	border: none;
	height: 45px;
}

#discovery 
{
	width: 250px;
	height: 180px;
	position: absolute;
	top: 350px;
	left: 20px;
	padding-left: 20px;
}

#discovery p 
{
	margin: 5px 0px 5px 20px;
}

#discovery img
{
	border: none;
}


#aaplogo 
{
	background-image: url(images/aaplogo.jpg);
	position: absolute;
	top: 0px;
	left: 280px;
	width: 292px;
	height: 51px;
}

#vdhlogo
{
	background-image: url(images/vdhlogo.gif);
	position: absolute;
	top: 2px;
	left: 140px;
	width: 136px;
	height: 49px;
}

#usdalogo
{
	background-image: url(images/usdalogo.gif);
	position: absolute;
	top: 8px;
	left: 950px;
	width: 55px;
	height: 43px;
}

#jmulogo
{
	background-image: url(images/jmulogo.gif);
	position: absolute;
	top: 549px;
	left: 330px;
	width: 116px;
	height: 56px;
}

#iihhslogo
{
	background-image: url(images/iihhslogo.gif);
	position: absolute;
	top: 557px;
	left: 510px;
	width: 122px;
	height: 48px;
}

#coelogo
{
	background-image: url(images/coelogo.gif);
	position: absolute;
	top: 562px;
	left: 695px;
	width: 105px;
	height: 43px;
}

#jmulogosmall
{
	background-image: url(images/jmulogosmall.gif);
	position: absolute;
	top: 607px;
	left: 731px;
	width: 62px;
	height: 30px;
}

#iihhslogosmall
{
	background-image: url(images/iihhslogosmall.gif);
	position: absolute;
	top: 607px;
	left: 817px;
	width: 76px;
	height: 30px;
}

#coelogosmall
{
	background-image: url(images/coelogosmall.gif);
	position: absolute;
	top: 607px;
	left: 910px;
	width: 73px;
	height: 30px;
}

#mslogo
{
	background-image: url(images/mslogo.gif);
	position: absolute;
	top: 604px;
	left: 835px;
	width: 167px;
	height: 30px;
}

#copyright
{
	position: absolute;
	bottom: 10px;
	height: 20px;
	width: 400px;
	left: 330px;
	font-size: smaller;
}

#text-footer 
{
	background-color: #F1F1F1;
	width: 700px;
	height: 40px;
	position: absolute;
}

#text-footer #jmulogosmall
{
	top: 7px;
	left: 261px;
}

#text-footer #iihhslogosmall
{
	top: 7px;
	left: 347px;
}

#text-footer #coelogosmall
{
	top: 7px;
	left: 440px;
}

#text-footer #mslogo
{
	top: 4px;
	left: 520px;
}

#text-footer #copyright
{
	bottom: 10px;
	left: 10px;
}

#homepage
{
	position: absolute;
	top: 53px;
	left: 30px;
	width: 380px;
	height: 48px;
}

#blankdetail h1
{
	font-size: 20px;
	color: #666666;
}

#discovery-embed 
{
	border: 1px solid #CCCCCC;
	margin: 0 7px;
}

#snapshot h1
{
	font-size: 20px;
	color: #006500;
}

#snapshot h2
{
	font-size: 18px;
	color: #005AAB;
}

#text h1
{
	font-size: 20px;
}

#text h2
{
	font-size: 15px;
}


#intromain
{
	width: 976px;
	position: absolute;
	background-image: url(images/bfmainmiddle.gif);
	background-repeat: repeat-y;
	padding: 0 20px 0 20px;
	top: 146px;
	font-size: larger;
}


#intromain-top
{
	width: 1016px;
	position: absolute;
	top: 131px;
	background-image: url(images/bfmaintop.gif);
	height: 15px;
}

#intromain-bottom
{
	width: 1016px;
	margin: 0 0 0 -20px;
	background-image: url(images/bfmainbottom.gif);
	height: 41px;
	position: absolute;
}

#intromain h1
{
	font-size: 24px;
	color: #005AAB;
}

#intromain h2
{
	color: #005AAB;
	margin-top: 20px;
	font-size: medium;
}

#intromain a
{
	color: #005AAB;
}

#intromain-bottom #jmulogosmall
{
	top: 2px;
	left: 661px;
}

#intromain-bottom #iihhslogosmall
{
	top: 2px;
	left: 747px;
}

#intromain-bottom #coelogosmall
{
	top: 2px;
	left: 840px;
}
