/*** Some CSS based on examples from Dave Hyatt's weblog at:  	 ***/
/***  http://www.mozillazine.org/weblogs/dave/         			 ***/

/********** Global Styles **********/

body	{ background-color: #e6e6dc;
		font-size: 12px;
		/*line-height: 14px; */
		font-family: "lucida grande", helvetica, arial;
		color: #000; 
		margin: 0px; 
		padding: 0px;
}

p		{ margin: 0px; }

.spacer	{ clear: both; font-size: 1px; line-height: 1px; }

a:link {
		text-decoration: none; 
		color: #036; }
		
ul {
		list-style: disc outside;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 20px;
		font:11px/12px verdana, arial, helvetica, sans-serif;	
}

ul .blockText {
		list-style: square outside;
		padding: 0px 0px 0px 00px;
		margin: 10px 0px 10px 20px;	
		font:12px "lucida grande", helvetica, arial;
}

h3 a:link, a:visited {
		text-decoration: none; 
		color: #666; }

h3 a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }

h5 a:link, a:visited {
		text-decoration: none; 
		color: #666; }

h5 a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }

citet a:link, a:visited {
		text-decoration: none; 
		color: #999; }

cite a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }

img {
		display: block;
		padding: 0;
}


small {
	font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
	font-size: 11px;
 }

.smalltext	{
	font:11px/14px verdana, arial, helvetica, sans-serif;	}
	
.smalltextbold	{
	font:11px/18px verdana, arial, helvetica, sans-serif;
	font-weight: 700;	}
	
.smalltext2	{
	font: 11px verdana, arial, helvetica, sans-serif;	}
 
.darkbg {
		background-color: #eee;
		color: #000;	}

.boxTitle {
		background-image: url(../images/boxtitle_bg.gif);
		border-bottom: 1px solid #666;
		line-height: 12px;	}

.boxTitle2 {
		background-image: url(../images/boxtitle_bg.gif);
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 5px;
		font: 14px verdana, arial, helvetica, sans-serif;
		line-height: 16px;
		font-weight: 700;
}

.boxTitle3 {
		background-image: url(../images/boxtitle_bg.gif);
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
		line-height: 12px;
		font-weight: 700;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 5px;
}
		
.boxTitle4 {
		border-bottom: 1px solid #000;
		line-height: 18px;
		}


.subTitle {
		background-image: url(../images/orange_dot_7x7.gif);
		background-repeat: no-repeat; 
		background-position: left center; 
		padding-left: 12px; 
		border-bottom: 1px solid #999;
		line-height: 12px;	
		}

#ovlogo {
	border: 0;
	margin: 0px 0px 0px 15px;
}


.dashHorz {
	background-image: url(../images/dashhorz.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 90%;
	height: 1px;
	font-size: 1px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background-color: #fff;
}


.more {
	text-align: right;
	font:11px/13px verdana, arial, helvetica, sans-serif;	
}

.listImage {
	width: 75px;
	border: 1px solid;
	margin: 0px 5px 0px 3px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}

.downloadImg {
	display: inline;
	vertical-align: middle;
	width: 12px;
	width: 12px;
	border: 0;
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
}

.featuredImage {
	width: 90px;
	border: 1px solid;
	margin: 5px 5px 0px 3px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}

.pulldown {
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}


/********** Header **********/

/* 4.0 Browser only */
#textTitle	{ display: none; } 

#headerBar	{
		background-color: #036;
		height: 75px;
		margin: 0px 0px 0px 0px;
		border-bottom:	3px solid #999;	}

#headerBar .headerTable {
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		vertical-align: middle;
}

#headerBar .headerTable .menuTd {
		width: 100px;
}

#headerBar .headerTable ul {
		list-style: disc outside;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 20px;
		font:12px/15px verdana, arial, helvetica, sans-serif;
		color: #fff;
}

#headerBar .headerTable a{
		text-decoration: none; 
		color: #fff; 
}

#headerBar .headerTable a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #fff;
}
		


/********** Main Content - Right Side **********/

#mainRight	{ 
		margin: 18px 20px 20px 280px;
		padding: 0px 0px 0px 0px;
}

#mainRight .box { 
		background-color: #fff; 
		padding-right: 10px; 
		padding-top: 3px;
		height: 17px;  
		float: left;
}

#mainRight .box h2 { margin: 0px; }


#mainRight h3	{ 
		font-weight: 600;
		background-color: #eee; 
		margin: 0px; 
		padding: 2px 5px 2px 5px;
		border: 1px dotted #999;
		float: left;
}

