/*GLOBAL STYLES*/
    
* {
    margin:0;
    padding:0;
    font-family:arial, sans-serif;
    }
    
body {
    background-color:#6db7e1;
    z-index:-1;
    }
    
    
div#contentarea {
    width:90%;
    min-width:950px;
    margin:0 auto;
    position:relative;
    }
    
/*  THE FOLLOWING CLEARFIX STYLE
    FORCES THE SURROUNDING BOX TO 
    ENCASE ALL FLOATING ELEMENTS.
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*this hides items off screen for screenreader use only*/

.readeronly {
	position: absolute; 
	left: -2000px; 
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #ffffff;
}

.highlighttext { 
  background: #FAFA04;
  color: inherit;
}
/*This is a basic formatting for inline lists*/

.inline {
    display: inline;
    }
    
.inline li {
 	list-style: none;
	display: inline;
      }
    
    
/**Masthead - the main logo on the left, the image
with the strapline, and the tv image on the right**/

#masthead { 
    height:72px;
    position:relative;
    }
    
#masthead h1 {
    position:absolute;
    top:23px;
    left:1.5em;
    }
    
#strapline {
    position:absolute;
    bottom:.2em;
    right:8em;
    }

#tv-logo {
    text-align:right;
    position:absolute;
    top:.1em;
    right:3em;
    }

/**Main menu --- This is the first persistent menu below the masthead**/

#mainmenu {                  
    position:relative;
    margin-left:2em;
    margin-bottom:1.5em;
    font-size:.9em;
    }
    
#mainmenu li.middle, #aboutmenu li.middle {
    border-right:1.5px solid #660033;
    padding-right: .5em;
    margin-right: .5em;
	}
    
.mainmenuleft {
    float:left;
    }
    
.mainmenuright {
    float:right;
    }

div#mainmenu li, div#aboutmenu li {
    color:#696969;
    font-size: .9em;
    }
   
div#mainmenu a:link, div#aboutmenu a:link, div#homesearch a:link {
    color:#660033;
    text-decoration:none;
    }

div#mainmenu a:visited, div#aboutmenu a:visited, div#homesearch a:visited {
    color:#cd5c5c;
    text-decoration:none;
    }

div#mainmenu a:hover, div#aboutmenu a:hover, div#homesearch a:hover {
    text-decoration:underline;
    }
           
/*hometophalf(n) sets the box around the two elements of intro text and the search box at the top of the home page*/
div#hometophalf {
    clear:both;
    background: url(/images/nfotopright.gif) top right no-repeat;
    padding: 1.5em 2em .5em 1em;
    }

div.hometophalf2 {
    background: url(/images/nfotopleft.gif) top left no-repeat;
    padding:0;
    }
    
div.hometophalf3 {
    background: url(/images/nfobottomright.gif) bottom right no-repeat;
    padding:0 0 1.5em 0;
    }

div.hometophalf4 {
    background: url(/images/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

div.hometophalf5 {
    background: url(/images/nforightstrip.gif) bottom right repeat-y;
    padding:0;
    }

div.hometophalf6 {
    background: url(/images/nfoleftstrip.gif) top left repeat-y;
    padding:0;
    margin-top:0;
    }

/*homeintro(n) sets the box around the introductory text on the home page, plus a few other things*/

div#homeintro {
    padding:.5em 5em 2em .5em;
    background: url(/images/introboxtopright.gif) no-repeat top right;
    }

    
div.homeintro2 {
    padding:0;
    background: url(/images/introboxtopleft.gif) no-repeat top left;
  }

div.homeintro3 {
    padding:0;
    background: url(/images/introboxbottomright.gif) no-repeat bottom right;
   }
   
div.homeintro4 {
    padding:0;
    background: url(/images/introboxbottomleft.gif) no-repeat bottom left;
}

div.homeintro5 {
    padding:0;
    background: url(/images/introboxleftstrip.gif) repeat-y top left;
}

div.homeintro6 {
    width:48%;
    position:relative;
    float:left;
    clear:both;
    padding:0;
    background: url(/images/introboxrightstrip.gif) repeat-y top right;
}
   
div#homeintro p {
    color:white;
    font-size:.9em;
    margin:0;
    }
        
div#homeintro a:link {
    color:white;
    }
    
div#homeintro a:visited {
    color:#dcdcdc;
    }
    

/*homesearch(n) puts styles into the search box and also puts the rounded corners onto the black box*/

div#homesearch {
    background: url(/images/blacksearchtopright.gif) no-repeat top right;
    padding:.5em 0 1.25em .5em;
    }
    
div.homesearch2 {
    padding:0;
    background: url(/images/blacksearchtopleft.gif) no-repeat top left;
  }

div.homesearch3 {
    padding:0;
    background: url(/images/blacksearchbottomright.gif) no-repeat bottom right;
   }
   
div.homesearch4 {
    padding:0;
    background: url(/images/blacksearchbottomleft.gif) no-repeat bottom left;
}

div.homesearch5 {
    padding:0;
    background: url(/images/blacksearchleftstrip.gif) repeat-y top left;
}

div.homesearch6 {
    margin-left:50%;
    padding:0;
    background: url(/images/blacksearchrightstrip.gif) repeat-y top right;
}
    
div#homesearch form {
    background: url(/images/searchboxtopright.gif) no-repeat top right;
    padding:.25em .25em .5em .5em;
    }
    
div.homesearchform2 {
    padding:0;
    background: url(/images/searchboxtopleft.gif) no-repeat top left;
  }

div.homesearchform3 {
    padding:0;
    background: url(/images/searchboxbottomright.gif) no-repeat bottom right;
   }
   
div.homesearchform4 {
    padding:0;
    background: url(/images/searchboxbottomleft.gif) no-repeat bottom left;
}

div.homesearchform5 {
    padding:0;
    background: url(/images/searchboxleftstrip.gif) repeat-y top left;
}

div.homesearchform6 {
    padding:0;
    background: url(/images/searchboxrightstrip.gif) repeat-y top right;
    width:60%;
}
div#homesearch p {
    font-weight:bold;
    }

span.big-search-word {
    font-weight:bold;
    color:#034a70;
    font-size:1.1em;
    }
    
