body {
color: black;
}

a:link {
color: blue;
text-decoration: none;
}

a:visited {
color: #497fbf;
text-decoration: none;
}

a:hover {
color: #00aeed;
text-decoration: bold;
}

a:active {
color: blue;
}

img {
padding: 3px;
border: 0px;
}

h1 {
font-family: Arial;
font-size: 14pt;
text-decoration:none;
}

h2 {
font-family: Arial;
font-size: 14pt;
font-style: strong;
border-bottom-height: 0.5px; 
border-bottom-width: 1px;
border-bottom-style: solid; 
border-bottom-color: lightgrey;
}

h3 {
font-family: Arial;
font-size: 11pt;
border-bottom-height: 0.5px; 
border-bottom-width: 1px;
border-bottom-style: solid; 
border-bottom-color: lightgrey;
}

h4 {
font-family: Arial;
font-size: 9pt;
font-style: strong;
}

h5 {
font-family: Arial;
font-size: 9pt;
font-weight:bold;
border-bottom-height: 0.5px; 
border-bottom-color: lightgrey;
text-transform: uppercase;
}

p {
color: black;
font-family: Arial;
font-size: 9pt;
}

p.small {
color: black;
font-family: Verdana, Tahoma;
font-size: 7pt;
}

table {
font-family: Arial;
font-size: 9pt;
}

li.person {
list-style-type: square;
color: black;
font-family: Arial;
font-size: 9pt;
}

li.reltype {
list-style-type: circle;
color: black;
font-family: Arial bold;
font-size: 9pt;
}

li.bmd {
list-style-type: circle;
color: black;
font-family: Arial;
font-size: 9pt;
}

li.pdf {
list-style-image: url(pdficon.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

li.book {
list-style-image: url(bookicon.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

li.web {
list-style-image: url(link_icon.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

li.chat {
list-style-image: url(board.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

li.census {
list-style-image: url(census_icon.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

li.lps {
list-style-image: url(lsocb.gif);
color: black;
font-family: Arial;
font-size: 9pt;
}

/* Code for the AddThis social sharing tools */

.addthis_toolbox {
width: auto;
float: right;
padding: 0, 0, 6, 6;
} 



/* LI for SURNAMES PAGE */

.surname1 {
list-style-type: square;
color: black;
font-family: Arial;
font-size: 9pt;
width:150px;
position:absolute;
}

.surname2 {
list-style-type: square;
color: black;
font-family: Arial;
font-size: 9pt;
width:150px;
margin-left:175px;
position: absolute;
clear:both;
}

.surname3 {
list-style-type: square;
color: black;
font-family: Arial;
font-size: 9pt;
width:150px;
margin-left:360px;
position: relative;
}


/* SURNAME list END */

td.search {
font-size: 16pt;
font-decoration: bold;
}

td.home {
background: #ebf5fc;
}

.surnametitle {
padding: 1px;
top: 2px;
left: 65%;
width: 22%;
position: absolute;
text-transform: uppercase; 
}

.contentcolumn {
padding: 3px;
top: 140px;
left: 27%;
width: 60%;
background: white;
position: absolute;
}

.namelistcolumn {
padding: 1px;
top: 140px;
left: 8px;
width: 24%;
background: #FAE7AD;
position: absolute;
min-height: 70%;
}

.breadcrumbs {
padding: 1px;
top: 100px;
left: 8px;
width: 80%;
background: none;
position: absolute; 
}

.breadcrumbs2 {
padding: 1px;
top: 130px;
left: 8px;
width: 80%;
background: none;
position: absolute; 
}

.nameheader {
padding: 10px;
top: 97px;
left: 25%;
width: 65%;
position: absolute; 
}

.headline {
padding: 1px;
top: 100px;
left: 9px;
width: 98%;
position: absolute;
}

.column1 {
background: #fff;
padding: 5px;
top: 140px;
left: 10px;
width: 160px;
position: absolute;
}


.column2 {
padding: 5px;
top: 160px;
left: 10%;
width: 60%;
background: #fff;
opacity: 0.835;
z-index: 2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
position: absolute;
}

.column3 {
padding: 5px;
top: 42px;
left: 78%;
width: 15%;
position: absolute;
}


/* familytreeuk.co.uk INDEX PAGE CSS */

p.box {
font-family: Arial;
font-size: 9pt;
margin: 8px 2px 8px 2px;
border: 2px solid #F1A629;
padding: 4px;
vertical-align: top;
text-align: left;
}

p.paper {
font-family: Arial;
font-size: 9pt;
margin: 10px 12px 10px 12px;
padding: 4px;
vertical-align: top;
text-align: left;
}


#article {
background-color:#FFFFCC;
border-color:#FFCC66;
width:95%;
font-family:Arial, Helvetica, sans-serif;
font-size:12.5px;
padding:4px;
}

#mainpage {
width:740px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

#footer {
background-color:#A2C445;
width:740px;
height:24px;
padding-top:0.5px;
padding-bottom:4px;
text-align: center;
margin-left:auto;
margin-right:auto;
}

.crumbs {
padding: 1px;
/*top: 100px;
left: 8px;*/
width: 80%;
background: none;
position: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.crumbs2 {
padding: 1px;
/*top: 100px;
left: 8px;*/
width: 80%;
background: none;
position: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}


#ancestors {
padding: 4px;
width: 200px;
background-color:#FAE7AD;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
position:relative;
float:right;
}


#profile {
position:relative;
width:510px; 
/*float:right;*/
/*float:left;*/
min-height:220px;
}

/* PROFILE PHOTOS */

#imgr {
float:right;
padding-left:4px;
padding-bottom:4px;
}


#imgl {
float:left;
padding-right:4px;
padding-bottom:4px;
}

/* HOME PAGE IMAGE ROLLOVER LINKS */

a.blog {
display:block;
width: 320px;
height: 80px;
background: url("../css/nav_blog.jpg") 0 0 no-repeat;
text-decoration:none;
}
  
a:hover.blog {
background-position: 0 -80px;
text-decoration:none;
}

a.lps {
display:block;
width: 320px;
height: 80px;
background: url("../css/nav_lps.jpg") 0 0 no-repeat;
text-decoration:none;
}
  
a:hover.lps {
background-position: 0 -80px;
text-decoration:none;
}







/* PAGE CORNERS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width:360px;
display:block;
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
height:285px;
}



/* THE TABBED MENU.. SOMETHING BORROWED..... */
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../nav/menug_bg.gif) repeat-x; /*tab background image path*/
	width: 706px;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../nav/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../nav/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* FLICKR BADGE DESIGN */

.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#FFFFFF;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}