/* PNG FIX */
img, div, a  { behavior: url(css/iepngfix.htc) }

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333; 
	font-size:12px;
	text-align: left;
	margin:0px;
	background:url(../images/bkrnd-fade-gray.jpg) repeat-x
}
#dropshadowtop {
	margin: 0px auto;
    text-align: center;
	width:1020px;
	height:45px;
	background-image:url(../images/bord-top-shad.png);
	background-position: center;
}
#dropshadoweffect {
	margin: 0px auto;
    text-align: center;
	width:1020px;
	background-image:url(../images/bord-sides-shad.png);
    background-repeat: repeat-y;
	background-position: center;
}
#outer-container { 
	margin: 0px auto;
	width:980px;
	overflow: hidden;
	padding:0;
}
.container { 
	margin: 0px auto;
	width:980px;
	overflow: hidden;
	padding:0;
}
#topbar {
	float:left;
	width:920px;
	height:85px;
	padding: 0 0 10px 20px;
	/*border:#09F 1px solid;*/
}
.logo {
	float:left;
}
#login {
	float:right;
	width:325px;
	height:85px;
	text-align:left;
	font-size:11px;
	padding: 0 0 0 0;
}
#login p {
	font-size:12px;
}
#login form {
	margin: 0px; 
	padding: 5px 0 5px 0;
}
#login a {
	text-decoration:none;
}
#login a:hover {
	text-decoration:underline;
}
#login input {
	font-size:11px;
}
.login-formitem {
	float:left;
	font-size:11px;
	padding: 0 3px 0 0;
}
.login-formbutton {
	float:left;
	padding: 12px 0 0 3px;
	}
.login-options {
	float:left;
	clear:left;
	padding: 3px 0 0 0;
	font-size:12px;
}
#content {
	margin: 0px auto;
	width:940px;
	overflow: hidden;
	padding:0;
	line-height:18px;
	text-align:left;
	padding: 0 0 20px 0
}
#content h1 {
	padding: 0 0 10px 0;
	border-bottom:#CCC 1px solid;
}
/*Menu*/
#menu-container {
	float:left;
	width:980px;
	height:30px;
}
#menu-end-l {
	float:left;
	background-image: url(../images/menu-end-l.jpg);
	height:30px;
	width:20px;
}
.menu {
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	width:940px;	
}
.menu li {
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	height: 30px;
	background-repeat: no-repeat;
}
/*WARNING! - make sure hidden text inside span tags is not longer than the button - breaks IE6 */
.home {background-image: url(../images/menu-home-2.gif); width: 81px;}
.home-on {background-image: url(../images/menu-home-2.gif); width: 81px;}
.home a {background-image: url(../images/menu-home-1.gif);}
.history {background-image: url(../images/menu-history-2.gif); width: 174px;}
.history-on {background-image: url(../images/menu-history-2.gif); width: 174px;}
.history a {background-image: url(../images/menu-history-1.gif);}
.members {background-image: url(../images/menu-members-2.gif); width: 149px;}
.members-on {background-image: url(../images/menu-members-2.gif); width: 149px;}
.members a {background-image: url(../images/menu-members-1.gif);}
.shop {background-image: url(../images/menu-shop-2.gif); width: 103px;}
.shop-on {background-image: url(../images/menu-shop-2.gif); width: 103px;}
.shop a {background-image: url(../images/menu-shop-1.gif);}
.donations {background-image: url(../images/menu-donations-2.gif); width: 87px;}
.donations-on {background-image: url(../images/menu-donations-2.gif); width: 87px;}
.donations a {background-image: url(../images/menu-donations-1.gif);}
.gallery {background-image: url(../images/menu-gallery-2.gif); width: 70px;}
.gallery-on {background-image: url(../images/menu-gallery-2.gif); width: 70px;}
.gallery a {background-image: url(../images/menu-gallery-1.gif);}
.join {background-image: url(../images/menu-join-2.gif); width: 168px;}
.join-on {background-image: url(../images/menu-join-2.gif); width: 168px;}
.join a {background-image: url(../images/menu-join-1.gif);}
.contact {background-image: url(../images/menu-contact-2.gif); width: 108px;}
.contact-on {background-image: url(../images/menu-contact-2.gif); width: 108px;}
.contact a {background-image: url(../images/menu-contact-1.gif);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.menu li a span { visibility:hidden; }
.menu li span { visibility:hidden; }

/*Drop Down Menu*/
.menu li ul
{	margin: 0;
	padding: 0;
	position: relative;
	visibility: hidden;
	z-index: 600;
	/*border: 1px solid #000;*/
}
.menu li ul li{	
	float: none;
	display: inline;
	text-align:left;
}
.menu li ul li a
{	width: 215px;
	background: #000066;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
	padding: 10px 0 0 10px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;}

.menu li ul li a:hover
{	
	background: #6666cc;
}
#menu-end-r {
	float:left;
	background-image: url(../images/menu-end-r.jpg);
	height:30px;
	width:20px;
}
#menu-bottom {
	float:left;
	background-image: url(../images/menu-bott.jpg);
	height:25px;
	width:980px;
}
/*Sub Menu*/
#sub-menu{
	float: left;
	width:220px;
	padding: 10px 0 30px 0;
	/*border:#666 1px solid;*/
}
#sub-menu ul {list-style:none;margin:0;padding:0;}
#sub-menu ul li {list-style-position:inside;padding:3px;font-size:12px;font-weight:bold;}
#sub-menu ul li a {padding:4px;text-decoration:none;color:#333;}
#sub-menu li:hover {color:#333;background:#eee;}
#sub-menu .selected  {color:#000066;background:#eee;}
#sub-menu .selected a  {color:#000066;}

