* html,body {
		margin:0;
		padding:0;
		/*height: 100%;*/
		overflow: auto;
	}
	
body {
		font: 76% arial,sans-serif;
		color: #c0ba90;
		background-color: #111;
		font-family: verdana, arial, helvetica, sans-serif;
		padding: 50px 50px 50px 275px;
/* padding for the body element in the Big Photo Display pages is rewritten in the html body tag*/
	}

/* Text effects */
em {font-style: italic}
strong {font-weight: bold}
.newname {color: #fff;}	
.emaillink { text-align: center; } /*the link to my email address*/


/* Tables */
th {
	font-weight:bold;
	text-align: left;
	font-size: 1.1em;
	}
td {
	font-weight:normal;
	text-align: left;
	font-size: 1.0em;
	}

/* Paragraphs */
p {
	margin:0 10px 10px;
	text-align: justify;
	font-size: 1em;
	padding: 5px 0 0 0;
	margin: 0;
	clear: left; /*NEW*/
	}
	
p.handwriting {
	font-size: 1.2em;
	line-height: 1.4em;
	clear: left; /*NEW*/
	font-family: georgia, serif;
	font-style: italic;
	}

p.permalink {
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: right;
	}

blockquote {
	margin: 15px;
	padding: 5px;
	font-size: 1.2em;
	width: 80%;
	font-style: italic;
	}

/* Lists */	
ul { 
	
	}

li {
	padding-bottom: 1em;
	}	

h3.recent a {padding:1px;}


/*Peach------------------------------------------------------------------*/
/* Pictures in the news content */
	
div.contentpic {
	float: left;
	text-align: left;
	text-indent: 0;
	margin: 0;
	padding: 10px 10px 5px 0px;	/*the div floats left, so we align it with the paragraphs*/
	border: 0;/*taken care of in the link style*/
	width: 202px;/*width is the width of the CONTENT only (ie no padding, borders or margins)*/
				/*pic is 200px, its border is 1 each side width is therefore 200+1+1*/
	}


.contentpic p {
	padding: 0.25em 0 0 0;
	margin: 0;
	font-size: 0.8em;
	text-align: justify;
	}

div.bigcontentpic {
	float: left;
	text-align: left;
	text-indent: 0;
	margin: 0;
	padding: 10px 10px 5px 0px;	/*the div floats left, so we align it with the paragraphs*/
	border: 0;/*taken care of in the link style*/
	width: 302px;/*width is the width of the CONTENT only (ie no padding, borders or margins)*/
				/*pic is 200px, its border is 1 each side width is therefore 200+1+1*/
	}

.bigcontentpic p {
	padding: 0.25em 0 0 0;
	margin: 0;
	font-size: 0.8em;
	text-align: justify;
	}


/* Link colours and styles*/	
a {
	display:block;
	color: #FF7F24;
	padding:10px;
	display: inline;
	padding: 0;
	}

a:link {				
	color: #FF7F24;			
	text-decoration: none;			
	}	
	
a:visited {					
	color: #D2691E;		
	text-decoration: none;					
	}
	
a:hover {					
	color: #EEAD0E;		
	text-decoration: underline;						
	}
	
a.hiddenlink:link  {
	color: #c0ba90;
	text-decoration: none;
	cursor: text;
	}
a.hiddenlink:visited  {
	color:#c0ba90;
	text-decoration: none;
	cursor: text;
	}
a.hiddenlink:hover  {
	color: #c0ba90;
	text-decoration: none;
	cursor: text;
	}	
	
/* Image link colours and styles */	
a img {					
	border: 1px;
	border-color: #8B6508;	
	border-style: solid;		
	}
	
a:hover img {				
	border: 1px;
	border-color: #EEAD0E;	
	border-style: solid;		
	}					
	

/* Headings */
/*All headings and paragraphs are separated from each other by top padding*/	
h1 {	
	font-size: 1.3em;
	margin: 0;
	color: #FFD700;		
	}
	
h2 {						
	font-size: 1.2em;
/*	line-height: 1.8em;*/
	padding: 15px 0 0 0;
	margin: 0;
	color: #FFD700;	
	}	

#content h2 {
	/*text-align: center;*/
	padding: 10px 0 0 0; 

	}

h3 {						
	color: #CDAD00; 	        
		font-size: 1.1em;
	/*	line-height: 1.7em;*/
		padding: 2.5em 0 0 0;
		margin: 0;
		clear: left; 
	}
h3 a {						
	color: #CDAD00; 	        
		font-size: 1em;
	/*	line-height: 1.7em;*/
		padding: 2.5em 0 0 0;
		margin: 0;
		clear: left; 
	}
h3 a:hover {
	color: #CDAD00;		
	text-decoration: none;	
	}
	
h4 {						
		font-size: 1.0em;
	/*	line-height: 1.7em;*/
		padding: 10px 0 0 0;
		margin: 0;
		clear: left; 
		color: #DAA520; 	        
		font-weight: normal;	        
	}				        

div#container {
/*border: white solid 1px;*/
max-width: 100%;
min-width: 560px;
margin-left:auto;
margin-right:auto;
}

