html{height:100%;} 
a:focus{outline:#444 dotted thin;}
a,a:hover,a:active{outline:none;}
body{
height:100%;
width:100%;
padding:0;
margin:0;
background:#eee;
text-align:center;
font:10px arial,sans-serif;
}
.right{float:right;margin:0;padding:0;}
.left{float:left;margin:0;padding:0;}
#out{
position:absolute;
width:390px;
height:104px;
top:14px;
left:50%;
z-index:20;}
.title{
margin:0 auto;
background:transparent url("tagc.gif") no-repeat right center;
height:105px;
width:380px;
color:#000;
font:bold 12px/24px arial,sans-serif;
text-decoration:none;
letter-spacing:9px;
text-transform:uppercase;
}
#title2{float:right;margin:17px 0 0 38px;width:160px;}
#page{
width:100%;
min-width:776px;
max-width:1920px;
min-height:770px;
height:100%;
padding:0;
margin:0 auto 0 auto;
background:#fff;
}
tr,td{vertical-align:top;padding:0;margin:0;text-align:left;}
.top1,.top2,.top3,.top4{
height:36px;
max-height:36px;
text-align:left;
vertical-align:middle;
background:#a4c2c2;
color:#330;
border:1px solid #fff;
border-width:1px 0 1px 0;
text-indent:26px;
}
.top1,.top3{
border-width:0;
font:18px/18px "times new roman",serif;
text-transform:none;
color:#330;
background:#996; 
letter-spacing:6px;
text-indent:28px;
}
.top2 a,.top4 a{
font:bold 10px/36px arial,sans-serif;
color:#316161;
text-decoration:none;
letter-spacing:2px;
margin-right:10px;
text-transform:uppercase;
padding:2px 2px;
border:0 solid #a4c2c2;
}
.top2 a:hover,.top4 a:hover {color:#c30;background:#fff;border:0 solid #316161;}
.top3 {height:17px;font:10px/17px arial,sans-serif;}
.top4,.top4 a {height:34px;font:bold 10px/34px arial,sans-serif;}
#surnames{
background:#fff url("grey.jpg") repeat-y top left;
border:1px solid #ddd;
border-width:0 1px 1px 1px;
height:160px;
vertical-align:bottom;
}
#menu{
float:right;
text-decoration:none;
margin:34px 0px 14px auto;
padding:0;
text-align:center;
min-width:420px;
width:520px;
}
#menu,#menu a{font:10px/22px verdana,sans-serif;color:#555;text-decoration:none;}
#menu a:hover,#menu a:focus{color:#c30;text-decoration:none;}
#stat{float:right;margin:0px;padding:0;width:140px;height:34px;overflow:hidden;}
#stat a img{
border:0px solid #fff;
margin:0 0px 0 0;
padding:0px;
vertical-align:middle;
width:80px;
height:15px;
}
#stat a:hover{background:#a4c2c2;}
h2,#end{width:430px;}
#mid{background:#fff;text-align:center;}
#main{
background:#fff url("grey.jpg") repeat-y top left;
text-align:center;
height:100%;
min-height:760px;
min-width:782px;
width:782px;
border:1px solid #ddd;
border-width:1px 1px 0 1px;
margin:0 auto;
padding:0;
overflow:auto;
}
h2{
position:relative;
left:-60px;
height:38px;
clear:left;
font:22px/32px "times new roman",serif;
letter-spacing:0;
background:url("box.gif") no-repeat;
padding:30px 4px 2px 24px;
margin:6px 0 0 0;
color:#c30;
text-align:left;
}
td.side{width:auto;background:#eee;}
#col1 a{background:inherit;}
#col1{
float:left;
text-align:center;
height:auto;
min-height:100%;
margin:0;
padding:0;
width:260px;
border:1px solid #ddd;
border-width:0 2px 0 0;
background:#ededed;
}
#col1 p{
letter-spacing:0;
margin:5px auto 8px auto;
padding:0;
width:260px;
text-align:center;
font:italic 11px/14px tahoma,arial,sans-serif;
border:0 solid #eee;
}
#col1 p img{
width:164px;
margin:27px auto 0 auto;
padding:2px;
border:1px solid #999;
background:#fff;
min-height:100px;
height:auto;
}
#col2 a{
font:bold 12px/18px arial,sans-serif;
text-decoration:none;
color:#5b053f;
background:#fff;
border:0 solid #5b053f;
}
#col2 a:hover{color:#c30;}
#col2{
float:left;
height:auto;
margin:0 0 0 46px;
padding:0;
width:412px;
border:0 dashed #a4c2c2;
}
#main #col2 p{
width:410px;
margin:0 auto 22px auto;
padding:0;
font:12px/18px arial,sans-serif;
color:#222;
text-align:left;
clear:left;
}
.sm{
clear:left;
font:italic 12px/12px arial,sans-serif;
text-align:left;
width:100%;
color:#74744e;
text-decoration:none;
padding:0;
margin:5px 0 0 5px;
letter-spacing:0;
display:none;
}
.indent{
float:left;
display:block;
text-align:right;
margin:0 0 24px 0;
width:260px;
font:12px/18px arial,sans-serif;
}
.box{
float:left;
display:block;
color:#000;
height:16px;
text-align:left;
font:12px/16px verdana,arial,sans-serif;
word-spacing:26px;
border:solid 2px #bbb;
border-width:0 0 1px 0;
background:#fff;
width:404px;
padding:5px 2px;
margin:0 0 10px 0;
}
.box2{
display:block;
overflow:inherit;
border:solid 2px #bbb;
border-width:1px 1px;
width:384px;
padding:5px 2px 5px 20px;
margin:0 0 40px 0;
font:12px/22px arial,sans-serif;
letter-spacing:0;
}
.box2,#main #col2 p,#col2 a,.indent{font-family:arial,tahoma,verdana,sans-serif;}
#main #col2 p,.indent,#main #col2 a{font-size:12px;line-height: 18px;}
.box2,#main #col2 p,.indent{color:#222;background:#fff;}
td.side{
border:1px solid #eee;
border-width:0 0 1px 0;
background:#eee;
min-width:10px;
width:auto;
}
#main #col1{height:100%;}
.died{font-size:14px;font-style:italic;}/*cuts off when src bigger than400*/