span.wee-example-word {
    font-weight:bold;
    font-size:.8em;
    }
    
p#searchbox {
    margin:.25em 0 .10em 0;
    font-size:.8em;
    }
    
p#searchbutton {
    text-align:right;
    margin:.5em 1em 0 0;
    }
    
input.searchbox {
    margin-right:.5em;
    font-size:.9em;
    }
    
select.search {
    margin-left:.5em;
    font-size:.9em;
    }
    
/*homebottomhalf deals with the formatting of the lower half of the page, enclosed in the large white box in the current design*/

div#homebottomhalf {
    clear:both;
    background: url(/images/nfotopright.gif) top right no-repeat;
    padding: 1em 2em 1em 1em;
    margin-top:0;
    }
    
div.homebottomhalf2 {
    background: url(/images/nfotopleft.gif) top left no-repeat;
    padding:0;
    }
    
div.homebottomhalf3 {
    background: url(/images/nfobottomright.gif) bottom right no-repeat;
    padding:0 0 1.5em 0;
    }

div.homebottomhalf4 {
    background: url(/images/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

div.homebottomhalf5 {
    background: url(/images/nforightstrip.gif) bottom right repeat-y;
    padding:0;
    }

div.homebottomhalf6 {
    background: url(/images/nfoleftstrip.gif) top left repeat-y;
    padding:0;
    }
    
p.displayfixer, div#maincontent p.displayfixer, div#loginmaincontent p.displayfixer, form#advanced-search-form p.displayfixer {
    color:white;
    padding:0;
    margin:0;
    font-size:1px;
    }
    
/*formatting for menus at the bottom of the page*/

div#bottom-material {
    margin-top:1em;
    }

div#aboutmenu {
    clear:left;
    float:left;
    margin-left:2em;
    font-size:.9em;
    }
    
div#stakeholders {
    float:right;
    clear:right;
   }
   
#stakeholders li {
    margin-left:1em;
    }

#imagecredits {
    clear:both;
    text-align:right;
    font-size:.8em;
    }
    
#imagecredits a:link, #imagecredits a:visited {
    text-decoration:none;
    }
    
#imagecredits a:hover {
    text-decoration:underline;
    }
    
/*HOME PAGE STYLES*/

    
div#datestrip {
    height:31px;
    width:100%;
    background: url(/images/datebarright.gif) top right no-repeat;
    margin-top:.5em;
    margin-bottom:1em;
    }
    
div.datestrip2 {
    padding:0;
    background: url(/images/datebarleft.gif) top left no-repeat;    
    }

div.datestrip3 {
    padding:0;
    background: url(/images/datebarstrip.gif) top left repeat-x;    
    margin:0 auto .5em auto;
    }
    
a img {
    border:0;
    }



/*It happened today*/

div#ithappenedtoday {
    padding:.5em .5em 3em .5em;
    background: url(/images/blacklinetopright.gif) top right no-repeat;
    }
    
div.ithappenedtoday2 {
    padding:0;
    background: url(/images/blacklinetopleft.gif) top left no-repeat;
    }
    
div.ithappenedtoday3 {
    padding:0;
    background: url(/images/blacklinebottomright.gif) bottom right no-repeat;
    }
    
div.ithappenedtoday4 {
    padding:0;
    background: url(/images/blacklinebottomleft.gif) bottom left no-repeat;
    }
    
div.ithappenedtoday5 {
    padding:0;
    background: url(/images/blacklinerightstrip.gif) top right repeat-y;
    }
    
div.ithappenedtoday6 {
    background: url(/images/blacklineleftstrip.gif) top left repeat-y;
    float:left;
    margin-bottom:1.5em;
    width:49%;
    padding:0;
    }
    
#ithappenedtoday h2 {
    margin-bottom:.5em;
    }
    
div#ithappenedtoday a img {
    border:none;
    }

/*Right hand lower side of home page*/
    
    
div#subjects-support {
   margin-left:51%;
   width:49%;
   }
    
/*Browse by subjects*/
    
div#browsesubjects {
    padding:.5em .25em;
    background: url(/images/blacklinetopright.gif) top right no-repeat;
    }
    
div.browsesubjects2 {
    padding:0;
    background: url(/images/blacklinetopleft.gif) top left no-repeat;
    width:100%;
    }
    
div.browsesubjects3 {
    padding:0;
    background: url(/images/blacklinebottomright.gif) bottom right no-repeat;
    width:100%;
    }
    
div.browsesubjects4 {
    padding:0;
    background: url(/images/blacklinebottomleft.gif) bottom left no-repeat;
    width:100%;
    }
    
div.browsesubjects5 {
    padding:0;
    background: url(/images/blacklinerightstrip.gif) top right repeat-y;
    width:100%;
    }

div.browsesubjects6 {
    background: url(/images/blacklineleftstrip.gif) top left repeat-y;
    padding:0;
    margin-bottom:.5em;
    width:100%;
    }

div#browsesubjects li {
    list-style:none;
    background-color:#eaeff6;
    padding: .2em 1em;
    margin-top:.2em;
    font-size:.9em;
    }
    
div#browsesubjects a:link, div#browsesubjects a:visited {
    text-decoration:none;
    }
    
div#browsesubjects a:hover {
    text-decoration:underline;
    }
    
div#browsesubjects p {
    text-align:right;
    }
    
div#browsesubjects h2 {
    padding-left:.5em;
    }

    
    
/*Support Materials button*/
    

div#homesupportmaterials {
    background: url(/images/gradientboxtopright.gif) top right no-repeat;
    padding:.5em;
    
    }
	
div.homesupportmaterials2 {
    padding:0;
    background: url(/images/gradientboxtopleft.gif) top left no-repeat;
    width:100%;
    }

 div.homesupportmaterials3 {
    padding:0;
    background: url(/images/gradientboxbottomright.gif) bottom right no-repeat;
    width:100%;
    }
 div.homesupportmaterials4 {
    padding:0;
    background: url(/images/gradientboxbottomleft.gif) bottom left no-repeat;
    width:100%;
    }

 div.homesupportmaterials5 {
    padding:0;
    background: url(/images/gradientboxrightstrip.gif) bottom right repeat-y;
    width:100%;
    }
   
 div.homesupportmaterials6 {
    padding:0;
    float:right;
    background: url(/images/gradientboxleftstrip.gif) top left repeat-y;
    width:55%;
    }