/* The gallery pages have no max and min width and the h2 goes in the top middle */
div#gcontainer { }
div#gcontainer div#header h2 { 
	text-align: center;
	padding-top: 2em;
	}

/* The Header DIV */		
div#header {
		/*position:relative;*/
		height:100px;
		/*margin: -10px -10px 0 -10px;*/
		background: #000;
		color: #79B30B;
		background-image: url(../images/titlegold.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll; /* fixed | scroll */
		border-width: 1px 1px 0px 1px;
		border-color: #8B6508;;
		border-style: dashed;	
		/*border: none;*/
	}					       
						
div#header h1 {
		height:80px;
		line-height:80px;
		margin:0;
		padding-left:10px;
		background: #EEE;
		color: #79B30B;
		display: none;
		}

/* Deletable? 
div#header a {
		position:absolute;
		right:0;
		top:23px;
		}*/

div#content p {line-height:1.4;}

/* The Navigation DIV */		
div#navigation {
		background:#B9CAFF;
		background: #111; 
		font-size: 80%;
		border: none; 
		padding: 10px;
		padding-top: 0px;
		border-width: 1px 0px 0px 0px;
		border-color: #8B6508;
		border-style: dashed;
		border: none;
position:fixed;
top: 50px;
left: 35px;
		}
/* Stupid IE6*/
* html div#navigation {position:absolute;}

		
div#content dt { font-weight: bold;}
div#content dd { padding-top: 0.2em;
padding-bottom: 0.8em;}

/* This separates the different things in the menu div
(ie the random pic, the menu, the links */
div.divider {
	/*clear: both;*/
	border-top: 1px;
	height: 1px;
	/**/margin: 15px 0 15px 0;
		border-top-style: dashed;
	border-top-color: #694306;
/* This stops ie from being a jerk and making the div too high */
	font-size: 0em;
	}
	
div#navigation ul {
	border: 0;
	list-style: none;
	text-indent: 0;
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	}	

div#navigation li {
	padding-bottom: 0;
	}	
	
/* (Random) Pictures and their comments and titles in the menu div */
	
div.menupic {
	border: 0;/*1px white solid;*/
	width: 202px;/*The width of the picture plus its border (this keeps the text aligned with the picture) */
	margin: 0 auto 0px auto;/**/
	/* padding: 0 9px 0 9px;*/ /*this centres the content of the div within the menu*/
	}

div.menupic h2 {
	text-align: center;/*keeps the title of the menupic centred*/
	padding-bottom: 0.25em;/*a small gap between the heading and the picture*/
	padding-top: 0;
	}	
	
div#extra {
		background:#FF8539;
		display: none;
		}

div#footer {
	background: #333;
	color: #FFF;
	background: #111;
	}

div#footer p {
		margin:0;
		padding:5px 10px;
		}

div#footer a {
		display:inline;
		padding:0;/*color: #C6D5FD;*/
		}

/* The Content DIV */
div#content {
		padding: 10px;
		margin-left:0px;
		border-width: 1px;
		border-color: #8B6508;
		border-style: dashed;
		background-color: #000;
border-top: none;
	}
/* The Holly Hack: it counteracts the peekaboo bug in IE6 */
/* Hides from IE5-mac \*/
 * html #content {height: 1%;} 
/* End hide from IE5-mac */

div#content h1 { display: none; }

/* The Navigation DIV again*/
div#navigation{
	float:right;/*width:200px;*/
	width:218px;
	}

/* The extra DIV is not used right now - and probably won't ever be */
div#extra {
	float:right;
	clear:right;/*width:200px;*/
	width:218px;
	}

div#footer {
	clear:both;
	width:100%;
/*border: gray 1px solid;*/
	}

div#footer p {
text-align: right;
}

/*Cloudberry------------------------------------------------------------------*/
/* The oldmenu div (list of links to old articles) */
	
.oldmenu  {	
	border: 1px; 
	margin-top: 20px;
	padding: 0.5em;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	}
/*.oldmenu h3 {
	padding-top: 0px;
	}*/
.oldmenu p {
	font-size: 0.9em;
	padding: 5px 0 5px 0;
	}
.oldmenu ul { 
	padding: 0px;
	margin: 0px;
	}
.oldmenu li { 
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	/*width: 8em;
	line-height: 1.5em;
	text-align: left;*/
	/*float: left;*/
	}
.oldmenu a { 
	display: block;
	float: left;
	width: 8em;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
	text-align: left;
	}

.oldmenu h4 {	
	padding: 0px;
	margin: 4px 0px 6px 0px;
	}
	
/*.oldmenu a { 
	padding: 0;
   	margin: 6px;
	display: inline;
	text-align: center;
	border: 0px;
	width: 6em;
	}*/

.oldmenu a:hover { 

	}

.oldmenu .here a:visited { 
	}
	