/*@media screen and (max-width:380px){}*/

/*colour change trying it out.....
.top1, .top3 {background: #FFAA00;}.top2, .top4 {background: #694C3F; } .top2 a, .top4 a {color: white; font: bold 11px/34px arial, sans-serif;} */

/*test for ems
body { font-size: 120%; line-height: 120%;}
#main #col2 p, .box,.sm, .indent,#main #col2 a{font-size:0.75em; line-height: 1.4;}
.died { font-size: 0.875em;line-height: 1.4;} 
.title{font:bold 0.75em/2 arial,sans-serif;}
.top1,.top3{font:normal 1.125em/1 "times new roman",serif;}
.top2 a,.top4 a{font:bold 0.625/3.6 arial,sans-serif;}
.top3{font:normal 0.625/1.7 arial,sans-serif;}
.top4,.top4 a{height:2.125em; font:bold 0.625/3.4 arial,sans-serif;}
#menu,#menu a{font:normal 0.625/2.2 verdana,sans-serif;}

h2{height:38px;clear:left;font:normal 1.375/3.2 "times new roman",serif;}
#col1 p{font:italic 0.6875em/1.4 tahoma,arial,sans-serif;}
#col2 a{font:bold 0.75em/1.8 arial,sans-serif;} */

/*.died,#col1,td.side,.box2,#col2 p, .indent,#col2 a,.box,.indent,.sm, #col1 p,#col1 a,h2,h1,td.side,#mid,#end,#stat a img, #stat,#menu a:hover, #menu a:focus,#menu,#menu a,#surnames,.top1, .top2, .top3, .top4, #title2, #title, #out, .right, .left {
   transform: scale(1.1);  transform-origin: 0%  0%; }*/