/*
Prints and Printmaking CSS
media: screen
beneb design
v: ap1.9.2
*/
body {padding:0;margin:0;color:#616161;background:#fff;width:990px;font:11px Myriad,Arial,Verdana;padding-top:8px;}
h1 {color:#2f7eb7;font-size:18px;font-weight:normal; line-height:25px;margin-bottom:0px;padding-bottom:5px;font-family: helvetica,arial,verdana,sans-serif;}
h2, .Head {color:#2f7eb7;font-size:17px;font-weight:normal; line-height:25px;margin-bottom:0px;padding-bottom:5px;font-family: helvetica,arial,verdana,sans-serif;}
h3, .SubHead {color:#2f7eb7;font-size:14px;font-weight:normal; line-height:25px;margin-bottom:0px;padding-bottom:5px;font-family: helvetica,arial,verdana,sans-serif;
}
p {margin:0px; margin-top: 6px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.Normal {margin:0;font-size:11px}

#APWrapper {width:980px;position:relative;text-align:left;background:#fff; margin:0 0 0 5px;}
#APsubMenu {
height:15px;
width:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
#APLogoContainer {
width:640px;
height:95px;
margin-left:340px;
position:relative;
left:0;
top:0;
}
#logo {
position:absolute;
top:20px;
left:0;
height:50px;
background-color:#5F9AB8;
float:left;
width:100%;
}
#APLogoPrint { display:none}
#mainMenu {
position:relative;
top:70px;
left:0;
float:left;
height:30px;
background-color:#42809E;
width: 640px;
 }


/*for display options*/
#APRecords {height:23px;width:100%;color:#666666;position:relative; top:-40px; text-align:right;}
#APRecords select {font-size:11px; line-height:18px;}
#APRecords a {color:white;}

/*the options bit*/
.CatalogueSorting  {
height:23px;
width:92px;
color:#666666;
position:absolute; 
top:4px; 
right:10px; 
text-align:right; 
line-height:inherit; 
padding-top:2px;
}

/*form styles*/
select {
background-color: #EBEBEB;
color: #666666;
}
input {
background-color: #EBEBEB;
}

/*to display results*/
.APBreadcrumb {
height:23px;width:670px;margin-left:340px;padding:0px 0px 0px 10px;line-height:23px;background-color:#EBEBEB;text-align:left;
}
.APBreadcrumb p {padding:0 0 0 10px;margin:0}
.CatalogueHeader {
margin-left:340px; margin-top:0px; height:23px; background-color:#EBEBEB; width:635px; padding:0px 0px 0px 5px; line-height:23px;
}
.CatalogueRelatedHeader {
margin-left:340px; margin-top:2px; height:23px; background-color:#EBEBEB; width:635px; padding:0px 0px 0px 5px; line-height:23px;
}


/*for actual bread crumb*/
.APBreadcrumbMain {
position:relative;
top:0px;
left:0;
line-height:30px;
width:640px;
margin-left:340px;
height:25px;
border-bottom:3px solid #5F9AB8;
}
.APBreadcrumbMain p, .Breadcrumb, .NavControl {padding:0 3px 0 5px;margin:0; line-height:25px; }
.APContentPane {background:#fff;margin:0;background-color:#fff;position:relative;left:0;top:5px;float:left;width:980px;min-height:550px}
.APContentPaneRight {background:#fff;margin:0 0 0 5px;background-color:#fff;position:relative;left:0;top:0;float:left;width:635px;min-height:400px}

/*for breadcrumb container and print button etc*/

#APOtherStuff {
width:640px;
margin-left:340px;
height:20px;
position:relative;
top:110px;
left:0;
border-bottom:3px solid #42809e;
}
#PrintScreen {
float:right;
width:50px;
margin-top:3px;
line-height:30px;
}



.APLeftPane {float:left; width:340px; text-align:right;}

.APContentPaneRight p {margin:0px; margin-top: 6px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}

#AmmendDataLink {margin-left:100px; margin-top:20px;}
html>body #AmmendDataLink {margin-left:100px; margin-top:20px;}
#ResultsNav {margin-left:345px; padding-top:3px;}

#APFooter {height:50px;width:640px;background:#fff;color:#333333;clear:both;position:relative;margin-left:340px;padding:10px 0px 10px 0px;border-top:3px solid #5f9ab8;}
#APFooterText {height:45px;position:absolute;top:10px;left:0px;font-size:10px; margin-left:5px;}
#APFooterText p { }
#APFooterText a:link, #APFooterText a:visited {color:#666666;text-decoration:none}
#APFooterText a:hover {color:#000000;text-decoration:underline}
#APFooterText a:active {color:#9C0;text-decoration:none}

#APExtra {clear:both;height:5px; display:none;}
#NGAlogo {float:right;}

.FullWidthContent {padding:0px 0px 0px 0px; width:980px;}
.FullHeightContent {padding-bottom:22px;}

#MainNav {
padding:0;
margin:0;
background-color:#42809E;
}
#MainNav li {

