/* colours
* maroon = #982626
* cream = #FFFFEF	background
*  (old green = #448366)
* green = #277746
* grey = #333		bold names
* blue = #010AC1	tree box boarder
* blue = #982626	link
* mauve = #551A8B	visited link
* gold = #bba57b	tree menu background
* fawn = #e0d1b3	tree menu hover
*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
ul { list-style-type: none; }
img { border: none }
/*
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; } */

a {
	text-decoration: none;
}

body {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 14px;
	background: #dae1da url(../images/gradient4.gif) repeat-y center top;
}
#wrapper {
	position: relative;
	background: #277746;
	width: 916px;
	border-left: #6B6767 solid 2px;
	border-right: #6B6767 solid 2px;
	margin-right: auto;
	margin-left: auto;
}
#plain { 
	position: relative;
	width: 916px;
	border-left: #6B6767 solid 2px;
	border-right: #6B6767 solid 2px;
	margin-right: auto;
	margin-left: auto;
}
#banner {
	height: 96px;
	background: #277746 url(../images/banner-tile.png);
}
#banner img {
/*	padding-left: 160px; */
    display: block;
    margin-left: auto;
    margin-right: auto 
} 
#leftCorner {
	position: absolute;
	left: 159px;
	top: 96px;
}

#main {
	float: left;
	min-height: 600px;
	width: 654px;
	padding: 20px 55px 15px 45px;
	border-right: #6B6767 solid 2px;
	background: #FFFFEF url(../images/corner.png) no-repeat;
}
#nosidebar {
	min-height: 500px;
	width: 844px;
	padding: 0px 35px 15px 35px;
	border-right: #6B6767 solid 2px;
	background: #FFFFEF;
}
h1 {
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 12px;
	color: #982626;
}
h1 .dates {
	font-size: 20px;
}
h1 a:link {
	color: #982626;
}
 h1 a:visited { 
	color: #982626; 
}
h2 {
	text-align: center;
	font-weight: bold;
	color: #982626;
	font-size: 16px;
	padding-bottom: 15px;
}
h3 {
	font-weight: bold;
	color: #982626;
	font-size: 16px;
	padding-bottom: 15px;
}
/* same look as h2 but minor heading */
h4 {
	text-align: center;
	font-weight: bold;
	color: #982626;
	font-size: 16px;
	padding-bottom: 15px;
}
h5 {
	font-weight: bold;
	color: #982626;
}
h6 {
	text-align: center;
	font-weight: bold;
	color: #982626;
	padding-bottom: 5px;
}
.emphasize {
	font-weight: bold;
	color: #222;
}
.warning {
	font-weight: bold;
	color: red;
}
p {
	margin-bottom: 10px; 
	line-height: 1.6;
}
.centre {
	text-align: center;
}
.pleft {
	text-align: left;
}
.person {
	font-weight: bold;
	color: #222;
	margin-bottom: 10px;
}
a {
	font-weight: bold;
}
a:link {
	color: #3d3dbc;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color:#551A8B;
	text-decoration: none;
}	
.smalltext {
	font-size: 12px;
}

#ref {
	font-size: 13px;
	margin-top: 10px;
}
.notes {
	font-size: 13px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.notes li {
	list-style: lower-alpha;
	margin-bottom: 5px;
}
a[href="#notes"] {
	vertical-align: super;
	font-size: 12px;
	color: #982626;;
}
hr { 
	height: 25px;
	background: url(../images/twine.png) no-repeat center;
	border: none;
	margin-top: 35px;
	margin-bottom: 20px;
	clear: both;
}
hr.short { 
	height: 25px;
	background: url(../images/twine-short.png) no-repeat center;
	border: none;
	margin-top: 35px;
	margin-bottom: 20px;
	clear: both;
}
.newspaper {
	padding-left: 50px;
	padding-right: 60px;
	text-align: justify;
}
/* colour external links red */
a[href^="http://"]:hover {
	color: red;
}

/* PHOTOS */
/* black & white adds grey border and cream padding*/
.photo1 {
	border: 1px solid #982626;
	padding: 5px;
	margin-bottom: 10px;
	background: #FFFFEF;
}
/* adds maroon border no padding*/
.photo2 {
	border: 1px solid #982626;
	margin-bottom: 3px;
}
/* adds maroon border and cream padding */
.photo3 {
	border: 1px solid #982626;
	padding: 5px;
	background: #FFFFEF;
}
/* position against right margin */
.photoright {
	float: right;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}
.photoright p, .photoleft p {
	margin-bottom: 0;
}
/* position against left margin */
.photoleft {
	float: left;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}
/* indented from left margin so can add note to the right of photo */
.photoindent1 {
    float: left;
	margin-right: 15px;
	margin-left: 185px;
	margin-top: 4px;
	margin-bottom: 8px;
	text-align: center
}
.photocentre {
 	margin-top: 4px;
	margin-bottom: 8px; 
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
#christeningMessage {
	float: left;
	margin-top: 150px;
}
#name {
	font-weight: bold;
	color: #982626;
}
#houseNames {
	float: left;
	margin-top: 100px;
	font-size: 13px;
}
#namePhoto {
	font-weight: bold;
	color: #982626;
}
#nameNote {
	font-family: "Georgia", "Times New Roman",serif;
}

.under { clear: both; }

