﻿/* new style sheet aiming to simplify and make consistent throughout site */
/* Important: each page has everything after the menu enclosed in div id="page" */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: black;
	font-size: 0.8em;
	background-image: url('common/bg.jpg');
	background-repeat: repeat-y;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input.srch:hover { 
	color: white;
	background-color: #000040;
}

/*modified styles for the menu include*/
#menu {
	position:relative;
	left:7px;top:-77px;
	width: 143px;
	background-color:white;
	z-index:5
}
#menu p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 15px;
	margin: 0px 0px 5px 8px;
	letter-spacing: -0.03em;
	text-align: left;
}
#menu a, a:visited {
	color: #0000cc;
	text-decoration: none;
}
#menu a:hover {
	color: white;
	background-color: #000040;
}

#gotop { /* for "Top/Menu" para */
	position:fixed;
	top:30px;
	left:14px;
	padding:5px;
	border:1px blue solid;
	background-color:white;
	font-size:13px;
}

/*new abs-posn div for page content */
#page {
	position:absolute;
	top:80px;
	left:200px;
	min-width:755px;
	max-width:1180px;
	margin: 0px 45px 0px 0px;
	padding:0px;
}
/* give page images a border by default */
#page img {
	border:2px solid;
}
/* ditto for experimental enlargement system */
#page img[onclick] {
	border:2px solid blue;
}

/* Headings */
h1 {
	/*not used, was for banner */
	color: black;
	margin-top: 0px;
	padding-top: 15px;
	padding-left: 10px;
	font-family: Times New Roman;
	font-size: 40px;
}
h2 {
	margin: 20px 0px 30px 0px;
	font-size: 36px;
}
h3 {
	margin: 20px 0px 15px 0px;
	font-size: 28px;
}
h4 {
	margin: 20px 0px 10px 0px;
	font-size: 24px;
}
h5 {
	margin: 0px 0px 5px 0px;
	font-size: 15px;
}
/*para styles*/
p {
	text-align: left;
	margin:0px 0px 20px 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
}
/* for centred figs */
p.centred {
	font-style: italic;
	text-align: center;
	font-size: 13px;
}
p.quote {
	font-style: italic;
	margin-left:40px;
	margin-right: 40px;
}

p.top	{
	margin: 0px;
	font-style: italic;
	font-size:13px;
	height:50px;
	width:150px;
	clear:both;
}

p.also {
	margin:-50px 160px 10px 160px;
	text-align:center;
	font-style: italic;
	font-size:13px;
}


/* para with right img */
p.rpic img {
	float: right;
	clear: right;
	margin: 0px 0px 10px 15px;
}
p.rpic {
	clear: right;
}
p.lpic {
	clear:left;
}
p.lpic img {
	float: left;
	clear: left;
	margin: 0px 15px 10px 0px;
}

/* tables for centred figs */
table.ctrd {
	/* for centred table - set width individually */
	margin: 0px auto 20px auto;
	font-style: italic;
	vertical-align: top;
}
.ctrd td {
	text-align: center;
	padding: 0px 0px 5px 0px;
	vertical-align: top;
}

/* div for one or more right columns */
div.rcol {
	/* div class for right cols - set width locally if not default 208*/
	/* for inner col add clear:none */
	float: right;
	clear:right;
	margin:0px 0px 10px 11px;
	width: 208px;
	text-align: center;
	font-style: italic;
}
.rcol img {
	margin: 10px 0px 2px 4px;
}
/* div for one or more left columns */
div.lcol {
	/* div class for left cols - set width locally if not default 208*/
	/* for inner col add clear:none */
	float: left;
	clear:left;
	margin:0px 11px 10px 0px;
	width: 208px;
	text-align: center;
	font-style: italic;
}
.lcol img {
	margin: 10px 4px 2px 0px;
}
/*tables for gallery pages*/
table.gal {
  margin-left:0px;
  width: 750px;
  border: 0px;
  font-size: 10px;
  font-style: italic;
}
table.gal td {  /* for captions */
  padding: 0px 2px 15px 2px;
  vertical-align: top;
  font-size: 13px; 
  text-align: center;
}
table.gal th{  /* for pics */
  vertical-align: bottom;
  text-align: center;
  padding: 0px;
  
	
}