#homesupportmaterials p {
	font-size:0.9em;
	line-height:2em;
}
    
/*My Favourites button*/
    

div#homefavourites {
    background: url(/images/gradientboxtopright.gif) top right no-repeat;
    position: relative;
    padding:.5em;
    }
	
div.homefavourites2 {
    padding:0;
    background: url(/images/gradientboxtopleft.gif) top left no-repeat;
    width:100%;
    }

 div.homefavourites3 {
    padding:0;
    background: url(/images/gradientboxbottomright.gif) bottom right no-repeat;
    width:100%;
    }
 div.homefavourites4 {
    padding:0;
    background: url(/images/gradientboxbottomleft.gif) bottom left no-repeat;
    width:100%;
    }

 div.homefavourites5 {
    padding:0;
    background: url(/images/gradientboxrightstrip.gif) bottom right repeat-y;
    width:100%;
    }
   
 div.homefavourites6 {
    padding:0;
    float:left;
    background: url(/images/gradientboxleftstrip.gif) top left repeat-y;
    width:40%;
    }
    
#homefavourites p {
	font-size:0.9em;
	line-height:2em;
}
              /**HOMEPAGE TYPOGRAPHY**/
              
#homepage h2 {
    color: #034a70;
    font-size:1.25em;
    }

#homepage h2 a:link {
    color: #034a70;
    text-decoration:none;
    }
#homepage h2 a:visited {
    color: #034a70;
    text-decoration:none;
    }
    
    
/**Black line boxes round main content on non-homepages**/

div#maincontent {
    padding:1em;
    background: url(/images/wideblacklinetopright.gif) top right no-repeat;
    }
    
div#maincontent_tabs {
    padding:1em;
    background: url(/images/wideblacklinetoprightTabs.gif) top right no-repeat;
    position:relative;
    }
    
div.maincontent2 {
    padding:0;
    background: url(/images/wideblacklinetopleft.gif) top left no-repeat;
    }
    
div.maincontent2_tab1 {
    padding:0;
    padding-top:10px;
    background: url(/images/wideblacklinetopleftTab1.gif) top left no-repeat;
    }
    
div.maincontent2_tab2 {
    padding:0;
    padding-top:10px;
    background: url(/images/wideblacklinetopleftTab2.gif) top left no-repeat;
    }
    
div.maincontent2_tab3 {
    padding:0;
    padding-top:10px;
    background: url(/images/wideblacklinetopleftTab3.gif) top left no-repeat;
    }

#tabs, #tabs2, #tabs3 {
	position: absolute;
	top: -10px;
	left: 0px;		/* The only difference between real CSS renderers and the IE css file is this value */
}

/* For the full record page tabs with links to prev/next record & return to results etc. */
#tabs_withNav, #tabs2_withNav, #tabs3_withNav {
	position: absolute;
	top: -10px;
	left: 0px;	/* This is a nasty hack to enable us to continue supporting IE 6  */
}

.tablinks {
	text-align:center;
	color:blue;
	text-decoration:none;
	font-family:arial,sans-serif;
	font-size:0.9em;
	font-weight:bold;
	padding-top:2px
}

#details-link { 
		position: absolute; 
		top: 0px;
		left: 0px;
		width: 167px;
		height: 20px;
		background-color: transparent; 
		/*border: 1px solid yellow;*/
		text-decoration:none;
	}

#comments-link { 
		position: absolute; 
		top: 0px;
		left: 171px;
		width: 172px;
		height: 20px;
		background-color: transparent; 
		/*border: 1px solid yellow;*/
		text-decoration:none;
	}

#thumbnails-link { 
		position: absolute; 
		top: 0px;
		left: 347px;
		width: 172px;
		height: 20px;
		background-color: transparent; 
		/*border: 1px solid yellow;*/
		text-decoration:none;
	}
    
div.maincontent3 {
    padding:0;
    background: url(/images/wideblacklinebottomright.gif) bottom right no-repeat;
    }
    
div.maincontent4 {
    padding:0;
    background: url(/images/wideblacklinebottomleft.gif) bottom left no-repeat;
    }
    
div.maincontent5 {
    padding:0;
    background: url(/images/wideblacklinerightstrip.gif) top right repeat-y;
    }
    
div.maincontent6 {
    background: url(/images/wideblacklineleftstrip.gif) top left repeat-y;
    margin-bottom:1.5em;
    padding:0;
    }

div#maincontent * {
    color:black;
    }
    
div#maincontent h2 {
    font-size:1.25em;
    margin-bottom:1em;
    font-weight:bold;
    }
    
div#maincontent_tabs h2 {
    font-size:1.25em;
    margin-bottom:1em;
    font-weight:bold;
    }
    
/* Comments */

#comments {
	margin:0 2em;
}

.commentlist {
	margin:0;
	padding:0;
	list-style:none;
}

.commentlist li {
	padding:2em 0;
	overflow:auto;
	border-bottom:0.1em solid #eee;
}

.commentlist p {
	margin:0.5em 0;
}

.commentlist h4 {
	margin:0;
}

textarea#comment {
	width:100%;
}
/* Comment ends */
    
/**Styles for Help text on two column pages**/

div#help {
    padding:1em;
    background: url(/images/helpboxtopright.gif) top right no-repeat;
    }
div.help2 {
    background: url(/images/helpboxtopleft.gif) top left no-repeat;
    padding:0;
    }
div.help3 {
    background: url(/images/helpboxbottomright.gif) bottom right no-repeat;
    padding:0;
    }
div.help4 {
    background: url(/images/helpboxbottomleft.gif) bottom left no-repeat;
    padding:0;
    }
div.help5 {
    background: url(/images/helpboxrightstrip.gif) top right repeat-y;
    padding:0;
    }
div.help6 {
    background: url(/images/helpboxleftstrip.gif) top left repeat-y;
    float:left;
    width:25%;
    padding:0;
    margin-bottom:1em;
    }
    