ul  {
	line-height: 1.5;
}
/* ul li {
	margin-top: 0px;
} */
li p {
	margin-bottom: 0px;
} 
.noBullets {
    margin-top: -7px;
    margin-bottom: 5px;
}
/* descendant lists on people pages */
.descendants {
	margin-top: 15px; 
	margin-bottom: 15px;
	padding-left: 40px;
}
 ol.descendants li {
	margin-top: 15px;
}
.descendants ul {
/*	margin-top: 10px; */
	margin-bottom: 12px;
	padding-left: 45px;
	list-style-type: square;
}
.descendants ul li {
	margin-bottom: 5px;
	margin-top: 5px;
}
/*.descendants ul li p {
	padding-left: 0px;
	margin-bottom: 5px;
	font-size: 13px; 
}*/
.descendants ul .person {
	color: #444;
}
/* sidebar */

#sidebar {
	float: left;
	width: 160px;
	background: url(../images/sidebar.png) left top no-repeat; 
}
.nav {
	list-style: none;
	padding-top: 150px;
	padding-left: 0px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 150%;
}
.nav li {
	margin-top: 15px;
} 
.nav a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90px;
	background: #bba57b;
	border-width: 4px;
	border-style: solid;
	border-top-color: #decfb3;
	border-right-color: #5a513e;
	border-bottom-color: #423a26;
	border-left-color: #c0c0a0;
}
.nav a:link { color: #000; }

.nav a:visited { color: #000; }

.nav a:hover {
	border-top-color: #423a26 ;
	border-right-color: #c0c0a0;
	border-bottom-color: #decfb3;
	border-left-color: #5a513e; 
	text-decoration: none;
}

 .localmenu {
	width: 126px;
	border: 2px solid #333;
	background: #bba57b;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 15px;
	line-height: 100%;
}
.localmenu a {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #333;
}
.localmenu li:first-child a {
	border-top: none;
}
.localmenu li a {
	color: #000;
} 
.localmenu a:hover {
	color: #FFFFEF;
	text-decoration: none;
}
/* colour external links red on hover */
.localmenu a[href^="http://"]:hover {
	color: red;
	text-decoration: none;
}

ul.sidemenu {
	position: absolute;
	margin-left: -235px;
	list-style: none;
	padding-left: 5px;
}
ul ul.sidemenu {
	position: absolute;
	margin-left: -280px;
	list-style: none;
	padding-left: 5px;
}
ul.sidemenu li {
	margin: 0px;
}
ul.sidemenunews {
	position: absolute;
	margin-left: -196px;
	list-style: none;
	padding-left: 5px;
}
ul.sidemenunews li {
	margin: 0px;
}
.sidenote {
	position: relative;
}
#footer {
	clear: both;
	height: 13px;
	border-top: 1px solid #999;
	border-right: #6B6767 solid 2px;
	margin-left: 160px;
	background: #FFFFEF;
	color: #666;
	font-size: 10px;
	padding: 2px 3px 5px 4px;
} 
#footer p {
	margin: 0;
	float: left;
}
#copyright {
	float: right;
}
#privacy {
	text-align:center;
}
#privacy a {
	color: #666;
	font-weight: normal;
}

/* menu bar */
#menubar {
	margin-left: 10px;
	margin-right: 10px;
	width: 450px;
	height: 25px;
}
#menubar li {
	display : inline;	
}
#menubar a {
	background-color: #bba57b;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
}
#menubar a:visited { color: #551A8B; }

#menubar a:hover {
	text-decoration: underline; 
	background-color: #e0d1b3;
}
.menuPrimary {
	float: left;
}
.menuRepeat {
	float: right;
}

/* forms */
label {
	float: left;
	width: 75px;
	text-align: right;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 18px;
	font-weight: bold;
	clear: both; 
}
.fError {
	color: red;
}
input[type="text"] {
	width: 300px;
	padding: 2px;
	margin-bottom: 15px;
}
textarea  {
	width: 550px;
	height: 250px;
}
input[type="submit"] { 
	color: #FFFFEF;
	font-weight: bold;
	border-color: #000000;
	background-color: #982626;
	float: right;
	margin-right: 16px;
	margin-top: 2px;
}
input[type="submit"]:hover {
	background-color: #bba57b;
	color: #982626; 
}	
form {
	padding-top: 30px;
}
.formError {
	color: #FF0000;
	font-weight: bold;
	font-size: 110%;
	padding-top: 15px;
	margin-left: 72px;
}
/* tables */

table {
	border-collapse: collapse; 
	border-spacing: 0;
	border: 2px solid #982626;
	clear: both;
}
caption { 
	font-weight: bold; 
	text-align: left; 
	margin-bottom: 5px;
}
/* col { 
	border: 1px solid #982626;
} */
thead { 
	border-bottom: 2px solid #982626; 
}
th { 
	font-weight: bold; 
	color: #982626;
}
.stripe { 
	background-color: wheat; 
}
/* table james affleck memo */
table.memo {
	border: none;
	table-layout: fixed;
}
.memoCol1 {
	width: 300px;
}
.memoCol2 {
	width: 90px;
}
.memoCol3 {
	width: 260px;
}
.error {
	font-weight: bold;
	color: red;
	font-size: 16px;
	padding-bottom: 15px;
}
a[href^="custom-tree-print.php"] {
	margin-left: 18px;
	padding: 3px 6px 3px 6px;
	background-color: #982626;
    border: solid 2px #000000;
	border-radius: 5px;
    color: #FFFFEF;
    font-weight: bold;
	font-size: 12px;
}
a[href="custom-tree-print.php"]:hover {
	background-color: #bba57b;
	color: #982626;
	text-decoration: none; 
}
.acknowledge {
    color: #191970;
    font-family: Georgia,serif;
    font-size: 16px;
	font-weight: bold;
    padding-bottom: 15px;
}