list-style:none;
height:30px;
float:left;
display:inline
}
#MainNav li a {
padding:3px 7px 0;
height:24px;
line-height:25px;
font-size:14px;
text-align:center;
border:none;
font-weight:bold;
color:#ffffff;
background-color:#42809E;
text-decoration:none;/*position:relative;*/
}
#MainNav li > a { display:block }
#MainNav li a:hover {
background-color:#5f9ab8;
color:#fff;
padding:3px 7px 3px 7px;
border:none;
text-decoration:underline
}
#MainNav li.current a {
border:none;
text-decoration:underline
}

#SubNav {
padding:0;
float:right;
width:100%;

}
#SubNav ul {
padding:0;
margin:0;
list-style:none;
}
#SubNav li {
position:relative;
float:right;
/*line-height:14px;*/
list-style:none;
display:inline;
}
#SubNav a {
padding:0 9px 0 0;
font-size:0.9em;
text-align:center;
color:#666666;
text-decoration:none
}
#SubNav li a:hover {
text-decoration:underline;
color:#000000;
}
#SubNav li a.SelectedTab {
color:#99CC00;
text-decoration:none;
}
#SubNav li a.SelectedTab a {
color:#99CC00;
text-decoration:none;
}
#SubNav li.current a {
color:#333333;
text-decoration:none;
font-weight:200
}
#SubNav .DisabledTab { color:#ccc }
#SubNav .SelectedTab { color:#99cc00; }

.SelectedTab {color:white;font:normal}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul,#nav li.iehover ul ul,#nav li.iehover ul ul ul,#nav li.iehover ul ul ul ul {left:-999em}
#nav li:hover ul,#nav li.iehover ul {top:1.6em;left:0}
#nav li li:hover ul,#nav li li li:hover ul,#nav li li.iehover ul,#nav li li li.iehover ul {top:0;left:12.8em}