#tab {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}


.tabTable {
		height: 36px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #000000;
		font-weight:  bold;
		font-size:  14px;
		font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;	
}

.tabTable .arrow {
		background-image: url(../images/tab_middle.gif);
		background-repeat: repeat; 
		background-position: left center;
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
}

.tabTable .arrowInput {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		vertical-align: bottom;
		display: block;
}

.tabTable .pulldown {
		background-image: url(../images/tab_middle.gif);
		background-repeat: repeat; 
		background-position: left center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

.tabTable .pulldownInput {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		vertical-align: middle;
		display: block;
}

.tabTable .text{
		background-image: url(../images/tab_middle.gif);
		background-repeat: repeat; 
		background-position: left center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;

}

/* resultControls */

#mainRight #resultControls {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #666666;
		width: 100%;
		background-color: #369;
}


#resultControls .resultControlsTable {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
}

#resultControls .resultControlsTable .label{
		text-align: left;
		color: #fff;
		padding: 0px 0px 0px 7px;
}

#resultControls .resultControlsTable .layoutOption{
		text-align: center;
}

#resultControls .resultControlsTable .sort{
		text-align: right;
		color: #fff;
}

#resultControls .layoutImage{
		padding: 0px 0px 0px 0px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		display: block;
}

/* results */

#mainRight #results {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		width: 100%;
		background-color: #fff;
}


#results .resultsTable {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
}

#results .resultsTable .imageTd {
		padding: 10px 7px 0px 5px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		vertical-align: top;
		width: 120px;
}


/* detail page */

#mainRight #surrogates {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
		border-left: 1px solid #666666;
		width: 100%;
		background-color: #eee;
}

#mainRight #surrogates h2 {
		padding: 5px 5px 5px 10px;
		margin: 0px 0px 0px 0px;
		line-height: 18px;	
		font-family: "lucida grande", helvetica, arial;
		font-size: 16px;
		color: #000;
}


#mainRight #surrogatesTable  {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
}

#mainRight #surrogatesTable td {
		vertical-align: top;
		line-height: 18px;	
		font-family: "lucida grande", helvetica, arial;
		font-size: 12px;
		color: #000;
		vertical-align: top;
}

#surrogates .lineHorz {
	width: 97%;
	font-size: 1px;
	line-height: 2px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #666;
}

.surrogateButton {
		display: block;
		margin: 5px 7px 10px 0px;
		padding: 0px 0px 0px 0px;
		border: 0;
}

.keyframe {
		width: 160px;
		border: 1px solid #000;
		margin: 5px 33px 0px 10px;
		padding: 0px 0px 0px 0px;
}

.storyboardTable {
		margin: 0px 0px 0px 13px;
		padding: 0px 0px 0px 0px;
}

.storyboardImg {
		float: left;
		width: 96px;
		margin-right: 15px;
		padding: 0px 0px 0px 0px;
}

#mainRight #downloads {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		width: 100%;
		background-color: #ccc;
		border-bottom: 1px solid #666;
		border-top: 1px dotted #000;
}

#mainRight #downloadsTable  {
		margin: 5px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		line-height: 10px;	
		font-weight: 700;
		font: 11px/18px verdana, arial, helvetica, sans-serif;
}

#mainRight #downloadsTable .downloadLinks {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: 700;
		font: 11px verdana, arial, helvetica, sans-serif;
		line-height: 10px;	
}

#mainRight #metadata {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		width: 100%;
		background-color: #fff;
}

#mainRight .metadataTable  {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		line-height: 10px;	
		font: 11px/18px verdana, arial, helvetica, sans-serif;
		background-color: #fff;
}

#mainRight .dataLabel {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		line-height: 16px;	
		width: 200px;
		font: 11px/18px verdana, arial, helvetica, sans-serif;
		font-weight: 900;
}

#mainRight #metadataTable h3 {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 9px;			
		font: 11px/18px verdana, arial, helvetica, sans-serif;
		line-height: 12px;
		font-weight: 900;
		color: #f60;
		border: 0;
		background-color: #fff;
}

#mainRight #relatedSegs {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		width: 100%;
		background-color: #fff;
}

#mainRight .relatedSegsTable  {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		line-height: 10px;	
		font: 11px/18px verdana, arial, helvetica, sans-serif;
		background-color: #fff;
}



/* Special Collection pages */

