/*
	CHILDHOODS TODAY STYLESHEET
	T.Wiltshire Sept 2006
*/
body {
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	/*background: url("../graphics/bgnd.gif"); repeat-y center left;*/
	color: #111111;
	font-family: "Helvetica", Arial, sans-serif;
}

.page {
	width: 80%;
	margin: 0 8%;
	padding: 0 2%;
	padding-top: 12px;
	background-color: #F8F8F8;
}


h1.title {
	clear: right;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1.title span {
	display: none;
}

p.title {
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}

.topbar {
/*	background: #23FFFF;*/
}

.issn {
	color: #666666;
	float: right;
	margin: 0;
}

.leftbar {
	width: 20%;
	float: left;
}


.leftbar .menu {
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.leftbar .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftbar .menu ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

.leftbar .menu a, .menu a:visited {
	display: block;
	background: #000099;
	border: 2px solid #999999;
	margin: 4px 0;
	padding: 2px;
	letter-spacing: 0.2em;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.menu a:hover {
	background-color: #999999;
	color: #FFFFFF;
}

.content {
	margin-left: 22%;
	margin-bottom: 50px;
}
	
.footer {
	clear: both;
	padding: 0 30px 20px 30px;
	font-size: 10px;
}

.footer p {
	text-align: center;
}

.footer p a {
	color: #000099;
}

.footer p img {
	vertical-align: middle;
	border: none;
}

.footerleft {
	float: left;
	margin: 0;
	margin-right: 10px;
}

.footerright {
	float: right;
}

.websitecredit {

}

div.pictureportrait, div.picturelandscape {
	float: right;
	padding: 2px;
	margin-left: 20px;
	background: #F8F8F8;
	border: 2px solid #000099;
}

div.picturelandscape {	width: 40%;	}

div.pictureportrait {		width: 25%;	}


div.pictureportrait img, div.picturelandscape img {
	margin: 0;
	padding: 0;
	width: 100%;
}

div.content p {
	width: 100%;
}

div.content li {
	margin: 6px 0px;
}

div.commentbox {
	border: 2px solid #000099;
	padding: 0 20px;
	margin: 10px;
}

div.bio {
/* This is the show/hide biographies on the board members page */
	border: 2px solid #000099;
	padding: 10px;
	margin: 10px;
	display: none;	/* Bios start off hidden */
}

span.click {
	color: #000099;
	text-decoration: underline;
}

div.errordisplay {
/* This only appears on the error page */
	margin: 20px 20%;
	padding: 10px;
	border: 4px solid black;
	background-color: #FFFF00;
	text-align: center;
}


br.spacer {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Article styles */

.authors, .issue {
	font-style: italic;
	font-size: 11pt;
}

.abstract {
}

p.reference {
	padding-left: 12px;
	font-size: 11pt;
}

/* Open access policy box*/
div.openaccess {
	background: url("../graphics/free.gif") no-repeat top left;
	border: none;
	padding: 5px;
	padding-left: 85px;
	font-size: 80%;
}

/* £100 Prize for best article box*/
div.prize {
	background: url("../graphics/prize.gif") no-repeat top left;
	border: none;
	padding: 5px;
	padding-left: 85px;
	font-size: 80%;
}

/*	Contact form	 */
form {
	border: 2px solid #000099;
	padding: 10px;
	font-style: italic;
}

form.publicform {
	border: none;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

label {
	display: block;
	margin: 5px 0;
}

.search input {
	width: 96%;
}

textarea {
	width: 96%;
}

.error {
	font-weight: bold;
	color: #CC0000;
}

label.error {
	border: 2px solid #CC0000;
	padding: 4px;
	margin: 4px 0;
}

label span, label.error span {
	width: 16%;
	float: left;
	vertical-align: top;
	padding-right: 5px;
}

/* Download box */

.download {
	float: right;
	border: 2px solid #000099;
	width: 25%;
	padding: 0px;
	margin: 8px;
	margin-right: 0;
	margin-top: 0;
}

.download h5 {
	background-color: #000099;
	color: #FFFFFF;
	margin: 0;
	padding: 4px;
}

.download p {
	font-size: 11pt;
	text-align: center;
}

.download a, .download a:hover {
	margin: 4px;
	text-decoration: none;
	color: #000099;
}

/*	Admin styles	*/
table.adminlist, .searchlist {
	font-size: 75%;
	width: 100%;
}

.adminlist td {
	padding: 0 4px;
	margin: 0;
}

.even {
	background-color: #CCCCEE;
}

table.graph {
	/* Statistics graph styles */
	font-size: 75%;
}

table.graph td {
	margin: 0;
	padding: 0;
}

/* Temporary under construction notice */
div.underconstruction {
	background-color: #999999;
	margin: 8px 15%;
	padding: 16px 16px;
	border: 2px solid 	#000099;;
	z-index: 999;
}

div.underconstruction p {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
}

blockquote {
	font-style: italic;
	color: #333333;
	font-size: -1;
	margin-left: 16px;
}