a:link {color:#42809e;text-decoration:none}
a:visited {color:#42809e;text-decoration:none}
a:hover {color:#99cc00;text-decoration:underline}
a:active {color:#99cc00;text-decoration:none}



.SkinObject,a.SkinObject,a.SkinObject:link,a.SkinObject:visited {color:#2f7eb7;font-size:11px;font-weight:normal;text-decoration:none}
a.SkinObject:hover {text-decoration:underline;color:#fff}
a.SkinObject:active {color:#9C0;text-decoration:none}

.Breadcrumb,a.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:visited {color:#666666;font-size:11px; text-decoration:none;}
a.Breadcrumb:hover {text-decoration:underline;color:#000000;}
a.Breadcrumb:active {color:#99cc00;text-decoration:none}

.FooterText,a.FooterText,a.FooterText:hover,a.FooterText:link,a.FooterText:visited {font-size:11px;font-weight:normal;color:#CCCCCC;}
a.FooterText:hover {text-decoration:underline;color:#fff}
a.FooterText:active {color:#666;text-decoration:none}

.collectionMenu, .ASearchTitle {padding-left: 345px;padding-right:0px;}

/*try and hack so ie works*/

.ResultImageColHolder {float: left;padding-right: 5px;width: 93px;margin-left: 108px;}
html>body .ResultImageColHolder {float: left;padding-right: 5px;width: 93px;margin-left: 237px;}

.ResultImageHolder {float:left;text-align:center;height:93px; width:93px;border:solid 1px #B2B1B1;font-size: 1em;line-height: 91px;}
.ResultImageHolder img {margin-top: expression(( 93 - this.height ) / 2);}
html>body .ResultImageHolder img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
.ResultImageHolder:hover, .RecordImageHolder:hover {border:solid 1px #336666;}

.ImageGrid .ResultImageColHolder {margin-left:0px!important} /*knocks out margin*/
.ImageGrid {margin-left:345px!important }

.ResultRecordColHolder {float: right;width: 635px; padding-bottom:3px;}

.FullWidthContent hr {color:#5f9ab8; height:1px; clear:both;width:634px; margin-left:346px; border-width:0; background-color:#2f7eb7 }
.APContentPaneRight hr {margin-left:0px;}

.RecordImageColHolder {float:left;padding-right:5px;height:330px; width:330px;}
.RecordImageHolder {float:left;text-align:center;height:330px; width:330px;border:solid 1px #B2B1B1;font-size: 1em; margin-top:5px;line-height: 328px;}
.RecordImageHolder img {margin-top: expression(( 330 - this.height ) / 2);}
html>body .RecordImageHolder img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
.RecordContentHolderImaged, .ImpressionList .ResultRecordColHolder {position:relative;padding-right:10px;display:inline;padding-left:56px; width:594px;float:left;}
.RecordContentHolder {position:relative; /*top:-200px;*/padding-right:10px;display:inline;/*padding-left:58px;*/ margin-left:335px; width:600px;float:left;}

.ImageHolder {padding:5px 0px 10px 340px; float:left; }

.RecordContentHolderImaged, .ImpressionList .ResultRecordColHolder {padding-left:0px;}
.RecordTitle {font-weight:bold;font-size:12px;color:#42809E;}

.RecordLabel {float:left; width:90px;position:relative;text-align:left; margin-left:10px;color:#B2B1B1;}
.RecordContent {float:left;position:relative;width:480px;}

.ImpressionList {margin-left:0px;}
.ImpressionList hr {margin-left:346px;width:634px;} /*ie hack*/
html>body .ImpressionList hr {margin-left:346px;width:634;}


.ImpressionTitle {margin-left:465px;clear:both; width:} /*ie hack*/
html>body .ImpressionTitle {margin-left:435px;clear:both; width:}
/*back ground in impression list
.HighlightBackGround {background:#EAEAEA; width:640px; height:0; display:table;  margin-left:0px; }*/

.ASearchTable { margin-left:340px;}
.ASearchTable .LabelCell {width:110px;text-align:left;}
.ASearchTable .FormCell {padding-left:10px; width:250px; text-align:left}
.FormDropDown {width: 200px;}
.FormTextBox {width: 194px;}

.MenuSearchHints {margin-top:0px;margin-left:16px;}
.MenuSearchHints li { list-style-type:disc;}
.BrowseList {margin-left:-3px;}
.BrowseLinks {font-size:12px;font-weight:bold;padding-left:2px; padding-right:2px;}
.BrowseLinks a:link {color:#42809e;text-decoration:none}
.BrowseLinks a:hover {background-color:#42809e; color:#fff; padding:2px; text-decoration:none;}

.RecordContent ul {margin-left:16px;}
.RecordContent li { list-style-type:disc;}


#lightbox {position:absolute;top:40px;left:0;width:100%;z-index:1002;text-align:center;line-height:0}
#lightbox a img {border:none}
#outerImageContainer {position:relative;width:250px;height:250px;margin:0 auto;background:#fff}
#imageContainer {padding:10px}
#loading {position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:none}
#prevLink,#nextLink {width:49%;height:100%;background:transparent url(blank.gif) no-repeat;display:block}
#prevLink {left:0;float:left}
#nextLink {right:0;float:right}
#prevLink:hover,#prevLink:visited:hover {background:url(prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover {background:url(nextlabel.gif) right 15% no-repeat}
#imageDataContainer {font:10px Verdana,Helvetica,sans-serif;margin:0 auto;line-height:1.4em;background:#fff}
#imageData {padding:0 10px}
#imageData #imageDetails {width:70%;float:left;text-align:left}
#imageData #caption {font-weight:bold}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em}
#overlay {position:absolute;top:0;left:0;z-index:1001;width:100%;height:500px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;background:#000}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix {display:inline-block;width:100%}
* html .clearfix {height:1%}

#PageSortingOptions {display:none;width:200px;height:90px;border:1px solid #336666;position:absolute;left:-108px;top:20px;background:#EBEBEB;padding:4px;}