.oldmenu {	
		font-family: verdana, arial, helvetica, sans-serif;
		border-color: #650500;
		border-style: dashed;
		background-color: #100;
		/* IE puts the heading behind the background colour of this div 
		somehow this hack works but not if I use the * html trick
		FF ignores this for some reason too
		*/
		/*background-color: none;*/
	}
/* The Holly Hack: it counteracts the peekaboo bug in IE6 */
/* Hides from IE5-mac \*/
 * html .oldmenu {height: 1%;} 
/* End hide from IE5-mac */

	
.oldmenu a:visited { 
	font-style: italic;
	color: #8B6508;
	/*background-color: none;*/
	}

.oldmenu .here a:visited { 
	font-weight: normal;
 	font-style: normal;
	text-decoration: none;
	color: #c0ba90;
	}
	
#oldnav {
	list-style: none;
	padding: 0px 0px;
	margin: 10px 0px;
	/*clear: left;*/
	text-align: center;
	}

#oldnav li {
	display: inline;
	}
#oldnav #oldnav1 {
	/*float: left;*/
	margin-right: 50px;

	}
#oldnav #oldnav2 {
	/*float: right;*/
	margin-left: 50px;
	}

/*Orange------------------------------------------------------------*/
/*-----------------The Gallery Pages: Special Styles-------------*/
/*---------------------------------------------------------------------*/
/*Lemon*/
/* A photobox */
.photobox {
	padding: 0px;
	border: 0px;
	margin: 10px 11px 15px 0;
	width: 202px;
	height: 160px;
	float: left;
	}

/*Stupid IE*/	
* html .photobox {
	width: 200px;
	margin-right: 10px;
	}

.photobox p {
	text-align: center;
	}
/*Orange------------------------------------------------------------*/
/*-----------------The Gallery Pages: Special Styles-------------*/
/*---------------------------------------------------------------------*/
/*Lemon*/
/* A photobox */
.photobox {
	border-style: solid;
	border-color: #533;
	background-color: #000;
	}
.photobox p {

	}
	
/*---------------------------------------------------------------------*/
/*-----------------The Display Pages: Special Styles-------------*/
/*---------------------------------------------------------------------*/

div#pcontent{
	padding: 10px;
	border-width: 1px;
	border-color: #8B6508;;
	border-style: dashed;
	background-color: #000;
}

div#pcontent h1 { display: none; }
div#pcontent h2 { padding-top: 2em; }
#pnav {
	list-style: none;
	padding: 0px 0px;
	margin: 10px 0px;
	text-align: center;
	}

#pnav li {
	display: inline;
	}
	
#pnav #pnav1 {
	margin-right: 50px;
	}
	
#pnav #pnav2 {
	margin-right: 25px;
	}
	
#pnav #pnav3 {
	margin-left: 25px;
	}	
	
#pnav #pnav4 {
	margin-left: 50px;
	}

#pbigcom {
	text-align: center; 
	margin-bottom: 0.5em;
	}
	
.pbig    {  text-align: center; }

.pbig img   { 
	border: #666 1px solid;
	padding: 3px;
	text-align: center; 
    }
img.feedicon {
        border: none;
        padding-left:1em;
    }
img.feedicon a:link {
        border: none;
        }
img.feedicon:hover {
        border: none;
        }
img.feedicon a:visited {
        border: none;
        }

/*-------- YearTabs  ----------*/
/* These are the buttons that you press on the Old News pages 
   to display the list of articles for each year */

#YearTabs a {
		color: #D2691E;
		background: #250102;
		text-decoration: none;
		padding: 0.5em 0.7em 0.5em 0.7em;
		border: 1px #EEAD0E solid;
		border-bottom-color: #EEAD0E;
		margin-right:5px;
		display: block;
		float: left;
		}



		
/* Hide from IE5-Mac \*/
#YearTabs a {
			float: none;
			}

#YearTabs a:hover {
		color: #EEAD0E;
		background-color: #470204;
		}
#YearTabs a.activetab {
		color: #EEAD0E;
		background-color: #000;
		border-bottom-color: black;
		}
#YearTabs a.activetab:focus {
		-moz-outline: none; /* fx 1.07*/
		outline:none; /* fx 1.05, Safari, Mac IE*/
		}
#YearTabs ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}

#YearTabs li {
	list-style: none;
	float: left;
	margin: 0;
	margin-bottom:-1px;
	padding-bottom:0;
	}
		
* html #YearTabs li { 
	margin-bottom:-20px;
	}
	
div.tab {
	clear:both;
	border: 1px #EEAD0E solid;
	margin-top:0;
	}
	
/* There was an IE6 problem. I don't really understand
* html div.tab {margin-top:0px;} */ 

div.tab ul {
	list-style: none;
	padding-left:0;
	}

div.tab li {
	list-style: none;
	padding:0;
	margin-left:1em;
	margin-top:0.3em; /* vert. space between list items */
	}



/* for the japanese title */
div.tab ul li a img {border:none;} /* in the old news list */
h3 a img {border: none;} /* at the top of an article */

/* Styles for the flickr badge*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FF7F24;}
#flickr_badge_wrapper {background-color:#000000;border: solid 1px #8B6508}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}