#sub-menu ul li ul {list-style:none;margin:0;padding:0; background:#fff;}
#sub-menu ul li ul li {list-style-position:inside;padding:3px;font-size:11px;font-weight:bold;}
#sub-menu .sublink a {padding:4px;text-decoration:none;color:#333;}
/*#sub-menu ul li ul li:hover {color:#333;background:#eee;}*/
#sub-menu ul li .selectedx  {color:#000066;background:#eee;}
#sub-menu ul li .selectedx a  {color:#000066;}

/*#sub-menu{
	float: left;
	width:220px;
	padding: 10px 0 30px 0;
}
#sub-menu ul {list-style:none;margin:0;padding:0;}
#sub-menu ul li {list-style-position:inside;padding:3px;font-size:11px;font-weight:bold;}
#sub-menu ul li a {padding:4px;text-decoration:none;color:#333;}
#sub-menu li:hover {color:#333;background:#eee;}
#sub-menu .selected  {color:#000066;background:#eee;}
#sub-menu .selected a  {color:#000066;}*/

/*#sub-menu .selected  {color:#000066;background:#eee;}
#sub-menu .selected a  {color:#000066;}*/


/*#sub-menu ul li ul li {list-style-position:inside;padding:3px;font-size:11px;font-weight:bold; background:#fff;}
#sub-menu ul li ul li a {padding:4px;text-decoration:none;color:#333;}*/


/*Content with sub menu*/
#sub-menu-body {
	float:left;
	width:680px;
	padding: 0 0 30px 20px;
}


/*Boxes*/
.box-heading {
	float:left;
	height:30px;
	width:100%;
	background-image: url(../images/box-heading-bkgrnd.gif);
	background-repeat:repeat;
}
.box-heading h2 {
	font-size:15px;
	padding: 6px 0 0 10px;
	margin: 0;
	color:#333;
	text-shadow:1px 1px #fff;
}
.box-sep {
	margin: 0px auto;
	width:90%;
	height:1px;
	clear:both;
	padding: 0 0 10px 0;
	border-top:#CCC 1px solid;
	}