#help h2 {
    color: #034a70;
    }
    
#help p, #help li {
    font-size:.9em;
    }
    
#help p {
    margin-bottom:1em;
    }

#maincontent p {
    margin-bottom:1em;
	line-height:1.5;
    }
    
#maincontent_tabs p {
    margin-bottom:1em;
	line-height:1.5;
    }
    
#help h3 {
    font-size:1em;
    }
    
div#help h2 {
    font-size:1.25em;
    }
    
div#help h2, div#help h3 {
    font-weight:bold;
    margin-bottom:.5em;
    }
    
div#help ul {
    margin-bottom:.5em;
    }

    
/**Layout for main content on two column pages**/

body#two-column div.maincontent6 {
    margin-left: 27%;
    }
    
div#maincontent ul {
    margin-left:10px;
    }
    
div#maincontent_tabs ul {
    margin-left:10px;
    }
    
/**Some miscellaneous typography**/

#maincontent p a:link {
    text-decoration:underline;
    color:blue;
    }
    
#maincontent_tabs p a:link {
    text-decoration:underline;
    color:blue;
    }
    
#maincontent p a:visited {
    text-decoration:underline;
    color:purple;
    }
    
#maincontent_tabs p a:visited {
    text-decoration:underline;
    color:purple;
    }
    
#maincontent p, #maincontent th, #maincontent td {
    font-size:.9em;
    }
    
#maincontent_tabs p, #maincontent_tabs th, #maincontent_tabs td {
    font-size:.9em;
    }
    
#browsebydate h2 {
    font-size:1.25em;
    }
    
/**layout for the contact form**/

.formline {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom:1em;
}

.formitem {
  position: relative;
  float: left;
  left: 100%;
}

#formitem1, #formitem3, #formitem5, #formitem7, #formitem9 {
  margin-left: -100%;
  width: 20%;
}
#formitem2, #formitem4, #formitem6, #formitem8, #formitem10 {
  margin-left: -80%;
  width: 30%;
}
#formitem11 {
    margin-left:-50%;
    width:30%;
    }
    
label {
    font-weight:bold;
    font-size:.8em;
    }
    
#formitem9 label {
    font-size:.7em;
    }
    
/*datebar styles for homepage*/

.dateitem {
    position:relative;
    float:left;
    left:100%;
     }
#date1 {
    margin-left:-100%;
    width:10%;
    }
#date2 {
    margin-left:-90%;
    width:10%;
    }
#date3 {
    margin-left:-80%;
    width:10%;
    }
#date4 {
    margin-left:-70%;
    width:10%;
    }
#date5 {
    margin-left:-60%;
    width:10%;
    }
#date6 {
    margin-left:-50%;
    width:10%;
    }
#date7 {
    margin-left:-40%;
    width:10%;
    }
#date8 {
    margin-left:-30%;
    width:10%;
    }
#date9 {
    margin-left:-20%;
    width:10%;
    }
#date10 {
    margin-left:-10%;
    width:10%;
    }
    
.dateitem p {
    text-align:center;
    }

p.datedivider {
    background: url(/images/datebardivider.gif) top right no-repeat;
    }
    
.dateitem .sap-content p {
    padding-top:4px;
    }

#a2zA {
    margin-left:-100%;
    width:4%;
}
#a2zB {
    margin-left:-96%;
    width:4%;
}
#a2zC {
    margin-left:-92%;
    width:4%;
}
#a2zD {
    margin-left:-88%;
    width:4%;
}
#a2zE {
    margin-left:-84%;
    width:4%;
}
#a2zF {
    margin-left:-80%;
    width:4%;
}
#a2zG {
    margin-left:-76%;
    width:4%;
}
#a2zH {
    margin-left:-72%;
    width:4%;
}
#a2zI {
    margin-left:-68%;
    width:4%;
}
#a2zJ {
    margin-left:-64%;
    width:4%;
}
#a2zK {
    margin-left:-60%;
    width:4%;
}
#a2zL {
    margin-left:-56%;
    width:4%;
}
#a2zM {
    margin-left:-52%;
    width:4%;
}
#a2zN {
    margin-left:-48%;
    width:4%;
}
#a2zO {
    margin-left:-44%;
    width:4%;
}
#a2zP {
    margin-left:-40%;
    width:4%;
}
#a2zQ {
    margin-left:-36%;
    width:4%;
}
#a2zR {
    margin-left:-32%;
    width:4%;
}
#a2zS {
    margin-left:-28%;
    width:4%;
}
#a2zT {
    margin-left:-24%;
    width:4%;
}
#a2zU {
    margin-left:-20%;
    width:4%;
}
#a2zV {
    margin-left:-16%;
    width:4%;
}
#a2zW {
    margin-left:-12%;
    width:4%;
}
#a2zX {
    margin-left:-8%;
    width:8%;
}
/*
#a2zY {
    margin-left:-4%;
    width:4%;
}
#a2zZ {
    margin-left:-0%;
    width:4%;
}
*/
    
/*DECADE STYLES*/

    /*decade chooser form styles*/
    
form#decadechooser select {
    margin-right:10px;
    }
    
form#decadechooser span.submit {
    vertical-align:middle;
    }

    /*grey help box styles*/

body.c1910 div#help, body.c1920 div#help, body.c1930 div#help, body.c1940 div#help, body.c1950 div#help, body.c1960 div#help, body.c1970 div#help, body.c1980 div#help, body.c1990 div#help, body.c2000 div#help {
    padding:1em;
    background: url(/images/greyhelpboxtopright.gif) top right no-repeat;
    }
body.c1910 div.help2, body.c1920 div.help2, body.c1930 div.help2, body.c1940 div.help2, body.c1950 div.help2, body.c1960 div.help2, body.c1970 div.help2, body.c1980 div.help2, body.c1990 div.help2, body.c2000 div.help2 {
    background: url(/images/greyhelpboxtopleft.gif) top left no-repeat;
    padding:0;
    }
body.c1910 div.help3, body.c1920 div.help3, body.c1930 div.help3, body.c1940 div.help3, body.c1950 div.help3, body.c1960 div.help3, body.c1970 div.help3, body.c1980 div.help3, body.c1990 div.help3, body.c2000 div.help3 {
    background: url(/images/greyhelpboxbottomright.gif) bottom right no-repeat;
    padding:0;
    }
