/*------------------------------

Type:    CSS Document

Author:  Daniel Sefton

Created: February 2007

Website: pocklingtonhistory.com

------------------------------*/



body {

	background-color: #999;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000;

}

input,textarea {

	border: 1px solid #666;

}

hr {

	border: 0px;

	color: #999;

	background-color: #999;

	height: 1px;

}

.link {

	color: #666;

	text-decoration: underline;

}

.link:hover {

	text-decoration: none;

}

.desclink {

	color: #FFF;

	text-decoration: underline;

}

.desclink:hover {

	text-decoration: none;

}

.news_date {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	font-size: 11px;

}

.events_date {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size: 10px;

	font-weight: normal;

}

.table_main {

	border: solid 1px #FFF;

	width: 90%;

	min-width: 740px;

	max-width: 1024px;

}

.table_main > tbody > tr:first-child > td:nth-child(2) {

	width: 100%;

	background: url('/images/imgheader.jpg') bottom left no-repeat;

}

.table_main > tbody > tr:nth-child(3) > td:nth-child(2) {

	/*min-width: 502px;*/
	min-width: 572px;

}

.navigation {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFF;

	font-weight: bold;

	border: solid 1px #FFF;

	border-left: 0px;

	border-right: 0px;

}

.navigation_subborder {

	border-right: solid 1px #FFF;

}

.navigation_hover a:hover {

	background: #8AA642;

}

.leftbar {

	border-right: solid 1px #FFF;

}

.leftbar_title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	border: solid 1px #FFF;

	border-left: 0px;

	border-right: 0px;

}

.leftbar_font {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

}

.leftgrey {

	border-right: solid 1px #FFF;

}

.leftgrey_title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

.leftgrey_title:hover {

	text-decoration: underline;

}

.leftgrey_img {

	border: 1px solid #333;

}

.leftblue {

	border-right: solid 1px #FFF;

}

.leftblue_newslink {

	color: #FFF;

	text-decoration: none;

}

.leftblue_newslink:hover {

	text-decoration: underline;

}

.leftblue_more {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-style: italic;

	font-weight: normal;

	text-decoration: none;

}

.leftblue_more:hover {

	text-decoration: underline;

}

.leftblue_hr {

	border: 0;

	border-top: 1px solid #C0C8D1;

	margin: 6px 0px;

}

.leftblue_hr hr {

	display: none

}

.content_title {

	border-top: solid 1px #FFF;

	border-bottom: solid 1px #FFF;

}

.content_title_font {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 24px;

	color: #FFFFFF;

}

.content_description {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFFFFF;

}

.content_subhead {

	font-size: 18px;

	color: #333;

}

.content_caption {

	font-size: 12px;

	font-style: italic;

}

.footer {

	border-top: solid 1px #FFF;

}

.footer_font {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}

.footer_link {

	color: #FFF;

	text-decoration: underline;	

}

.footer_link:hover {

	text-decoration: none;

}



/* ================================================================ 

---NAVIGATION---



This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop2.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



/* style the outer div to give it width */

.menu {

	width: 100%;

	min-width: 810px;

	max-width: 1022px;

	font-size: 0.85em;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}

.menu ul ul {

	width: 95px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

	float: left;

	width: 95px;

	position: relative;

}

/* style the links for the top level */

.menu a, .menu a:visited {

	display: block;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #FFF; 

	width: 94px; 

	height: 38px; 

	border: 1px solid #FFF; 

	border-width: 1px 1px 0 0; 

	background: #77869C; 

	line-height: 36px;

}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {

	width: 95px;

	w\idth: 94px;

}

/* left align text */

.menu ul ul a {

	text-align: left;

}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

	background: #fbe8d7; /*#CCBBA8 light*/

	color: #333;

}

/* style the second level hover */

.menu ul ul a.drop:hover{

	background: #CCBBA8; /*#B99F86 dark*/

}

.menu ul ul :hover > a.drop {

	background: #CCBBA8;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

	background: #fbe8d7;

	color: #333;

}

/* style the third level hover */

.menu ul ul ul a:hover {

	background: #CCBBA8;

}

.menu ul ul ul :hover > a {

	background: #CCBBA8;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

	visibility:hidden;

	position:absolute;

	height:0;

	top:39px;

	left:0; 

	width:81px;

}

/* another hack for IE5.5 */

* html .menu ul ul {

	top: 38px;

	t\op: 39px;

}

/* position the third level flyout menu */

.menu ul ul ul{

	left: 150px; 

	top: 0;

	width: 81px;

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

	left: -150px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {

	position: absolute;

	top: 0;

	left: 0;

}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

	background: #fbe8d7;

	color: #333;

	height: auto; 

	font-size: 12px;

	font-weight: normal;

	line-height: 1em; 

	padding: 5px 10px; 

	width: 129px;

}

/* yet another hack for IE5.5 */

* html .menu ul ul a{

	width: 140px; /* Messed up the widths! */

	w\idth: 129px;

}

/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{

	color: #FFF; 

	background: #CCBBA8;

}


.menu :hover > a, .menu ul ul :hover > a {

	color: #FFF;

	background: #CCBBA8;

}

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

	visibility: visible; 

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

	visibility: hidden;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{

	visibility: hidden;

}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

	visibility: visible;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul { 

	visibility: visible;

}

.greyout {

	color: #4E5969;

	text-decoration: none;

}



@media (min-width: 1147px) {

	.menu ul ul {

		width: 125px;

	}

	.menu li {

		width: 125px;

	}

	.menu a, .menu a:visited {

		width: 124px;

	}

	* html .menu a, * html .menu a:visited {

		width: 125px;

		w\idth: 124px;

	}

}