/* These are the HTML tags re-defined */

body {
	text-align:center;
	background-color:#2D3037;
		}

h1 {
		font:Verdana, Geneva, sans-serif;
		color: #331b61;
		text-align:left;
		font-size:20px;
		background-color:#94C2C5;
		}	

h3 {
		font:Verdana, Geneva, sans-serif;
		padding-top:15px;		
		text-align:left;
		font-size:15px;
		color: #331b61;
		}		

/* frame for navigation buttons */
#navbox1 {
	width:100%;
	text-align:center;
	margin: 0 auto;
	color:#000000;
	background-color:#2D3037;
}

#diaryframe {
	background-color:#2D3037;
	color:#000;
	width:50%;
	margin: 0 auto;
}

#dateframe {
	background-color:#2D3037;
	color:#94C2C5;
	width:auto;
}

#footerframe {
		width:100%;
		margin-right:5px;
		margin-top:5px;
		height:auto;
		padding:0px;
		float:left;
		color:#94C2C5;
		color:#000;
		text-align:center;
		}


#content {
		width:100%;
		margin-right:15px;
		margin-left:15px;
		height:auto;
		padding:0px;
		float:left;
		background-color:#94C2C5;
		color:#000;
		text-align:justify;
		}

#imageboxright1 {
	width:220px;
	height:220px;
	float:right;
	margin-bottom:5px;
	margin-left:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

#imageboxleft1 {
	width:220px;
	height:220px;
	float:left;
	margin-bottom:5px;
	margin-right:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

#imageboxright2 {
	width:220px;
	height:220px;
	float:right;
	margin-bottom:5px;
	margin-left:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

#imageboxleft2 {
	width:220px;
	height:220px;
	float:left;
	margin-bottom:5px;
	margin-right:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

#imageboxleft3 {
	width:220px;
	height:220px;
	float:left;
	margin-bottom:5px;
	margin-right:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

.topheader {
		font:Verdana, Geneva, sans-serif;
		color: #331b61;
		text-align:left;
		font-size:20px;
		background-color:#94C2C5;
		margin-left:15px;
		}	

.topheader2 {
		font:Verdana, Geneva, sans-serif;
		color: #331b61;
		text-align:left;
		font-size:18px;
		background-color:#94C2C5;
		margin-left:15px;
}

.dateheader {
	color:#94C2C5;
	text-align:left;
	font-size:18px;
	margin-left:15px;
}
.bottomtable {
	margin: 0 auto;
	padding-top:5px;
	width:98%;
	background-color:#ccc;
	color:#99CC33;
	border-collapse:collapse;
	text-align:center;
}

.bottomtableref {
	width:24%;
	height:auto;
	margin:0;
	padding-left:0;
	padding-right:0;
	padding-top:2px;	
	padding-bottom:2px;	
	text-align:center;
	vertical-align:bottom;
	border:solid 1px;
	border-color:#eee;
	color:#000000;
}

.tablename {
	width:24%;
	height:auto;
	margin:0;
	padding:0;
	font-size:0.6em;
	text-align:center;
	vertical-align:top;
	border:solid 1px;
	border-color:#eee;
	color:#000000;
}

.articletext {
	font-size:0.9em;
	text-align:justify;
	padding-left:10px;
	margin-right:10px;
}

.shout {
	font-size:1.0em;
	font-style:italic;
	text-align:left;
	padding-left:10px;
	margin-right:10px;
	color:#000000;
}



.articletext em{
	color:#0033CC;
}

.hscaption em {
	color:#0033CC;
}

.footer {
	text-align:left;
	font-size:0.8em;
	line-height:100%;
}

.imageprop {
	border-color:#000000;
	border: solid 5px;
	font-size:0.5em;
}

.imageboxleft {
	width:220px;
	height:220px;
	float:left;
	margin-bottom:5px;
	margin-right:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

.imageboxright {
	width:220px;
	height:220px;
	float:right;
	margin-bottom:5px;
	margin-left:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}
.imageboxleft em {
	display:block;
}

.imageboxright em {
	display:block;
}

.imagetextleft {
	font-size:0.8em;
}

.copyright {
	font-size:0.5em;
	color:#990000;
	text-align:center;
}


.italian {
	color:#FF0000;
}

.british {
	color:#006633;
}

/* formatting for the active table cell that contains navigation between pages */
.back1 {
	width:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:600;
	background-color:#CCCCFF;
	border-width:3px;
	border-style:outset;
	color:#fff;
}

/* light green for link exists but not yet visited second set of link colours*/
.prevnext a:link {color:black; text-decoration: none; background-color: transparent; }

/* dark blue for link visited*/
.prevnext a:visited {color:#CCCCFF; text-decoration: none; background-color: transparent; }

/* yellow when mouse hovers over link*/
.prevnext a:hover {color:#CCCCFF; text-decoration: none; background-color: transparent; }

/* white during click or if it stays active as in wretched IE6*/
.prevnext a:active {color:yellow;  text-decoration: none; background-color: transparent; }