body.c1910 div.help4, body.c1920 div.help4, body.c1930 div.help4, body.c1940 div.help4, body.c1950 div.help4, body.c1960 div.help4, body.c1970 div.help4, body.c1980 div.help4, body.c1990 div.help4, body.c2000 div.help4 {
    background: url(/images/greyhelpboxbottomleft.gif) bottom left no-repeat;
    padding:0;
    }
body.c1910 div.help5, body.c1920 div.help5, body.c1930 div.help5, body.c1940 div.help5, body.c1950 div.help5, body.c1960 div.help5, body.c1970 div.help5, body.c1980 div.help5, body.c1990 div.help5, body.c2000 div.help5 {
    background: url(/images/greyhelpboxrightstrip.gif) top right repeat-y;
    padding:0;
    }
body.c1910 div.help6, body.c1920 div.help6, body.c1930 div.help6, body.c1940 div.help6, body.c1950 div.help6, body.c1960 div.help6, body.c1970 div.help6, body.c1980 div.help6, body.c1990 div.help6, body.c2000 div.help6 {
    background: url(/images/greyhelpboxleftstrip.gif) top left repeat-y;
    float:left;
    width:25%;
    padding:0;
    margin-bottom:1em;
    }
    
body.c1910 #help h2, body.c1920 #help h2, body.c1930 #help h2, body.c1940 #help h2, body.c1950 #help h2, body.c1960 #help h2, body.c1970 #help h2, body.c1980 #help h2, body.c1990 #help h2, body.c2000 #help h2{
    color: black;
    }
    
    /*date strip styles*/

body.c1910 div#datestrip, body.c1920 div#datestrip, body.c1930 div#datestrip, body.c1940 div#datestrip, body.c1950 div#datestrip, body.c1960 div#datestrip, body.c1970 div#datestrip, body.c1980 div#datestrip, body.c1990 div#datestrip, body.c2000 div#datestrip {
    background: url(/images/decadedatebarright.gif) top right no-repeat;
    }
    
body.c1910 div.datestrip2, body.c1920 div.datestrip2, body.c1930 div.datestrip2, body.c1940 div.datestrip2, body.c1950 div.datestrip2, body.c1960 div.datestrip2, body.c1970 div.datestrip2, body.c1980 div.datestrip2, body.c1990 div.datestrip2, body.c2000 div.datestrip2 {
    background: url(/images/decadedatebarleft.gif) top left no-repeat;    
    }

body.c1910 div.datestrip3, body.c1920 div.datestrip3, body.c1930 div.datestrip3, body.c1940 div.datestrip3, body.c1950 div.datestrip3, body.c1960 div.datestrip3, body.c1970 div.datestrip3, body.c1980 div.datestrip3, body.c1990 div.datestrip3, body.c2000 div.datestrip3 {
    background: url(/images/decadedatebarstrip.gif) top left repeat-x;    
    }

    /*background and shadowbox styles*/

        /*1910s*/

body.c1910 {
    background:#eac574 url(/images/1910/1910s_background.jpg) no-repeat top right;
    }
    
