/* --- GENERAL RULES --- */
body
{
	margin: 0;
	padding: 0;
	color: #222;
	font: 90% arial, helvetica, sans-serif;
}

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

a:link { color: #621E1D; }
a:hover, a:active, a:visited { color: #666; }
p { margin-top: 0; }
small { font-size: 75%; }

.nodisplay
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

.vsmall { font-size: 65%; }
.smaller { font-size: 70%; }

.clearboth
{
	clear: both;
	height: 20px;
}

/* --- HEADER RULES --- */
#header
{
	height: 140px;
	background: #fff url(apfa-banner.jpg) no-repeat;
}

#header h1, #header p
{
	padding: 20px 0 0 10px;
	margin: 0 0 0 0;
}

#header h2
{
	padding: 10px 0 0 10px;
	margin: 0 0 0 0;
}

#header h1, #header h2, #header p
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#skip
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/* --- SITENAV RULES --- */
#sitenav
{
	float: left;
	width: 100%;
	background: #981616 url(apfa-nav.jpg) repeat-x 0 100%;
	padding-bottom: 10px;	
}

#sitenav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sitenav li { display: inline; }

#sitenav a
{
	display: block;
	text-align: center;
	float: left;
	width: 6.5em;
	border-right: 1px solid #ddd;
	padding: .3em .2em;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

#sitenav a:hover 
{ 
  background: url(apfa-nav2.jpg) repeat-x 0 100%;
  font-weight: bold;
}

/* --- CONTAINER RULES --- */
#container1
{
  float: left;
	width: 100%;
	background: #fff url(apfa-bg01.gif) repeat-y 0 0;
	clear: both;
}

#container2
{
	float: left;
	width: 100%;
	background: url(apfa-bg02.gif) repeat-y 100% 0;
}

/*#browse #container1, #search #container1, #results #container1*/ #home #container1 { background-image: none; } /* What had I planned for this? */
#browse #container2, #search #container2, #searchresult #container2, #results #container2, #home #container2 { background-image: none; }

/* --- MAIN RULES --- */
h2#mainhead
{
	margin: 0 190px;
	padding: 2em 0 .5em 3%;
}

/* --- NAV RULES --- */
#nav
{
	float: left;
	width: 170px;
	margin: 0; 
	padding: 0 10px 2em;
}

#nav ul
{
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li
{
	margin: 0;
	padding: 5px 0;
}

#nav a:hover, a:active
{
	color: #003322;
	text-decoration: underline;
}

#nav h3
{
	margin: 0;
	padding: 2em 0 0 0;
	font-weight: bold;
	font-size: 110%;
}

#nav h3.first { padding-top: 0; }

#nav ul.alphabet-list li
{
  display: inline;
}

#navsearch form
{
	margin: 1em 0 0 0;
	padding-left: 0;
}

#search #navsearch form { margin-bottom: 1em; }

#related p
{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 75%;
}

ul#navrentries { font-size: 75%; }

.pagetype 
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/* --- GENERAL CONTENT RULES --- */
#content
{
	margin: 0 190px;
	padding: 0 3% 2em;
	height: 1%;
	overflow: visible;
}

p.esubname
{
  font-size: 90%;
	font-weight: bold;
}

#browse #content, #search #content, #results #content
{
	margin: 0 0 0 190px;
	padding: 0 3% 2em;
	height: 1%;
}

#content h2
{
	margin: 0;
	padding: 1em 0;
}

/*#browse #content h2, #search #content h2, #results #content h2
{
	margin: 0;
	padding: 1em 0 0 0;
}*/ /* Reinstate if want to control space between h2 and p on these wide pages. */

#content h3
{
  border-bottom: 1px solid #969696;
	margin-top: 2em;
}

#content a:hover, a:active
{
	color: #003322;
	text-decoration: underline;
}

#content ul.alphabet-list li
{
  display: inline;
}

dl.content-summary
{
	margin: 0 0 0 .5em;
	padding: 0 0 1em 0;
}

.content-summary dt
{
	float: left;
	font-style: italic;
	width: 9em;
	padding-top: 1em;
}

.content-summary dd
{
	margin-left: 10em;
	padding-top: 1em;
	height: 1%;
}

ul.entitynames
{
  list-style-type: none;
	padding: 0;
	margin: 0;
}
	
dl.content-summary p { margin: 0; }

.entityevent dt
{
	float: left;
	width: 9em;
	padding-top: 1em;
}

.entityevent dd
{
	margin-left: 10em;
	padding-top: 1em;
	height: 1%;
	min-height: 50px;
}

#entity img.portrait, #arc img.portrait, #pub img.portrait, #dobject img.portrait { width: 70px; }
#entity img.landscape, #arc img.landscape, #pub img.landscape, #dobject img.landscape { width: 70px; }
#browse img.portrait { width: 70px; }
#browse img.landscape { width: 70px; }

ul.resource li
{
	margin: 0;
	padding: 5px 0;
}

ul.browse li
{
	margin: 0;
	padding: 5px 0;
}

.rel-dobjects { display: none; }

p.prepared, p.sources, p.entrydates 
{
  font-size: 65%;
	clear: left; 
	text-align: right;
}

p.prepared
{ 
	padding-top: 2em;
}

#browse #content dd.groupdesc { padding-left: 0.5em; }

#container2 p.last
{
  border-top: 1px dotted #555555;
	padding-top: 1em;
}

#searchbox
{
  border: 1px dotted #555555;
	width: 400px;
	padding: 10px;
	background: #eeeeee;
}

/* -----------------------------------
Simple Search results - AS
----------------------------------- */
#content li a.ng-binding
   {
   color: #621E1D;
   text-decoration: none;
   }

 #content li a:hover.ng-binding
   {
   color: #003322;
   text-decoration: none;
   }   
   
#content li a.iscurrent
   {
   color: #003322;
   text-decoration: none;
   background: #eee;
   }



/* --- CONTENT VERSION DL RULES --- */
dl.dolist-versions
{
	font-size: 75%;
	width: 90%;
	margin: 0;
	padding-top: 1em;
}

.dolist-versions dt
{
	float: left;
	width: 6em;
	/*to line up with content-summary 10.5*/
	margin: 0;
	padding: 0;
}

.dolist-versions dd
{
	margin-left: 7em;
	/*to line up with content-summary 11.5*/
	padding: 0;
	height: 1%;
}

.dolist-versions img { border: none; }
dl.dolist-versions p { margin: 0; }

#dobject ol
{
	margin: 0;
	padding: 0 0 0 1.5em;
}

#dobject ol li
{
	border-top: 1px dotted silver;
	vertical-align: top;
	padding-bottom: 1em;
}

#dobject ol li.first { border-top: none; }

dl.dovlist
{
  clear: none;
	padding-bottom: 2em;
}

.dovlist dt
{
	width: 6em;
	clear: none;
	margin: 0;
	padding-top: 0.5em;
	font-style: italic;
}

.dovlist dd
{
	margin-left: 7em;
	padding-top: 0.5em;
}

dl.dovlist p
{
	margin: 0;
	padding-top: 0;
}

/* --- CONTENT TABLE RULES --- */
#content th
{
	font-style: italic;
	width: 20%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.title { font-weight: bold; }
#versions { font-size: 75%; }
#versions small { font-size: 90%; }

/* --- BROWSE PAGE RULES --- */
#browsetable
{
	width: 95%;
	margin-left: 1em;
}

/* --- CONTENT COMMON SEARCH RESULTS RULES --- */
#searchmenu
{
	margin: 0;
	padding: 0;
	font-size: 75%;
}

#searchmenu dt
{
	margin: 1em 0 0 0;
	font-weight: bold;
}

#searchmenu dd
{
	margin: 0;
	padding: 0 0 0 10px;
	white-space: nowrap;
}

#refine
{
	margin: 0;
	padding: 0;
	font-size: 75%;
}

#refine .radio { padding-bottom: 1em; }
#refine .date { padding-top: 1em; }
#refine .hasimage { padding: 1em 0; }
#results #nav h3 { margin-bottom: 1em; }
#refine select { font-size: 100%; }

#results h2#mainhead { display: inline; }

.resultsper
{
   word-spacing: .25em;
   margin-left: 0;
}

.resultsview
{
  display: inline;
	font-size: 85%;
	word-spacing: .25em;
} 

#results #content { margin-top: 1em; }

#results #content p
{
  margin: 0;
	padding: 0.25em 0;
}

.resultstop { margin-left: 0; }

.resultsbottom
{
  clear: left;
  margin-left: 0;
}

/* --- CONTENT OTHER/TABULAR SEARCH RESULTS RULES --- */
#searchtable { font-size: 75%; }
#searchtable small { font-size: 100%; }
#searchtable tr { vertical-align: top; }

#searchtable th
{
	width: 4%;
	font-style: normal;
}

#searchtable thead th
{
	width: auto;
	vertical-align: bottom;
	border-bottom: 1px solid gray;
	font-style: italic;
}

#searchtable td { padding: .5em 0; }
.altcolour { background-color: #E9F6E7; }

/* --- CONTENT IMAGE SEARCH RESULTS - GALLERY VIEW RULES --- */
.dogallery dl
{
	border: 1px dotted silver;
	height: 17em;
	width: 150px;
	text-align: center;
	padding: 10px;
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	font-family: Verdana;
	font-size: 70%;
}

.dogallery dt img { border: 1px solid #000; }

.dogallery dd
{
	margin: 0;
	padding: 0;
}

.dogallery span { display: none; }
.dogallery img.portrait { width: 70px; }
.dogallery img.landscape { width: 70px; }

/* --- CONTENT IMAGE SEARCH RESULTS - DOBJECT LIST VIEW RULES --- */
body#browse .dolist
{
	padding: 0.5em;
	font-size: 75%;
	float: left;
}

dl.dolist
{
	width: 90%;
	margin: 0;
	padding-top: 1em;
	/*font-size: 75%;*/ /* NOT VANILLA - FOR CHIA ONLY */
}

.dolist dt
{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0;	
}

.dolist dd
{
	margin-left: 10em;
	padding: 0 0 0.5em 0;
	min-height: 150px;
}

dl.dolist p, .dolist dl p { margin: 0; }

#entity .dolist dl, #arc .dolist dl, #pub .dolist dl, #dobject .dolist dl
{
	border-top: 1px dotted silver;
	padding-top: 0.5em;
}

#entity .dolist dl.first, #arc .dolist dl.first, #pub .dolist dl.first, #dobject .dolist dl.first
{
	border-top: none;
	padding-top: 0;
}

dl.dolist dl
{
  clear: none;
	padding-bottom: 2em;
	border-top: 1px dotted silver;
}

dl.first { border-top: none; }

dl.dolist dl dt
{
	width: 6em;
	clear: none;
	margin: 0;
	padding-top: 0.5em;
	font-style: italic;
}

dl.dolist dl dd
{
	margin-left: 7em;
	padding-top: 0.5em;
	min-height: 0;
}

dl.dolist dl p
{
	margin: 0;
	padding-top: 0;
}

.dolabel
{
	font-style: italic;
	padding-right: 1em;
	font-weight: normal;
}

.dolist img.portrait { width: 70px; }
.dolist img.landscape { width: 70px; }
.dotitle { font-weight: bold; }

#results .dotitle
{
	font-weight: bold;
	color: gray;
	padding-top: 1em;
}

.dolist img { border: none; }

/*#search img.portrait {width: 40px;}*/
/* Question to myself - what is this? */

/* --- REPOSITORYLIST RULES --- */
#repository dd a { font-size: 75%; }

#repository dt { font-weight: bold; }

/* --- ADD RULES --- */
#add
{
	float: right;
	width: 170px;
	padding: 0 10px 2em;
	text-align: center;
}

#add a:hover, a:active
{
	color: #0003322;
	text-decoration: underline;
}

#add ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.caption { font-size: 75%; }

/* --- FOOTER RULES --- */
#footer
{
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 20px;
	font-size: 90%;
	border-top: 1px solid #969696;
	background-color: #fff;
}

#footertext
{
	width: 35em;
	margin-right: 10px;
}

#footertext ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footertext li
{
	display: inline;
	padding: 0 .5em;
	border-left: 1px solid #999;
}

#footertext li.first { border-left: 0; }

#footertext p
{
	margin: 0;
	padding: 1em;
	font-size: 75%;
}

/* --- IMAGE VIEWER RULES --- */
body#imageviewer, body#imageviewer-paged
{
  background-color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: centre;
}

#imageviewer p#close
{
  text-align: right;
  padding: 1em 1em 1em 0;
  border-bottom: 1px solid silver; 
}

#imageviewer dl.dolist
{
  float: left;
  width: 100%;
  margin-left: 2em;
  padding: 0 0 1em 0;
  border-top: none;
}

#imageviewer .dolist dt
{
  width: 5em;
  padding: 0.5em;
  float: left;
  margin: 0;
  font-style: italic; 
}

#imageviewer .dolist dd
{
  margin-left: 6em;
  padding: 0.5em;
	min-height: 0;
}

#imageviewer #image, #imageviewer-paged #image 
{
 text-align: center;
 margin-top: 1em; 
}

#imageviewer #image p, #imageviewer-paged #image p
{
   font-size: 75%;
   margin: 1em 25% 0 25%;
}

/* --- ADDITIONAL PAGED IMAGE VIEWER RULES --- */

#imageviewer-paged #navigation
{
  text-align: left;
	width: 100%;
	border-bottom: 1px solid silver;
	padding: 5px;
}

#imageviewer-paged #formblock1
{
  float: left;
	width: 70px;
}

#imageviewer-paged #formblock2
{
  float: left;
	margin-left: 75px;
	margin-top: 10px;
}

#imageviewer-paged div#close
{
  float: right;
	padding: 1em 1em 0 0;
}

/* --- ABOUT PAGE RULES --- */
dl#about
{
	margin: .5em 0;
	padding: 0 0 0.5em 0;
}

#about dt
{
	float: left;
	width: 13em;
	padding: 1em 0;
}

#about dd
{
	margin-left: 14em;
	padding: 1em 0;
	height: 1%;
	font-size: 75%;
}

#about #content h3 { margin-top: 2em; }
#about ul.morespace li { padding: 0.5em 0; }

/* --- CONTENT IMAGE SEARCH PAGE RULES --- */
form#image-searchForm { line-height: normal; }

#search fieldset
{
  width: 34em;
	padding: 1em;
	float: left;
	border: 1px solid #969696;
}

#search legend
{
  font-weight: bold;
	font-size: 110%;
	color: black;
}

#formcontainer1
{
  width: 33em;
	padding: 1em 1em 0 9px;
}
	
#formcontainer2
{
	float: left;
	width: 30em;
}
	
.formblock1
{
	float: left;
	width: 17em;
}
	
.formblock1 input { width: 16em; }
	
.formblock2
{
	float: left;
	width: 1em;
}
	
.formblock3
{
	float: right;
	width: 10.5em;
}
	
.formblock3 select
{
  width: 100%;
	height: 13em;
}
	
.formblock4
{
	float: left;
	width: 1em;
	margin-left: .5em;
}
	
.formblock5
{
	float: left;
	width: 20em;
	font-size: 70%;
	padding-top: .5em;
}
	
.formblock5 p
{
  margin: 0;
	padding: 0.5em 0 0.5em 1em;
}
	
.formblock6
{
	float: left;
	width: 27em;
	padding-top: 1em;
	font-size: 90%;
}
	
.formblock6 h4 { margin: 0; }
/*.formblock6 p { margin-top: 0.5em;}*/ /* If required. */
	
.formblock6 input { width: 8em; }

#search #mainhead 
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#searchbrowse { float: left; width: 100% }
#search #content h3 { margin-top: 2em; }
#search #nav { margin-top: 2em; }
#search #nav p { font-size: 90%; }
#search #navsearch p.first	{ margin-top: 1em; }
#search .border { border: 1px solid #ccc; }

/* --- JEE EDITS 10 JULY 2007 --- */
img.floatleft {float: left; width: 40px; min-height: 40px; padding-right: 0.5em; padding-bottom: 1em;}
ul.briefthumb li
{
	margin: 0;
	padding: 5px 0;
	clear: left;
}
h4.clearleft {clear: left;}


/* --- HOME PAGE RULES --- */
#home #mainhead
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#home #container2 p.first
{
  padding-top: 45px;	
}

#home li
{
  padding-top: 10px;	
}

#home #covers
{
  text-align: center;
	padding-top: 20px;
}

#about #add img
{
  padding-bottom: 10px;
}