/* box on index page */
#specColl {
		background-color: #fff;
		margin-top: 15px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #666666;	}
}

/* box on index page */
#specColl .specCollTable {
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 20px;
		width: 80%;
}


#mainRight #collection {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		width: 100%;
		background-color: #fff;
}

#collection .collectionDescTable {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		width: 100%;
		font: 11px verdana, arial, helvetica, sans-serif;
		line-height: 13px;
		background-color: #fff;
}

#collection .collectionDescTable .imageTd {
		padding: 10px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		width: 120px;
		vertical-align: top;
}

#collection .collectionDescTable .descriptionTd {
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
}

#collection .collectionDetailImg {
		margin: 10px 10px 0px 10px;
}



/* Project Info page */

#mainRight #projectInfoNews {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		width: 100%;
		background-color: #fff;
}


#projectInfoNews .projectInfoNewsTable {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
}
		
#projectInfoNews .projectInfoNewsTitle {
		margin: 12px 0px 12px 0px; 
		padding-bottom: 2px; 
		height: 15px; 
		display: block; 
		border-bottom: dotted 1px #000;
		border-left: solid 8px #f60;  
}

#projectInfoNews h3	{
		margin: 0px;
		padding-top: 1px; 
		padding-left: 9px; 
		float: left; 
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		background-color: #fff;
		line-height: 13px;
		font-size: 12px;
}
		
#projectInfoNews h5	{
		float: right; 
		margin: 0px;
		padding-top: 3px; 
}


#projectInfoNews p {
		padding: 0px 0px 0px 12px; 
		margin: 10px 5px 0px 5px; 
}





/********** Main Content - Left Side **********/

#contentLeft		{  
		margin: 15px 280px 20px 20px;
 }


#contentLeft .box {
		background-color: #eee;
		padding: 5px 5px 0px 5px;
		border-left: 1px solid #999;
		border-right: 1px solid #999;}

#contentLeft .box h2 { margin: 0px; }


#contentLeft h2 {
		background-image: url(../images/boxtitle_bg.gif);
		border-bottom: 1px solid #666;
		padding: 5px 5px 0px 5px;
		margin: 0px;
		height: 22px;
		line-height: 18px;	
		font-family: "lucida grande", helvetica, arial;
		font-size: 16px;
		color: #000;
	}

#contentLeft .boxContent {
		background-color: #fff;
		border-bottom: 1px solid #666;
		line-height: 12px;
		padding: 5px 5px 0px 5px;
	}

/********** Search **********/
#search {
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		border: 1px solid #666666;
}

#search .searchTable {
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 20px;
		width: 80%;
	}

/********** Browse **********/
#browse {
		background-color: #fff;
		margin-top: 15px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #666666;	}

#browse .browseTable {
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		width: 100%;
		font-size:11px;
}

#browse .browseTable2 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		font-size:11px;
}

#browse .browseTable td {
		padding-right: 10px;
		padding-left: 10px;
		text-align: left;
		vertical-align: top;
		width: 45%;
}

#browse .browseTable2 td {
		padding-right: 10px;
		padding-left: 10px;
		text-align: left;
		vertical-align: top;
		width: 45%;
}

#browse h3	{ 
		display: block;
		font-weight: 600;
		background-color: #eee; 
		margin: 0px 0px 0px 0px; 
		padding: 2px 2px 2px 5px;
		border: 1px dotted #999;
		font-size: 13px;
}

/********** Main Content - Full page, no sidebar **********/

#mainFull		{  
		margin: 25px 30px 20px 30px;
 }


#mainFull h3		{ 
		font-weight: 600;
		font-size: 12px;
		background-color: #eee; 
		border: 1px dotted #999;
		margin: 0px; 
		padding: 2px 5px 2px 5px;
		float: left; 
}

#detailedSearch {
		background-color: #fff;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		border-top: 0;
}

#detailedSearch .detailedSearchTable {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		font-size:11px;
}

#detailedSearch .detailedSearchTable2 {
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 35px;
		width: 80%;
		font-size: 11px;
}

#detailedSearch .detailedSearchTable2 .radioTd {
		margin: 0px 0px 0px 0px; 
		padding: 15px 0px 20px 10px; 
		text-align: left;
}

#detailedSearch .detailedSearchTable2 .buttonTd {
		margin: 0px 0px 0px 0px; 
		padding: 10px 0px 30px 0px; 
		text-align: center;
}