/*Tables*/
table{
	margin:5px;
	border-collapse: collapse; 
	/*table-layout:automatic;*/
	float:left;
}
.histtbl td,th{
	margin: 0;
	padding: 10px;
} 	
/*historical section & Online Shop*/
.return-link {
	float:left;
	padding: 0 0 10px 0;
	font-size:11px;
}
.search-heading {
	font-weight:bold;
	color:#000066;
	font-size:13px;
}
.txt-bold-center {
	margin: 0px auto;
	text-align:center;
	font-weight:bold;
	clear:both;
}
.ref-link {
	margin: 0px auto;
	text-align:center;
	font-size:10px;
	clear:both;
	padding: 10px 0 5px 0;
}
.txt-center {
	margin: 0px auto;
	text-align:center;
	clear:both;
	padding: 0 0 0 0;
	}
.left-img {
	float:left;
	padding: 5px 20px 5px 0;
}
.img-txt {
	padding: 10px 0 10px 0;
	font-style:italic;
}
#hist-search-container {
	float:left;
	font-size:11px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top:#CCC 1px solid;
	width:220px;
}		
#hist-search-container  form {
	margin: 0px; 
	padding: 5px 0 5px 0;
}
#hist-search-container input {
	font-size:11px;
	margin:  0 0 10px 0 ;
	font-family:Arial, Helvetica, sans-serif;
}
#hist-search-container select {
	font-size:11px;
	margin:  0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
/*Shop*/
#shop {
	clear:both;
	}
#shop li {
	float: left;
	width:120px;
	list-style: none;
	display: -moz-inline-stack;
    display: inline-block;
	padding: 10px;
	margin:0 10px 20px 0; 
	background-image: url(../images/bann-txt-bkgrnd.gif);
	background-repeat:repeat;
	min-height:400px;
	border:#ccc 1px solid;
	*display: inline;
     _height: 400px;
	}
#shop .shopclear {
	clear:left;
}
.shopimg-container {
	position:relative;
	height:200px;
	/*border:#006b72 1px solid;*/
}
.shopimg-container img{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}	
.topcaption {
	padding: 0 0 0 0;
	width:120px;
	height:20px;
	text-align:left;	
	}
.topcaption h3 {
	padding: 0;
	margin:0;
	}
.caption {
	padding: 0 0 10px 0;
	width:120px;
	height:100px;
	text-align:left;}
.more-info {
	padding: 0 0 0 0;
	width:100%;
	text-align:center;
}
.price {
	padding: 5px 0 5px 0;
	width:100%;
	text-align:center;
	margin: 0px auto;
	clear:both;
	color:#000066;
	font-size:14px;
}
.buybutton {
	text-align:center;
	margin: 0px auto;
	clear:both;
}
#shop-basket{
	float: left;
	width:220px;
	padding: 10px 0 30px 0;
	/*border:#666 1px solid;*/
}
#shop-basket ul {list-style:none;margin:0;padding:0;}
#shop-basket ul li {width:100%;float:left;list-style-position:inside;padding:3px 0 3px 0;border-bottom:#CCC 1px solid;}
#shop-basket .basketcount {
	float:left;
	font-weight:bold;
}
#shop-basket .basketformat {
	float:left;
	font-weight:bold;
	padding: 0 0 0 3px;
}
#shop-basket .baskettitle {
	float:left;
	clear:left;
	padding: 0 0 0 14px;
	width: 160px;
