/* ---- colours ----

#940b0a			deep red		main body bgrd colour


*/

/* ---- layout ----

975px			#wrapOne / #wrapTwo width



/* ---- Reset ---- */

*, .x { 
	border: 0; 
	font-size: 100%; 
	font-style: inherit; 
	font-weight: inherit; 
	outline: 0; 
	padding: 0; 
	margin: 0;  
}

/* --------------------------------- */
/* SITE-WIDE TAGS                    */
/* --------------------------------- */

body 
{
	font-family: Tahoma, Helvetica, sans-serif;
    font-size: 0.75em;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: ;
    font-weight: bold;
    margin-bottom: 10px;
}

h3, h4, h5, h6 {
	margin-top: 10px;
}

h1 { font-size: 2em; }
h2 { font-size: 1.6em; 
color: #00AEEF;
}
h3 { font-size: 1.4em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.6em; }

a { color: #3C2415 ; text-decoration: underline;  }
a:hover { color:#F15A29 ;  }

p {
    line-height: 150%;
    padding: 0 0 1em 0;
}

b, strong { font-weight: bold; }
em, i { font-style: italic; }

ul, ol {
    line-height: 150%;
    margin-bottom: 1em;
    padding-left: 2em;
}

ul li, ol li { padding-bottom: 0.5em; }

img { border: 0; }

td { vertical-align: top; }



/* ------------------------- */
/* SECTION TAGS              */
/* ------------------------- */


#content p {
	color: #666; 
}

#footer p { 
	color: #FFF;
	padding-bottom: 1.2em;
}


/* ------------------------- */
/* LAYOUT                    */
/* ------------------------- */

#topHeader {
	margin: 0.8em 0;
}

#wrapper { 
	margin: 0 auto;
	width: 975px; /* set width needed - then set widths of #nav, #content and #sideNav below to fit */
	background: #EDFCF8; 
}

	#wrapMainArea {
	
	}

		#header {
			background: url("/journal/sltr/popsHeader.png") top left no-repeat transparent; /* replace with image */
			height: 170px;
			position: relative;
		}
		
			#logo {
				
			}
				
				#logo h1 {
					font-size: 2.3em;
					color: #93D6E5;
					font-weight: normal;
					left: 60px;
					right: 450px;
					position: absolute;
					top: 30px;
					 
				}
			
		#breadcrumbNav {
			color: #CCC;
			background: #1A2626;
			font-size: 1.1em;
			padding: 0.8em 0;
		}
		
			#breadcrumbNav ul {
				margin-bottom: 0;
				padding-left: 0;
			}
		
				#breadcrumbNav ul li {
					background: url("/journal/sltr/breadcrumbNavSeparator.png") top right no-repeat transparent; /* Make a seperator image for this - the two slashes (transparent bgrd png) */
					display: inline;
					list-style: none;
					padding-left: 15px;
					padding-right: 25px;
				}
		
					#breadcrumbNav ul li a {
					color: #fff;
					text-decoration: none;
					}
					
					#breadcrumbNav ul li a:hover { color:#F15A29 ;  
					}
			
		
		#mainArea {
/* ie fix */ zoom:1;

			border-left: 1px solid #000;
			border-right: 1px solid #000;
		}
		
			#mainArea .column {
				float: left;
				color: #666;
				padding-top: 40px;
			}
		
			#mainArea .last {
				border-right: none;
			}
		
			#nav {
				padding: 0 0.8em 0 20px;
				width: 170px;
			}
			
				#nav ul {
					margin-bottom: 0;
					padding-left: 0;
					padding-bottom: 0;
				}
				
					#nav ul li {
						list-style: none;
						margin-bottom: 0.3em;
						padding-bottom: 0;
					}
					
						#nav ul li a {
							text-decoration: none;
							
						}
						#nav ul li a:hover {
							color: ;
						}
			
						#nav ul li ul {
							padding-left: 1em;
						}
						
							#nav ul li ul li {
								
							}
						
								#nav ul li ul li a {
									
								}
						
								#nav ul li ul li a:hover {
									
								}
			
			
			#content {
				border-left: 1px solid grey;
				border-right: 1px solid grey;
				width: 585px;
			}
		
				#content #contentHead {
					border-bottom: 1px solid grey;
					padding: 0 0.8em 2em;
				}
		
					#content #contentHead h2 {
						color: ;
					}
					
				#content #contentBody {
					padding: 1em 0.8em 2em;
				}
		
					#content #contentBody h3 {
						font-size: 1em;
					}
		
					#content #contentBody p.attrib {
						font-size: 1.1em;
					}
		
					#content #contentBody p {
						font-size: 1em;
					}
					
				#content #contentLinks {
					padding: 0 0.8em 4em;
				}
					
					#content #contentLinks a {
						color: ;
						display: block;
						float: left;
						text-decoration: underline;
						width: 49%;
					}
			
					#content #contentLinks a:hover {
						
					}
			
			#sideNav {
				width: 186px;
			}
			
				#sideNav .sideSection {
					padding: 0 0.8em 1em;
				}
			
				#sideNav h4 {
					color: ;
					text-transform: uppercase;
				}
				
				#sideNav ul {
						
					}
				
					#sideNav ul li {
						
					}
				
						#sideNav ul a {
							text-decoration: none;
						}
			
						#sideNav ul a:hover {
							
						}
				
				#sideNav #search {
					
				}
				
					#sideNav #search h4 {
						margin-top: 0.5em;
					}
				
					#sideNav #search input, #sideNav #search select {
						border: 1px solid #333;
					}
				
					#sideNav #search input[type=text]{
						
					}
				
					#sideNav #search input[type=submit] {
						
					}
				
					#sideNav #search label {
						display: block;
						float: left;
					}
				
					#sideNav #search select {
						float: left;
					}
				
				#sideNav #browseBy {
					border-bottom: 1px solid grey;
				}
				
				#sideNav #resources {
					
				}
				
	

		#footer {
			background: #1A2626;
			font-size: 1.1em;
			padding: 1em 0 5em 220px; /* last figure (left padding) = width of #nav + left padding on it */
		}
		
			#footer .col { 
				border-right: 1px solid #FFF;
				float: left;
				height: 185px;
				margin-right: 1.5em;
				padding-right: 2em;
			}

			#footer .last { 
				border-right: none;
			}

			#footer h4 { 
				color: #FFF;
				padding-bottom: 1.2em;
			}

			#footer ul { 
				border-right: none;
				padding-left: 0;
			}

				#footer ul li { 
					list-style: none;
				}

					#footer ul li a { 
						color: #FFF;
					}
			
			

