/* CSS Yrkfam 2012 */

html {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size: 1.00em;
	line-height: 145%;
	}

body {
	background: #9f9a77;
	height: 800px;
	text-align: center;
	padding-top: 5px;
	}

b {
	font-weight: bold;
	color: #000;
	}

#licence {
	font-size:83.5%;
	text-align:center;
	}

#copy {
	font-size="90%";
	text-align: center;
	}

#tree {
	width: 508px;
	border: 1px solid #c0c0c0;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	}

#figure img {
	background-color: #fff;
	margin-left: 12px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1pt;
	}

#line {
	display: block;
	margin-top: 4px;
	height: 4px;
	width: 100%;
	border-top: 1px dashed #c0c0c0;
	}

#leftnotes {
	position: absolute;
	left: -136px;
	text-align: center;
	width: 60px;
	padding-top: 18px;
	color: #fff;
	}

#main {
	width: 590px;
	}

#list {
	width: 590px;
	}


.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 140%;
	width: 414px;
	height: 150px;
	
	background-color : #fbf5ef;
	color : #000;
	border: 1px solid #c0c0c0;
	padding : 4px;
	}

.input {
	background-color : #fbf5ef;
	border: 1px solid #c0c0c0;
	height : 26px;
	color : #000;
	padding : 4px;
	display : inline;
	margin-bottom: 3px;
	}

.button {
	background: #efefff;
	border: 1px solid #c0c0c0;
	color: #444;
	padding: 2px;
	}

.button a {
	}

.button:hover {
	color: #444;
	background:#efefaa;
	}

blockquote, form {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
td {
	font-size: 100%;
	line-height: 150%;
	} 

td a {
	text-decoration: none;
	/*border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;*/
	}

h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 130.5%;
	}


h6 {
	margin-bottom: 15px;
	padding-bottom: 0px;
	margin-top: 15px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 110.05%;
	}

h5 {
	margin-bottom: 15px;
	padding-bottom: 0px;
	margin-top: 25px;
	border-top: 1px solid #c0c0c0;
	padding-top: 15px;
	font-weight: normal;
	font-size: 110.05%;
	}

h5 a {
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-color: #fff;
	}

sup a {
	margin-right: 5px;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

sup a:hover {
	color: blue;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.skiplink {
	display:none
	}

#wrapper {
	clear: left;
	width: 850px;
	border: 21px solid #666633;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	-khtml-border-radius:9px;
	border-radius:9px;
	}

#head {
	position: relative;
	text-align: center;
	background: #aa0000;
	width: 844px;
	height: 94px;
	padding-bottom: 0px;
	margin: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 2px;
	}

#navbar {
	font-size: 83%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: relative;
	text-align: center;	
	background-color: #996633;
	color: #fff;
	height: 21px;
	padding-top: 3px;
	padding-bottom: 6px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 12px;
-moz-box-shadow : 0px 5px 17px -7px #666;
-webkit-box-shadow : 0px 5px 17px -7px #666;
box-shadow : 0px 5px 17px -7px #666;
/*overflow : auto;*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc');
	}

#mask {
	background-color: #fff;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 2px;
	margin-bottom: 3px;
	}

#title {
	clear: left;
	position: relative;
	text-align: left;
	width: 590px;
	padding-top: 18px;
	background-color: #fff;
	color: #333;
	height: 2.5em;
	border-bottom: 1px dashed #ccc;
	}

#arms {
	border: 1px solid #c0c0c0;
	}

#content {
	position: relative;
	text-align: left;
	width: 590px;
	color: #000;
	height: auto;
	}

#content a {
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#content a:hover {
	
	color: #996633;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#filler {
	position: relative;
	text-align: left;
	height: 0px;
	}

#left_column {
	float: left;
	margin-top: 20px;
	font-size: 83.4%;
	line-height: 150%;
	background-color: #fff;
	color: #000;
	width: 172px;
	text-align: center;
	}

#main_column {
	float: right;
	top: 0px;
	/*left: 170px;*/
	font-size: 84.4%;
	line-height: 165%;
	background-color: #fff;
	border-left: 1px solid #ccc;
	color: #000;
	width: 674px;
	min-height: 700px;
  	height: auto !important;
  	height: 700px;
margin-bottom: 15px;
	}

#main_column a, visited, active {
	text-decoration: none;
	color: #000;
	}

#main_column a:hover {
	color: blue;
	text-decoration: none;
	}

DL {
	font-size: 90%;
	}

.tbtx {
	text-align: center;
	background-color : #efefee;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	font-size: 75%;
width: auto;
	}

.tbtx1 {
	text-align: center;
	background-color : #efefdd;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	font-size: 75%;
width: auto;
	}