body.c1910 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1910 div#hometophalf {
    background: url(/images/1910/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1910 div.hometophalf2 {
   background: url(/images/1910/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1910 div.hometophalf3 {
   background: url(/images/1910/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1910 div.hometophalf4 {
    background: url(/images/1910/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1910 div.hometophalf5 {
    background: url(/images/1910/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1910 div#homebottomhalf {
    background: url(/images/1910/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1910 div.homebottomhalf2 {
    background: url(/images/1910/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1910 div.homebottomhalf3 {
    background: url(/images/1910/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1910 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1910/nfobottomright.gif) bottom right no-repeat;
    }

body.c1910 div.homebottomhalf5 {
    background: url(/images/1910/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1910 div.homebottomhalf6 {
    background: url(/images/1910/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }
    
        /*1920s*/

body.c1920 {
    background:#8FC73E url(/images/1920/1920s_background_image.jpg) no-repeat top right;
    }

body.c1920 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1920 div#hometophalf {
    background: url(/images/1920/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1920 div.hometophalf2 {
   background: url(/images/1920/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1920 div.hometophalf3 {
   background: url(/images/1920/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1920 div.hometophalf4 {
    background: url(/images/1920/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1920 div.hometophalf5 {
    background: url(/images/1920/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1920 div#homebottomhalf {
    background: url(/images/1920/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1920 div.homebottomhalf2 {
    background: url(/images/1920/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1920 div.homebottomhalf3 {
    background: url(/images/1920/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1920 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1920/nfobottomright.gif) bottom right no-repeat;
    }

body.c1920 div.homebottomhalf5 {
    background: url(/images/1920/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1920 div.homebottomhalf6 {
    background: url(/images/1920/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }
    
        /*1930s*/

body.c1930 {
    background:#d3d2bd url(/images/1930/1930s_background.jpg) no-repeat top right;
    }

body.c1930 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1930 div#hometophalf {
    background: url(/images/1930/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1930 div.hometophalf2 {
   background: url(/images/1930/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1930 div.hometophalf3 {
   background: url(/images/1930/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1930 div.hometophalf4 {
    background: url(/images/1930/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1930 div.hometophalf5 {
    background: url(/images/1930/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1930 div#homebottomhalf {
    background: url(/images/1930/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1930 div.homebottomhalf2 {
    background: url(/images/1930/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1930 div.homebottomhalf3 {
    background: url(/images/1930/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1930 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1930/nfobottomright.gif) bottom right no-repeat;
    }

body.c1930 div.homebottomhalf5 {
    background: url(/images/1930/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1930 div.homebottomhalf6 {
    background: url(/images/1930/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }
   
       /*1940s*/

body.c1940 {
    background:#5B3C1D url(/images/1940/1940s_background.jpg) no-repeat top right;
    }

body.c1940 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1940 div#hometophalf {
    background: url(/images/1940/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1940 div.hometophalf2 {
   background: url(/images/1940/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1940 div.hometophalf3 {
   background: url(/images/1940/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1940 div.hometophalf4 {
    background: url(/images/1940/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1940 div.hometophalf5 {
    background: url(/images/1940/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1940 div#homebottomhalf {
    background: url(/images/1940/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1940 div.homebottomhalf2 {
    background: url(/images/1940/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1940 div.homebottomhalf3 {
    background: url(/images/1940/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1940 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1940/nfobottomright.gif) bottom right no-repeat;
    }

body.c1940 div.homebottomhalf5 {
    background: url(/images/1940/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1940 div.homebottomhalf6 {
    background: url(/images/1940/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*1950s*/

body.c1950 {
    background:#bbb9a2 url(/images/1950/1950s_backgroundimage.jpg) no-repeat top right;
    }
body.c1950 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1950 div#hometophalf {
    background: url(/images/1950/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1950 div.hometophalf2 {
   background: url(/images/1950/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1950 div.hometophalf3 {
   background: url(/images/1950/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1950 div.hometophalf4 {
    background: url(/images/1950/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    margin-top:5px;
    }
    
body.c1950 div.hometophalf5 {
    background: url(/images/1950/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1950 div#homebottomhalf {
    background: url(/images/1950/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1950 div.homebottomhalf2 {
    background: url(/images/1950/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1950 div.homebottomhalf3 {
    background: url(/images/1950/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1950 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1950/nfobottomright.gif) bottom right no-repeat;
    }

body.c1950 div.homebottomhalf5 {
    background: url(/images/1950/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1950 div.homebottomhalf6 {
    background: url(/images/1950/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*1960s*/

body.c1960 {
    background:#F8931D url(/images/1960/1960s_background_image.jpg) no-repeat top right;
    }
body.c1960 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1960 div#hometophalf {
    background: url(/images/1960/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1960 div.hometophalf2 {
   background: url(/images/1960/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1960 div.hometophalf3 {
   background: url(/images/1960/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1960 div.hometophalf4 {
    background: url(/images/1960/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1960 div.hometophalf5 {
    background: url(/images/1960/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1960 div#homebottomhalf {
    background: url(/images/1960/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1960 div.homebottomhalf2 {
    background: url(/images/1960/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1960 div.homebottomhalf3 {
    background: url(/images/1960/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1960 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1960/nfobottomright.gif) bottom right no-repeat;
    }

body.c1960 div.homebottomhalf5 {
    background: url(/images/1960/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1960 div.homebottomhalf6 {
    background: url(/images/1960/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*1970s*/

body.c1970 {
    background:#4F1A0A url(/images/1970/1970s_background_image.jpg) no-repeat top right;
    }
body.c1970 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1970 div#hometophalf {
    background: url(/images/1970/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1970 div.hometophalf2 {
   background: url(/images/1970/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1970 div.hometophalf3 {
   background: url(/images/1970/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1970 div.hometophalf4 {
    background: url(/images/1970/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1970 div.hometophalf5 {
    background: url(/images/1970/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1970 div#homebottomhalf {
    background: url(/images/1970/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1970 div.homebottomhalf2 {
    background: url(/images/1970/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1970 div.homebottomhalf3 {
    background: url(/images/1970/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1970 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1970/nfobottomright.gif) bottom right no-repeat;
    }

body.c1970 div.homebottomhalf5 {
    background: url(/images/1970/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1970 div.homebottomhalf6 {
    background: url(/images/1970/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*1980s*/

body.c1980 {
    background:#000000 url(/images/1980/1980s_background.jpg) no-repeat top right;
    }
body.c1980 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1980 div#hometophalf {
    background: url(/images/1980/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1980 div.hometophalf2 {
   background: url(/images/1980/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1980 div.hometophalf3 {
   background: url(/images/1980/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1980 div.hometophalf4 {
    background: url(/images/1980/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1980 div.hometophalf5 {
    background: url(/images/1980/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1980 div#homebottomhalf {
    background: url(/images/1980/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1980 div.homebottomhalf2 {
    background: url(/images/1980/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1980 div.homebottomhalf3 {
    background: url(/images/1980/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1980 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1980/nfobottomright.gif) bottom right no-repeat;
    }

body.c1980 div.homebottomhalf5 {
    background: url(/images/1980/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1980 div.homebottomhalf6 {
    background: url(/images/1980/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*1990s*/

body.c1990 {
    background:#0093B4 url(/images/1990/1990s_background.jpg) no-repeat top right;
    }
body.c1990 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c1990 div#hometophalf {
    background: url(/images/1990/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1990 div.hometophalf2 {
   background: url(/images/1990/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c1990 div.hometophalf3 {
   background: url(/images/1990/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c1990 div.hometophalf4 {
    background: url(/images/1990/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c1990 div.hometophalf5 {
    background: url(/images/1990/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c1990 div#homebottomhalf {
    background: url(/images/1990/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c1990 div.homebottomhalf2 {
    background: url(/images/1990/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c1990 div.homebottomhalf3 {
    background: url(/images/1990/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c1990 div.homebottomhalf4 {
    padding:0;
    background: url(/images/1990/nfobottomright.gif) bottom right no-repeat;
    }

body.c1990 div.homebottomhalf5 {
    background: url(/images/1990/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c1990 div.homebottomhalf6 {
    background: url(/images/1990/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

       /*2000s*/

body.c2000 {
    background:#000000 url(/images/2000/2000_background.jpg) no-repeat top right;
    }
body.c2000 #masthead h1 {
    position:absolute;
    top:25px;
    left:1.5em;
    }
    
body.c2000 div#hometophalf {
    background: url(/images/2000/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c2000 div.hometophalf2 {
   background: url(/images/2000/nfotopright-transparent.gif) top right no-repeat;
    padding:0;
    }
    
body.c2000 div.hometophalf3 {
   background: url(/images/2000/nfobottomleft.gif) bottom left no-repeat;
    padding:0 0 1.5em 0;
    }

body.c2000 div.hometophalf4 {
    background: url(/images/2000/nfobottomright.gif) bottom right no-repeat;
    padding:0;
    }
    
body.c2000 div.hometophalf5 {
    background: url(/images/2000/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    margin-top:5px;
    }

body.c2000 div#homebottomhalf {
    background: url(/images/2000/nfotopleft.gif) top left no-repeat;
    clear:both;
    padding: 1em 2em 1em 1em;
    }
    
body.c2000 div.homebottomhalf2 {
    background: url(/images/2000/nfotopright.gif) top right no-repeat;
    padding:0;
    }
    
body.c2000 div.homebottomhalf3 {
    background: url(/images/2000/nfobottomleft.gif) bottom left no-repeat;
    padding:0;
    }

body.c2000 div.homebottomhalf4 {
    padding:0;
    background: url(/images/2000/nfobottomright.gif) bottom right no-repeat;
    }

body.c2000 div.homebottomhalf5 {
    background: url(/images/2000/nfoleftstrip.gif) bottom left repeat-y;
    padding:0;
    }

body.c2000 div.homebottomhalf6 {
    background: url(/images/2000/nforightstrip.gif) top right repeat-y;
    padding:0;
    margin-top:1em;
    margin-bottom:0;
    }

/*thumbnail styles*/

div#maincontent div.thumbsap-content p {
    font-size:.8em;
    margin:0;
    }
    
div#maincontent_tabs div.thumbsap-content p {
    font-size:.8em;
    margin:0;
    }
    
div.blackbox {
    height:115px;
    width:125px;
    background-color:white;
    }
    
.thumbnail-item {
    position:relative;
    float:left;
    left:100%;
     }
     
#thumbnail1, #thumbnail2, #thumbnail3, #thumbnail4, #thumbnail5, #thumbnail6, #thumbnail7, #thumbnail8, #thumbnail9, #thumbnail10, #thumbnail11, #thumbnail12 {
    margin-left:-100%;
    width:125px;
    }
    
#descriptor1, #descriptor2, #descriptor3, #descriptor4, #descriptor5, #descriptor6, #descriptor7, #descriptor8, #descriptor9, #descriptor10, #descriptor11, #descriptor12 {
    margin-left:-80%;
    width:50%;
    }
    
.results-page-thumbnail-item-itemnumber {
    position:relative;
    float:left;
/*
    left:100%;
    margin-left:-100%;
*/
    width:20px;
     }
    
.results-page-thumbnail-item {
    position:relative;
    float:left;
    left:100%;
    margin-left:-100%;
    width:125px;
     }
    
.results-page-thumbnail-item-descriptor {
    position:relative;
    float:left;
    left:100%;
    margin-left:-80%;
    width:50%;
     }
    
/*LOGIN PAGE*/

div#loginmaincontent {
    padding:1em 1em 0 1em;
    background: url(/images/loginbluetopright.gif) top right no-repeat;
    }
    
div.loginmaincontent2 {
    padding:0;
    background: url(/images/loginbluetopleft.gif) top left no-repeat;
    }
    
div.loginmaincontent3 {
    padding:0;
    background: url(/images/loginbluebottomright.gif) bottom right no-repeat;
    }
    
div.loginmaincontent4 {
    padding:0;
    background: url(/images/loginbluebottomleft.gif) bottom left no-repeat;
    }
    
div.loginmaincontent5 {
    padding:0;
    background: url(/images/loginbluerightstrip.gif) top right repeat-y;
    }
    
div.loginmaincontent6 {
    background: url(/images/loginblueleftstrip.gif) top left repeat-y;
    margin-bottom:1.5em;
    padding:0;
    }

div#servicelogin, div#nonsubscribers {
    padding:1em 1em 1px 1em;
    background: url(/images/whiteonbluetopright.gif) top right no-repeat;
    }
    
div.servicelogin2, div.nonsubscribers2 {
    padding:0;
    background: url(/images/whiteonbluetopleft.gif) top left no-repeat;
    }
    
div.servicelogin3, div.nonsubscribers3 {
    padding:0;
    background: url(/images/whiteonbluebottomright.gif) bottom right no-repeat;
    }
    
div.servicelogin4, div.nonsubscribers4 {
    padding:0;
    background: url(/images/whiteonbluebottomleft.gif) bottom left no-repeat;
    }
    
div.servicelogin5, div.nonsubscribers5 {
    padding:0;
    background: url(/images/whiteonbluerightstrip.gif) top right repeat-y;
    }
    
div.servicelogin6, div.nonsubscribers6 {
    background: url(/images/whiteonblueleftstrip.gif) top left repeat-y;
    margin-bottom:.5em;
    padding:0;
    }
    
/*div#loginmaincontent p, div {
    color:black;
    }*/
    
div#loginmaincontent h2 {
    font-size:1.25em;
    margin-bottom:1em;
    font-weight:bold;
    }

div#loginmaincontent p {
    font-size:.9em;
    margin-bottom:1em;
    }
    
div#loginmaincontent h3 {
    font-size:1em;
    margin-bottom:1em;
    font-weight:bold;
    }

/*EXIT PAGE*/

body.exit div#loginmaincontent {
    padding:1em 1em 1em 1em;
    }

/*Help menu styles*/

div#help ul {
    margin-left:0;
    padding-left:0;
    }
    
div#help ul li {
    margin-left:0;
    padding-left:0;
    list-style-type:none;
    }
    
/*browse subjects styles*/

div.topics {
    width:100%;
    display:block;
    clear:left;
    }
    
div#help div.topics p {
    float:left;
    width:45%;
    font-size:.8em;
    margin-right:5px;
    margin-bottom:0px;
    }

.more-topics {
	margin-bottom:1em;
}
    
/*advanced search styles*/

form#advanced-search-form {
    /*position:relative;*/
    }

.advanced-item {
  position: relative;
  float: left;
  left: 100%;
}

#item1, #item3, #item5 {
  margin-left: -100%;
  width: 10%;
}

#item2, #item4, #item6 {
  margin-left: -90%;
  width: 90%;
}

#item7 {
    margin-left:-100%;
    width:25%;
    }

#item8 {
    margin-left:-50%;
    width:50%;
    }

div.advanced-sap-content {
    font-size:.9em;
    }

form#advanced-search-form p.heading {
    margin-top:2em;
    }
    
form#advanced-search-form p {
    font-size:.9em;
    }
    
form#advanced-search-form li {
    font-size:.8em;
    }
    
div.collectionlist {
    float:left;
    width:30%;
    padding-bottom:10px;
    }

div.collectionlist ul {
    margin-left:0;
    padding-left:0;
    }
    
div.collectionlist ul li {
    margin-left:0;
    padding-left:0;
    list-style-type:none;
    }
    

/*Search History styles*/
    
#maincontent table th, #maincontent table td {
    text-align:center;
    padding-right:20px;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    }
    
#maincontent_tabs table th, #maincontent_tabs table td {
    text-align:center;
    padding-right:20px;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    }
    
#maincontent table th {
    border-bottom: 1px black solid;
    padding-bottom:5px;
    }
    
#maincontent_tabs table th {
    border-bottom: 1px black solid;
    padding-bottom:5px;
    }
    
#maincontent table td {
    padding-top:10px;
    }
    
#maincontent_tabs table td {
    padding-top:10px;
    }


/*Script record page*/

div.results div.formline {
    border-bottom: 1px black solid;
    }
    
div#maincontent div.scriptitem div.script-sap-content p {
    font-size:.8em;
    }
    
div#maincontent_tabs div.scriptitem div.script-sap-content p {
    font-size:.8em;
    }
    
.scriptitem {
    position: relative;
    float: left;
    left: 100%;
    }

#scriptitem1 {
    margin-left: -100%;
    width: 20%;
    }
    
 #scriptitem2 {
    margin-left: -83%;
    width: 20%;
    }

 #scriptitem3 {
    margin-left: -70%;
    width: 40%;
    }

#scriptitem4 {
    margin-left: -25%;
    width: 25%;
    }

 /*Full record page*/
 
div#maincontent div.record-data p {
    margin:0;
    }
    
div#maincontent_tabs div.record-data p {
    margin:0;
    }
    
#scriptitem5 {
    margin-left: -100%;
    width: 20%;
    font-size:.9em;
    }
    
#scriptitem6 {
    margin-left: -72%;
    width: 35%;
    font-size:.8em;
    }

#scriptitem7 {
    margin-left: -35%;
    width: 35%;
    font-size:.8em;
    }
    
.downloadbuttonWM {
    position: relative;
    float: left;
    left: 100%;
    margin-left: -72%;
    width: 35%;
    font-size:.8em;
    }
    
.downloadbuttonQT {
    position: relative;
    float: left;
    left: 100%;
    margin-left: -35%;
    width: 35%;
    font-size:.8em;
    }
    
.download-sap-content {
    background: url(/images/blacklinetopright.gif) top right no-repeat;
    padding:15px 15px 5px 5px;
    }
    
.download-sap-content2 {
    background: url(/images/blacklinetopleft.gif) top left no-repeat;
    padding:0;
    }
        
.download-sap-content3 {
    background: url(/images/blacklinebottomright.gif) bottom right no-repeat;
    padding:0;
    }

.download-sap-content4 {
    background: url(/images/blacklinebottomleft.gif) bottom left no-repeat;
    padding:0;
    }
    
.download-sap-content5 {
    background: url(/images/blacklinerightstrip.gif) top right repeat-y;
    padding:0;
    }

.download-sap-content6 {
    background: url(/images/blacklineleftstrip.gif) top left repeat-y;
    padding:0;
    }
    
#maincontent .scriptitem a:link, #maincontent .scriptitem a:visited {
    text-decoration:none;
    }
    
#maincontent_tabs .scriptitem a:link, #maincontent_tabs .scriptitem a:visited {
    text-decoration:none;
    }
    
div.full-record-thumbnail {
    width:121px;
    height:97px;
    background-color:black;
    float:left;
    margin:0 10px 10px 0;
    }
    
div.full-record-thumbnail-break {
    width:0px;
    height:97px;
    background-color:white;
    float:left;
    margin:0 0px 0px 0;
    }
    
div#player {
    float:left;
    width:25%;
    min-width:240px;
    padding:0;
    font-size:.9em;
    }
    
div#videoarea {
    background-color:white;
    height:200px;
    width:240px;
    }
    
div#player .download-sap-content6 {
    width:240px;
    font-size:.7em;
    margin-top:10px;
    }
    
div#player .download-sap-content a, div#player p a {
    text-decoration:none;
    }

div#player .download-sap-content {
    padding-bottom:15px;
    }

div#player div#loggedout {
    width:240px;
    font-size:.8em;
    margin-top:10px;
    }
    
div#player div.help6 {
    margin-top:10px;
    width:100%;
    min-width:240px;
    /*font-size:.9em;*/
    float:none;
    }
    
div#player p.bigleftbutton {
    text-align:right;
    line-height:1.5em;
    }

/*Results pages*/

#itemnumber1, #itemnumber2, #itemnumber3, #itemnumber4, #itemnumber5, #itemnumber6, #itemnumber7, #itemnumber8, #itemnumber9, #itemnumber10, #itemnumber11, #itemnumber12 {
    margin-left:-100%;
    width:20px;
    }

div#results-list #thumbnail1, div#results-list #thumbnail2, div#results-list #thumbnail3, div#results-list #thumbnail4, div#results-list #thumbnail5, div#results-list #thumbnail6, div#results-list #thumbnail7, div#results-list #thumbnail8, div#results-list #thumbnail9, div#results-list #thumbnail10, div#results-list #thumbnail11, div#results-list #thumbnail12 {
    margin-left:-95%;
    width:125px;
    }
    
div#results-list #descriptor1, div#results-list #descriptor2, div#results-list #descriptor3, div#results-list #descriptor4, div#results-list #descriptor5, div#results-list #descriptor6, div#results-list #descriptor7, div#results-list #descriptor8, div#results-list #descriptor9, div#results-list #descriptor10, div#results-list #descriptor11, div#results-list #descriptor12 {
    margin-left:-75%;
    width:60%;
    }

    
div#hits-list {
    font-size:.9em;
    }

div.collection-hits {
    border-top:1px solid black;
    margin-top:.2em;
    padding-top:.2em;
    }
    
div.collection-name {
    float:left;
    width:75%;
    }
    
div.hit-number p {
    text-align:right;
    }