/* ------------------------- */
/* GLOBAL CLASSES            */
/* ------------------------- */


div.clear { clear: both; line-height: 0; height: 0px; font-size:0; overflow: hidden; }

.hoverNav {
	margin-bottom: 0;
}
	.hoverNav li {
	}
		.hoverNav li ul {
			display: none;
			margin: 0.4em 0;
			padding-left: 1em;
		}
			.hoverNav li ul li {
				padding-bottom: 0;
			}




/* ------------------------- */
/* PAGES                     */
/* ------------------------- */

	
	/* ------------------------- */
	/* ALL PAGES                 */
	


	/* ------------------------- */
	/* HOME                      */



	/* FOR VOLUMES AND ARCHIVES  */		
				
	.list  {
					border-top: 1px solid grey;
					padding: 0 0 3em 0;
					width: 565px;
					}
		
					.list  h3 {
						font-size: 1em;
					}
		
					.list  p.attrib {
						font-size: 1em;
					}
		
					.list  p {
						font-size: 1em;
					}
			
					
					.list a {
						color: ;
						display: block;
						float: left;
						text-decoration: underline;
						padding: 0 4em 0 0;
					}
			
					.list a:hover {
						
					}
					
					
					
	.archiveitem {
				border-bottom: 1px solid grey;
				padding: 0 0 3em 0;
				width: 565px;
		
					}
		
					.archiveitem  h3 {
						font-size: 1em;
					}
		
					.archiveitem  p.attrib {
						font-size: 1em;
					}
		
					.archiveitem  p {
						font-size: 1em;
					}
								
					.archiveitem a {
						color: ;
						display: block;
						float: left;
						text-decoration: none;
						padding: 0 0 0 0;
					}
			
					.archiveitem a:hover {
						
					}
					.archiveitem li {
						line-height:2em;

					
					}
					
					
/* FOR OPTIONAL MODULAR PAGE LAYOUT */		

	.centreOne  {
				float: left;
				color: #666;
				width: 170px;
				padding: 1em 1em 1em 0 ;
			}
		
			.centreOne .last {
				border-right: none;
			}			
					
			.centreOne p {
						font-size: 1em;
					}
					
					
	.centreTwo  {
				float: left;
				color: #666;
				width: 170px;
				padding: 1em 1em 1em 0 ;
				margin-right: 1em;
			}
		
			.centreTwo .last {
				border-right: none;
			}			
					
			.centreTwo p {
						font-size: 1em;
					}			
				
					
	.centreThree  {
				border-right: 1px solid #666;
				float: left;
				color: #666;
				width: 165px;
				padding: 1em 1em 1em 0 ;
				margin-right: 1em;
			}
		
			.centreThree .last {
				border-right: none;
			}			
					
			.centreThree p {
						font-size: 1em;
					}
					
	.centreFour  {
				border-right: 1px solid #666;
				float: left;
				color: #666;
				width: 125px;
				padding: 1em 1em 1em 0 ;
				margin-right: 1em;
			}
				
					
			.centreFour  p {
						font-size: 1em;
					}

			.centreFour  img {
						align: centre;
					}

			

/* LINKING TO ARTICLE AND ABSTRACT FILES */		

	.linkage {
					padding: 0 0 1em 0;
				}
					
					.linkage a {
						color: ;
						display: block;
						float: left;
						text-decoration: underline;
						width: 25%;
					}
			
					.linkage a:hover {
						
/* MISCL */	
}

	.imgoption {
					margin: 0 1em 1em 1em;
				}
				
	.centreRow1  {
				float: left;
				border-top: 1px solid #666;
				width: 565px;
				padding: 0 0 0 0 ;
	}
	
	.centreRow2  {
				float: left;
				border-top: 1px solid #666;
				width: 565px;
				margin: 1em 0 1em 0 ;
	}