/*	border:#666 1px solid;*/
}
#shop-basket .basketprice {
	float:left;
	padding: 0 0 0 14px;
	color:#000066;
	font-weight:bold;
}
#shop-basket .basketremove {
	float:left;
	clear:left;
	padding: 0 0 0 14px
}
#shop-basket .totalprice {
	text-align:right;
	font-weight:bold;
	color:#000066;
}
#shop-basket .checkout-link {
	font-size:13px;
	font-weight:bold;
	color:#000066;
	padding: 10px 0 10px 0;
	text-align:right;
}
#shop-basket .continue-shopping {
	font-size:13px;
	font-weight:bold;
	color:#000066;
	padding: 10px 0 10px 0;
	text-align:left;
}
#app-form-table{
	width:700px;
	padding:0;
	margin:0 0 0 0;
}
#app-form-table .tdleft{
	width:200px;
	border-left:#CCC 1px solid;
	padding:4px;
	font-weight:bold;
}
#app-form-table .tdright{
	border-right:#CCC 1px solid;
	padding:4px;
	vertical-align:top;
}
#app-form-table .tdspan{
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	padding:4px 4px 4px 10px;
}
#app-form-table .sectionstart{
	border-bottom:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	padding:0;
	margin:0;
} 
#app-form-table .sectionmid{
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	padding: 0;
}
#app-form-table .sectionend{
	border-top:#CCC 1px solid;
	padding:0;
}
#app-form-table h3{
	background-color: #CCC;
	margin:0;
	padding:10px;
}
#app-form-table h4{
	margin:0;
	padding:10px 0 5px 0;
}
#app-form-table input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px;
	margin:1px;
}
#app-form-table select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px;
	margin:1px;
}
#app-form-table select option{
	padding: 4px;
}
#app-form-table textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px;
	margin:1px;
}
#app-form-table .submit {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 4px 10px 4px 10px; margin: 0 0 0 2px;}

.tbl {
	padding:0;
	margin:0 0 20px 0;
	border-collapse: collapse; 
	table-layout:automatic;
	float:left;
	clear:left;
}
.tbl td,th{
	margin: 0;
	padding: 5px;
	border-top:1px solid #999;
} 
.tbl thead{
	background-color: #CCC;
	margin:0;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	color:#000066;
}
.tbl input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
table .centered{
	text-align:center;
}
/*Members list in members area*/
.memberlist {
	padding:0;
	margin:0 0 20px 0;
	border-collapse: collapse; 
	table-layout:automatic;
	float:left;
	clear:left;
	width:100%;
}
.memberlist td,th{
	margin: 0;
	padding: 5px;
	border-top:1px solid #999;
} 
.memberlist thead{
	background-color: #CCC;
	margin:0;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	color:#000066;
}
/*Gallery*/
.album {
	float:left;
	margin: 0 18px 20px 0;
	width:215px;
	border: #ccc 1px solid;
}
.album-txt {
	width:215px;
	padding: 10px 0 10px 0;
	text-align:center;
	background-color:#f3f3f3;
}
/*.album a{
	font-size:12px;
	color:#FFF;
}*/
.gallery-img {
	float:left;
	margin: 0 18px 20px 0;
	width:215px;
	text-align:center;
	border: #ccc 1px solid;
}
.gallery-img-txt {
	font-size:12px;
	width:215px;
	padding: 5px 0 0 0;
}
.gallery-return {
	float:left;
	height:35px;
}
.buttons-cont {
	float:right;
	height:35px;
	border:#066 1p solid;
	padding:0 15px 0 0;
}
.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
a.button {
    color: #666;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 4px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 5px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	text-decoration:none;
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
/*Officials*/
.officials-add {
	float:left;
	padding: 0 10px 0 0;
	width: 215px;
	height:260px;
}
.off-name {
	font-weight:bold;
	}
.officials-heading {
	font-weight:bold;
	font-size:16px;
	color:#000066;
	font-variant:small-caps;
	clear: left;
	}
/*Annual Gathering Form*/	
#gathbookingtbl {
	padding:0;
	margin:0 0 20px 0;
	width:700px;
	float:left;
	clear:left;
}
#gathbookingtbl td,th{
	margin: 0;
	padding: 5px;
	border:1px solid #999;
} 
#gathbookingtbl thead{
	margin:0;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	color:#000066;
}
#gathbookingtbl .sectiontitle {
	font-weight:bold;
	text-align:center;
}
#gathbookingtbl .centered {
	text-align:center;
}
#gathbookingtbl input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#gathbookingtbl textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*Download Box in left margin*/
#download-box-container {
	float:left;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top:#CCC 1px solid;
	width:220px;
}
.download-heading {
	font-weight:bold;
	color:#000066;
	font-size:13px;
}
/*General Styles*/
h1 {
	font-size:17px;
	color:#000066;
}
h1 span {
	color:#666;
	font-size:15px;
}
h2 {
	font-size:15px;
	color:#000066;
	clear:left;
}
h3 {
	font-size:13px;
	color:#000066;
}
h4 {
	font-size:12px;
	color:#000066;
	clear:left;
}
.smlltxt {
	font-size:11px;
}
.moneysubtotal  {
	font-size:13px;
	font-weight:bold;
	}
