/*10:33 12/06/2009 Kirklees Style Sheet
Website coded by Dan Cunningham @ nineten.co.uk
stylesheet version : 0.1

background: #fff
*/

/* basics */


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px;
	text-align: left;
}

*{margin:0; padding:0;}

body {
	text-align: center;
	background: #fff;
	font-family:  Helvetica, arial, sans-serif;
	font-size: 9pt;
	margin:0px;
	color: #000;
}

.container {
	margin: 0 auto;
	padding: 10px;
	width: 983px;
	background:#fff url(../i/bk.jpg) 0px 0px repeat-y;
text-align: left;

}
.content {
padding: 10px 3px 0px 10px;
min-height: 590px;
}

h1 {font-size: 18pt;}
h2 {font-size: 12pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

img{ border: none; padding:0; }
img a{border:none;}

a {
font-weight: bold;
text-decoration:none;
color: #000;
}
a:hover {
font-weight: bold;
text-decoration:underline;
color: #d4145a;
}
.header {
	background: url(../i/headingbk.jpg) 5px 0px repeat-y;
	height: 107px;
	position: relative;
	z-index:1;
}
.header h1 {
text-indent: -9997px;
}
.header h1 a {
height: 107px;
width: 300px;
display:block;
}
.footer {
	margin: 0 auto;
	height: 132px;
	width: 1003px;
	background:#fff url(../i/footerbk.jpg) 0px 0px repeat-y;
}

.footer2{
font-size: 10px;
	margin: 0 auto;
	height: 30px;
	width: 985px;
}

.footer2 ul {
list-style-type: none;
}

.footer2 li {

float :left;
padding: 0px 10px 0px 10px;
border-right: 1px solid #999;

}
.footer2 a {
color: #0071bc;
font-weight: normal;
}

.left {
float :left;
}
.right {
float: right;
}
.menuleft { 
	width: 180px;
	float: left;
	}
	
.menuright {
	float: right;
	width: 199px;
	}
.menu ul {
list-style:none;
}
.menu ul li a{
text-indent: -9997px;
display:block;
height: 50px;
overflow:hidden;
}
.menu ul li a.home {
background: url("../i/leftmenu.jpg") top left no-repeat;
}
.menu ul li a.about {
background: url("../i/leftmenu.jpg") 0px -45px no-repeat;
}
.menu ul li a.gallery {
background: url("../i/leftmenu.jpg") 0px -100px no-repeat;
}
.menu ul li a.referral {
background: url("../i/leftmenu.jpg") 0px -150px no-repeat;
}
.menu ul li a.links {
background: url("../i/leftmenu.jpg") 0px -200px no-repeat;
}
.menu ul li a.contact {
background: url("../i/leftmenu.jpg") 0px -250px no-repeat;
}
.menu ul li a.members {
height: 80px;
background: url("../i/leftmenu.jpg") 0px -300px no-repeat;
}
.centercontent {
float: left;
width:580px;
padding: 10px 0px 10px 10px;
}
.centercontent p {
padding: 0px 10px 10px 10px;
}
.centercontent ul {
padding: 0px 30px 0px 30px;
}

.homeleft {
width: 300px;
float: left;
}
.homeleft h2 {
padding: 10px;
color: #29abe2;
line-height: 22px;
}
.homecontent {
clear:both;
padding: 10px 10px 0px 10px;
height: 380px;
background: url("../i/home-outline.jpg") bottom left no-repeat;
}
.homecontent p {
	padding: 5px 0px 5px 0px;
}



.memberphotogal {
	float: left;
	width: 193px;
}
.memberphotogal p {
	position:relative;
	color: #fff;
	z-index:9;
	margin-top: -15px;
}
.memberphotogal h3 a{
	position:relative;
	z-index:10;
	text-indent: -9997px;
	overflow:hidden;
	display:block;
	width: 186px;
	height: 128px;
	background: url("../i/home-members.jpg") top left no-repeat;
}

.membersay {
	float: left;
	width: 193px;
}
.membersay p {
	position:relative;
	z-index:9;
	color: #fff;
	margin-top: -15px;
}
.membersay h3 a{
	position:relative;
	z-index:10;
	text-indent: -9997px;
	overflow:hidden;
	display:block;
	width: 186px;
	height: 128px;
	background: url("../i/home-haveyoursay.jpg") top left no-repeat;
}


.memberstories {
	float: left;
	width: 193px;
}
.memberstories p {
	position:relative;
	color: #fff;
	z-index:9;
	margin-top: -15px;
}
.memberstories h3 a{
	position:relative;
	z-index:10;
	text-indent: -9997px;
	overflow:hidden;
	display:block;
	width: 186px;
	height: 128px;
	background: url("../i/home-yourstories.jpg") top left no-repeat;
}


.notes {
background: url("../i/notesbk.jpg") top left no-repeat;
width: 199px;
min-height: 415px;
overflow: hidden;
padding-top: 10px;
	
}
.news-right {
background: url("../i/notesbk2.jpg") top left repeat-y;
min-height: 34px;
}
.news-right3 {
background: url("../i/notesbk3.jpg") top left repeat-y;
min-height: 100px;
margin-top: -15px;
}
.notes h3 { 
text-indent:-9997px;
}
.notes h3 a {
    display: block;
    height: 30px;
    margin-bottom: 10px;
}
.sticky {
background: url("../i/right-sticky.jpg") top left no-repeat;
height: 182px;
width: 200px;
text-indent: -9997px;
overflow: hidden;
}

h2.about {
font-size: 28pt;
line-height: 80px;
color: #8cc63f;
border-bottom: 1px dashed #e5729c;
margin-right: 10px;
padding-left: 65px;
background: url("../i/about-us.jpg") top left no-repeat;
height:80px;
}
h2.notmember {
font-size: 28pt;
line-height: 80px;
color: #d4145a;
border-bottom: 1px dashed #e5729c;
margin-right: 10px;
padding-left: 65px;
background: url("../i/about-us.jpg") top left no-repeat;
height:80px;
}
h3.about {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
}
.whatwedo p {
padding-left :30px;
}
h2.referral {
background: url("../i/referral-forms.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
height:80px;
border-bottom: 1px dashed #e5729c;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}
h3.referral {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
}
h3.members {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
border-bottom: 1px dashed #badd8c;
width: 550px;
margin-bottom:10px;
}
.servicesoffered  ul{
list-style: none;
padding: 0px;
margin-left: 12px;

}
.servicesoffered li{
width: 150px;
float:left;
}

.download {
padding: 20px 0px 0px 7px;
}
.download  .left{
margin-top:10px;
}
.download a {
text-decoration: underline;
}

h2.usefullinks {
background: url("../i/useful-links.jpg") 0px 10px no-repeat;
margin-right: 10px;
padding-left: 65px;
height:80px;
border-bottom: 1px dashed #8283be;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

h3.usefullinks {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
}


h2.contactus {
background: url("../i/contact-us.jpg") 0px 15px no-repeat;
margin-right: 10px;
padding-left: 65px;
height:80px;
border-bottom: 1px dashed #f79c7c;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

h3.contactus {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
}
h2.newsevents{
background: url("../i/news-events.jpg") 0px 15px no-repeat;
margin-right: 10px;
padding-left: 65px;
height:80px;
border-bottom: 1px dashed #f79c7c;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

h3.newsevents {
padding: 10px;
color: #29abe2;
line-height: 22px;
font-size: 12pt;
}
#gsSidebarCol {
display:none !important;
}

.giAlbumCell {
float:left;
width: 550px !important; 
border: 1px dashed #01a89e;
margin: 3px;
padding: 10px;
}

.album1 {
clear:both;
border: #00a99d 1px dashed;
padding: 5px;
margin-bottom: 10px;
min-height: 120px;
}

.album2 {
width: 135px;
padding:3px;
float: left;
min-height: 120px;
text-align:center;
}

.giTitle {
font-weight: bold;
height: 15px;
}

.giThumbnail {
float :left;
}

.giTitle {
xmargin-left: 140px;
float: left;
}

.giDescription {
margin-top: 25px;
margin-left: 140px;

}

.giInfo {
margin-left: 150px;
}


.gbBlock {
text-align:left;
}
.block-core-Navigator {
  padding: 10px 0px 10px 0px;
width: 580px;
}

div.gbNavigator div.next-and-last {
  float: right;

}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;

}

div.gbNavigator a.first {
  padding-left: 27px;
  background: url('../gallery/themes/matrix/images/nav_first.gif') left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 27px;
  background: url('../gallery/themes/matrix/images/nav_prev.gif') left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 27px;
  background: url('../gallery/themes/matrix/images/nav_next.gif') right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 27px;
  background: url('../gallery/themes/matrix/images/nav_last.gif') right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}


td .giItemCell {
text-align:center;
height: 180px;
max-width: 140px!important;
xborder: 1px solid #ccc;
padding: 2px;
}

.members-gallery-top h2 {
background: url("../i/members-gallery.jpg") top left no-repeat;
height: 121px;
text-indent: -9997px;
overflow:hidden;
}
.block-core-Pager {
font-size: 12px;
padding: 5px;
}
.block-core-BreadCrumb {
padding: 2px;
}

.giThumbnail {
max-width: 130px;
}

.gbBlock  img {
border : 1px solid #ccc;
padding :2px;
}
.event {
padding: 3px 3px 3px 25px;
margin: 0px 0px 2px 10px;
width: 530px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ddd;

background: #ddd url(../i/calendar.png) 4px 2px no-repeat;
}
.news-right {
padding: 4px 10px 10px 20px;
}
.memo{
padding: 3px 3px 3px 25px;
margin: 0px 0px 2px 10px;
width: 530px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ddd;

background: #ddd url(../i/star.png) 4px 2px no-repeat;
}

.newsouter {
border-bottom: 1px dashed #badd8c;
margin-bottom: 10px;
}

.photo-gallery-top > h2 {
background: url("../i/photo-gallery.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
margin-bottom: 10px;
height:80px;
border-bottom: 1px dashed #66cbc4;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

.members-gallery-portal a {
background: url("../i/members-gallery-portal.jpg") top left no-repeat;
width: 186px;
height: 67px;
padding: 3px 4px 3px 3px;
float: left;
display: block;
text-indent:-9997px;
overflow: hidden;
}

.members-gallery-say  a{
background: url("../i/members-gallery-say.jpg") top left no-repeat;
width: 187px;
height: 67px;
padding: 3px 4px 3px 3px;
float: left;
display: block;
text-indent:-9997px;
overflow: hidden;
}

.members-gallery-stories a{
background: url("../i/members-gallery-stories.jpg") top left no-repeat;
width: 186px;
height: 67px;
padding: 3px 0px 3px 3px;
float: left;
display: block;
text-indent:-9997px;
overflow: hidden;
}

.members-stories-top > h2 {
background: url("../i/members-stories.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
margin-bottom: 10px;
height:122px;
width: 555px;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

.members-stories-add {
border: 2px dashed #c5669e;
width: 552px;
padding: 10px;
}
.members-stories-add   > h2 {
background: url("../i/members-story-add.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
margin-bottom: 10px;
height:35px;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}

.gallery-comment-add {
border: 2px dashed #00a99d;
width: 552px;
padding: 10px;
}
.gallery-comment-add  > h2 {
background: url("../i/gallery-comment-add.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
height:20px;
font-size: 16px;
color: #00a99d
}

.gallery-comment-add input {
width: 530px;
border: 1px solid #999;
}
.gallery-comment-add textarea {
width: 530px;
border: 1px solid #999;
height: 100px;
}
div .block-core-Pager {
color: #fff;
font-weight: bold;
background: #00a99d;
}


.members-area-top  > h2 {
background: url("../i/members-welcomeback.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
margin-bottom: 10px;
height:73px;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px;
border-bottom: 1px dashed #e5729c;
}

.members-haveyoursay-add input {
width: 530px;
border: 1px solid #999;
}
.members-haveyoursay-add textarea {
width: 530px;
border: 1px solid #999;
height: 100px;
}
.members-haveyoursay-top > h2{
background: url("../i/members-haveyoursay.jpg") top left no-repeat;
margin-right: 10px;
padding-left: 65px;
margin-bottom: 10px;
height:122px;
width: 555px;
font-size: 30pt;
line-height: 80px;
text-indent: -9997px
}


.members-stories-add input {
width: 530px;
border: 1px solid #999;
}
.members-stories-add textarea {
width: 530px;
border: 1px solid #999;
height: 100px;
}
.story {
padding-top: 2px;
}
.logintop {
float: right;
height: 40px;
width: 180px;
position: absolute;
top: 30px;
left: 790px;
z-index: 2;
}
.BreadCrumb-1 {
color: #999;
}

.BreadCrumb-2 {
padding-left: 20px;
background: url("../i/black-arrow.jpg") 0px -1px no-repeat;
color: #999;
}

.BreadCrumb-3 {
padding-left: 20px;
background: url("../i/black-arrow.jpg") 0px -1px no-repeat;
color: #999;
}
.block-core-BreadCrumb {
margin-top: 5px;
}

.headerlogin {
position: relative;
left: 15px;
top: -30px;
font-size: 11px;
padding-top:30px;
background: url("../i/members-login.jpg") -5px 0px no-repeat;
}
.headerlogin input {
font-size: 12px;
width: 100px;
border: 1px solid #999;
}
.headerlogin input.login{
width: 50px;
float: right;
}
.logout{
margin-top: -20px;
margin-left: 17px;
background: url("../i/members-logout.jpg") 0px 0px no-repeat;
height: 20px;
padding-top: 34px;
}

.msg {
background-color: #ff0000;
color: #fff;
font-weight: bold;
padding: 4px;
height: 15px;
}
.msgok {
background-color: #68b700;
color: #fff;
font-weight: bold;
padding: 4px;
height: 15px;
}

.message {
padding: 10px;
width: 553px;
border: 1px dashed #8cc63f;
}