#detailedSearch .detailedSearchTable2 .sectionTitle {
		margin: 0px 0px 0px 0px; 
		padding: 10px 0px 5px 2px; 
		border-bottom: solid 1px #999;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		text-align: left;
		font-size: 12px;
		font-weight: 700;
}


#detailedSearch .detailedSearchTable2 p{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
}


 
/********** Sidebar - General **********/

.sideBox {		
		background-color: #eee;
		padding: 5px 5px 1px 5px;
		margin: 0px 0px 0px 0px; 
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		line-height: 14px;
}

.sideBox ul {
		list-style: disc outside;
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 10px;
		font:11px/12px verdana, arial, helvetica, sans-serif;	
}


.sideBox h2 { 
		font-size: 12px; 
		color: #666; 
}

.sideBox h3 {
		background-image: url(../images/orange_dot_7x7.gif);
		background-repeat: no-repeat; 
		background-position: left center; 
		padding: 0px 0px 0px 12px; 
		margin: 0px 0px 5px 0px; 
		border-bottom: 1px solid #999;
		line-height: 16px;
		font-size: 14px;
		color: #000; 
}

.sideBox h4	{ font-style: bold; 
		font-size: 12px;
		color: #000;
		margin: 5px 0px 0px 3px; 
		padding: 0px 0px 0px 0px; 
}

.sideBox h5	{ font-style: normal; 
		font-size: 10px;
		color: #069;
}

.sideBox cite { font-size: 11px;
		font-style: normal; 
		color: #069; }

.roundBoxTop {
		width: 230px;
		margin: 0px auto 0px auto; 
		padding: 0px 0px 0px 0px;
		display: block;
}

.roundBoxBottom {
		width: 230px;
		margin: 0px auto 10px auto; 
		padding: 0px 0px 0px 0px;
		display: block;
}

.sideBoxTable {
		font:11px/12px arial, helvetica, sans-serif;
}

/********** Sidebar - Left Side **********/

#sideLeft	{
		display: block;
		position: absolute;
		top: 93px;
		left: 20px;
		width: 230px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}

#sideLeft .sideSearchBox {
		text-align: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}

#sideLeft .sideSearchSection {
		text-align: right;
		line-height: 18px;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
}

/********** Sidebar - Right Side **********/

#sideRight	{
		position: absolute;
		display: block;
		top: 93px; 
		right: 20px;
		width: 230px;
		padding-left: 30px;
}

/********** Row in Results **********/

td.dashHorz {
	background-image: url(../images/dashHorz.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 30px 0px 15px 0px;
	}

td.vertLineLeft {
	background-image: url(../images/dot_down.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 1px;
	}
td.vertLineRight {
	background-image: url(../images/dot_down.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 1px;
	}
td.horzLine {
	background-image: url(../images/bar.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 1px;
	}


/********** Footer **********/

#footer { 
		text-align: center; 
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 10px 0px 10px 0px; 
		padding: 5px 5px 5px 5px;
		font-size: 12px;
		font-style: normal; 
		color: #000;
		background-color: #eee;
}

#homeFooter {
		text-align: center; 
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 35px 0px 10px 0px; 
		padding: 5px 5px 5px 5px;
		font-size: 12px;
		font-style: normal; 
		color: #000;
		background-color: #eee;
}
	
#resultsfooter { 
		text-align: center; 
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 160px 0px 10px 0px; 
		padding: 5px 5px 5px 5px;
		font-size: 12px;
		font-style: normal; 
		color: #000;
		background-color: #eee;
}

	
#featuredfooter { 
		text-align: center; 
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 350px 0px 10px 0px; 
		padding: 5px 5px 5px 5px;
		font-size: 12px;
		font-style: normal; 
		color: #000;
		background-color: #eee;
}

	
/* #footer a:link, a:visited { */
/* 		text-decoration: none;  */
/* 		color: #f60; } */

#footer a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }

#footer a:link, a:visited {
		text-decoration: none; 
		color: #000; }
		
#footerText	{
		padding: 0px 50px 0px 50px;	
		margin: 5px 0px 20px 0px;	}
		
#footerText	{font-size: 11px;
		color: #666; 	}		

/* #footerText a:link, a:visited { */
/* 		text-decoration: none;  */
/* 		color: #f60; } */

#footerText a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }
		

/** moved to bottom of page because visited was being overridden by 
    other visited link specifications **/		

a:hover, a:active, a:focus {
		text-decoration: underline; 
		color: #f60; }

a:visited {
		text-decoration: none; 
		color: #333;
	}