.moneytotal {
	font-size:13px;
	font-weight:bold;
	}
.smllitalictxt {
	font-size:11px;
	font-style:italic;
}
img {
	border:none;
}
a {
	color:#333399;
	text-decoration:none;
}
a:hover {
	text-decoration: underline ;
}
.red {
	color:#cc3333;
}
.orangebkgrnd {
	background-color:#FC6;}
.green {
	color:#093;}
.greenbkgrnd {
	background-color:#CCFFCC;}
.blue {
	color:#06F;}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear {clear:both;}
.img-center {
	margin: 0px auto;
	padding: 0 0 10px 0;
	text-align:center;
	clear:both;
}
.img-two-sidebyside {
	float:left;
	width:50%;
	text-align:center;
	padding: 10px 0 10px 0;
}
.image-right {
	float:right;
	padding: 0 0 5px 20px;
}
.bigtext {
	font-size:15px;
	font-weight:bold;
}
.centertxt {
	padding: 10px 0 10px 0;
	width:100%;
	text-align:center;
}
#left-col1{width:15%;float:left;}
#left-col2{width:10%;float:left; margin-left:10px;}
#cntr-col{width:40%;float:left; border:#333333 1px solid; padding:10px;margin:50px 0 0 0;}
#right-col1{width:15%;float:left;}
#right-col2{width:10%;float:left; margin-left:10px;}
.gen-container-txt {padding:10px; clear:both; width:100%;}
.gen-container-link {text-align:center; clear:both; width:100%;}

/*Hidden field to stop spam bots*/
.surname {	
	display:none;
	visibility:hidden;
}
#footershadow {
	margin: 0px auto;
	width:1020px;
	height:40px;
	padding:0;
	background-image:url(../images/bord-bott-shad.png);
	background-repeat:no-repeat;
	/*border:#666 1px solid;*/
}
#footerlinks {
	margin: 0px auto;
	width:940px;
	height:200px;
	padding:0 0 20px 0;
/*	border:#0C9 1px solid;*/
}
.footer-txt {
	float:left;
	padding: 5px 0 15px 1px;
}
.footer-txt ul {
	padding: 0;
	margin:0 27px 0 0;
	list-style: none;
}
.footer-txt li {
	padding:5px 0 0 0 ;
}
.footer-txt li span {
	font-weight:bold;
	font-size:11px;
	color:#666;
}
.footer-txt li span:hover {
	color:#333;
	text-decoration:underline;
}
.footer-txt a {
	color:#666;
	text-decoration:none;
	font-size:11px;
}
.footer-txt a:hover {
	color:#333;
	text-decoration:underline;
}
#footer-txt-external {
	clear:left;
}
#footer-base-container {
	margin: 0px auto;
	width:940px;
	color:#666;
	font-size:11px;
	border-top:#ccc 1px solid;
	clear:left;
}
#footer-base-txt {
	float:left;
	padding: 10px 0 0 0 ;
}
#footer-base-txt a {
	color:#666;
	text-decoration:none;
}
#footer-base-txt a:hover {
	color:#333;
	text-decoration:underline;
}
.facebook-container {
	float:left;
	padding: 20px 30px 30px 0 ;
}