.tbtxl1 {
	text-align: left;
	background-color : #efefdd;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	font-size: 75%;
width: auto;
	}

.tbtxl {
	text-align: left;
	background-color : #efefee;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	font-size: 75%;
width: auto;
	}

.ttx {
	background-color : #fff;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	}

.atx {
	background-color : #fff;
	color : #000;
	border-bottom : 1px dotted #c0c0c0;
	padding : 4px;
	}

.durham {
	color : #000;
	background: #ffffcc;
	padding: 4px;
	}

.cleveland {
	color : #000;
	background: #ddffee;
	padding: 4px;
	}

.holderness {
	color : #000;
	background: #ffeeee;
	padding: 4px;
	}

.wakefield {
	color : #000;
	background: #cfcfff;
	padding: 4px;
	}

.scarborough {
	color : #000;
	background: #eeccee;
	padding: 4px;
	}

.pickering {
	color : #000;
	background: #cccc99;
	padding: 4px;
	}

.craven {
	color : #000;
	background: #ddffaa;
	padding: 4px;
	}

.hull {
	color : #000;
	background: #ffcccc;
	padding: 4px;
	}

.lincoln {
	color : #000;
	background: #ffddbb;
	padding: 4px;
	}

.norfolk {
	color : #000;
	background: #ffcc66;
	padding: 4px;
	}

.london {
	color : #000;
	background: #ffbb99;
	padding: 4px;
	}

.coxwold {
	color : #000;
	background: #eeeedd;
	padding: 4px;
	}

.dales {
	background: #99ee99;
	padding: 4px;
	}

.ripon {
	background: #99ccff;
	padding: 4px;
	}

.york {
	color : #000;
	background: #afafcc;
	padding: 4px;
	}

#place_list a {
	}

#place_list a:hover {
	}


.active {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	font-size: 10.0pt;
	line-height: 170%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	background-color: #efefcc
	}


#footer {
	clear: both;
	position: relative;
	font-size: 100%;
	margin-right: 47px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #fff;
	color: #000;
	width: 580px;
	border-top: 1px dashed #c0c0c0;
	}

#footnotes {
	font-size: 95%;
	}

#footnotes a {
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#footnotes a:hover {
	background-color: #fff;
	color: blue;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

caption {
	padding-top: 6pt;
	padding-bottom: 10pt
	}

.smalltext {
	font-size: 7.0pt;
	line-height: 100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #fff;
	color: #000;
	}

.nav {
	background-color: #996633;
	color: #fff;
	}

.nav a, active, visited {
	text-decoration: none;
	}

.nav a:hover {
	background-color: #996633;
	color: #ffcc66;
	text-decoration: none;
	}

.navon {
	background-color: #996633;
	color: #ffcc66;
	}

.navon a, active, visited { 
	text-decoration: none;
	background-color: #996633;
	color: #ffcc66;
	}
.navon  a:hover {
	background-color: #996633;
	color: #ffcc66;
	text-decoration: none;
	}

.dotted a {
	color: 000;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.dotted a:hover {
	background-color: #fff;
	color: blue;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#page {
	background-color : #efefaa;
	border: 1px solid #c0c0c0;
	padding: 4px;
	color : #000;
	}

#page a, a:active {
	text-decoration : none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none none none;
	}

#page a:hover {
	}

#ipage {
	}

#buttons a, a.active {
	color: #fff;
	background-color: green;
	padding: 7px;
	margin-top: 0px;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	}


.photo {
	width: 100px;
	height: 75px;
	border: 4pt solid #fff;
	}

#leftphoto {
	border: 1pt solid #c0c0c0;
	padding: 2px;
	}

.photo a {
	text-decoration: none;
	}

.photo img {
	border: 6pt solid #ccc;
	}

.photo a:hover {
	width: 100%;
	border-bottom: 4pt solid #666633;
	}

#photomain {
	text-align: center;
	font-size: 7.0pt;
	}

#photomain img {
	background-color: #fff;
	margin: 6px;
	border-style: solid;
	border-color: #ccc;
	border-width: 6pt;
	}	

.tabhead { 
	border-style: solid;
	background-color: #eeeeff;
	border-color: #c0c0c0;
	border-width: 1px;
	font-size: 83.5%;
	text-transform: uppercase
	}

.tabtext { 
	border-style: solid;
	background-color: #ffffee;
	border-color: #c0c0c0;
	border-width: 1px;
	font-size: 80.5%;
	padding-left: 10px;
	}

.tabtext a {
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	color: #000000;
	}

.tabtext a:hover {
	color: #ff9900;
	text-decoration: none;
	}

th {
	font-size: 90%;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	}