html, body {
	background: white; 
	color: black; 
	font-family: Georgia, serif; 
	font-size: 62.5%; 
	margin: 0px; 
	padding: 0px;
}

:-moz-any-link:focus,
:-moz-any-link:active {
	outline: none;
}

/*  fonts */

/* some colours (black & white) are specified here because white always reverses out of dark swatch and black overlays light swatch */

/* set font sizes */

h1, h2, h3, h4, h5, h6 {font-family: 'Lucida Grande', Verdana, sans-serif;}

h1 {font-size: 4em;}
h2 {font-size: 4.2em;}
h3 {font-size: 3.4em;}
h4 {font-size: 3em; font-weight: normal;}
h5 {font-size: 2.8em;}

p, ul, ol, label, input, select, h6 {font-size: 2.4em;}


/* general */

h1 {
	background: transparent url('library/images/main/masthead.png') no-repeat top left; 
	display: block; 
	height: 150px;
	left: -15px;
	margin: 0px; 
	padding: 12px 0px 0px 29px; 
	position: absolute;
	text-indent: -5000em; 
	top: 0px;
	width: 270px;
	z-index: 45;
}
h1 a {
	display: block; 
	height: 115px;
	width: 280px;
}

h2 {
  background: transparent url('library/images/main/page-headings.png') no-repeat left top;
  border-right: 1px solid white;
  display: block;
  float: left;
  height: 30px;
  margin: 0em;
  text-indent: -5000em;
}

.dear-readers h2 {
  background-position: 0px -210px;
  width: 130px;
}

.news h2 {
  background-position: 0px -30px;
  width: 85px;
}

.letters h2 {
  background-position: 0px -60px;
  width: 148px;
}

.tradingpost h2 {
  width: 153px;
}

.directory h2 {
  background-position: 0px -90px;
  width: 120px;
}

.diarydates h2 {
  background-position: 0px -120px;
  width: 141px;
}

.helpline h2 {
  background-position: 0px -150px;
  width: 121px;
}

.contact h2 {
  background-position: 0px -180px;
  width: 135px;
}

.advanced-search h2 {
  background-position: 0px -240px;
  width: 160px;
}

.terms h2 {
  background-position: 0px -270px;
  width: 200px;
}

.terms.privacy h2 {
  background-position: 0px -300px;
  width: 200px;
}

h3,
h4,
h5,
h6 {
	margin: 0px;
}

h3.recent-entries {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.most-recent h3 {
  margin-bottom: 0.5em;
}

.index h4,
.comments h3,
h4.forthcoming-events,
h4.full-contact-details {
	background: #fff url('library/images/main/txt-h4.png') no-repeat top left;
	clear: both;
	display: block;
	height: 26px;
	text-indent: -5000em;
	width: 100%;
}

.index h4 {margin-bottom: 0.4em;}

h5 {
	padding: 4px;
}

/* layout */

/* general page layout */

.container {
  direction: ltr;
  margin: 0 auto;
  width: 970px;
}

.wrapper {
	background: white url('library/images/main/dots-vertical.gif') repeat-y 220px 0px; 
	direction: rtl; 
	margin: 0 auto; 
	position: relative; 
	width: 970px;
}

.index {
	direction: ltr; 
	float: right; 
	padding: 140px 0px 30px 0px; 
	width: 200px;
}

.content {
  direction: ltr; 
  float: right; 
  margin-left: 35px;
  padding-bottom: 20px;
  width: 730px;
}

.footer {
	background: white; 
	clear: both; 
	direction: ltr;
}

/* content element */

/* content div */

.float-right {
	float: right;
}

.article img.float-right {
	margin: 0px 0px 20px 20px;
}

/* forms */

.form-row {
	clear: both;
	float: left;
	margin: 1em 0em 1em 0em;
	width: 100%;
}

input.textbox,
textarea,
.search-input {
  background: #e7e7e7;
  border: 1px solid #bbb;
}

input.textbox,
textarea {
  width: 450px;
}

input.textbox.error,
textarea.error {
	float: left;
	margin-right: 20px;
}

textarea {
  padding: 5px;
}

/* buttons */

.btn {
	background: transparent url('library/images/main/btn-new-2.gif') no-repeat left top;
	border: none;
	color: #CB006A;
	display: block;
	float: left;
	font-size: 0.001em;
	height: 19px;
	margin-right: 15px;
  padding: 0px;
	text-indent: -5000em;
}

.hide {display: none;}
.invisible {visibility: hidden;}

/* calls to action - add your event / club / supplier etc  */

/* add-club-supplier layout */

.call-to-action {
  position: relative;
}

.call-to-action div {
  background: transparent url('library/images/main/call-to-action.png') no-repeat left top;
  color: white;
  padding: 0px 15px 0px 15px;
  position: absolute;
  right: 0px;
  text-align: center;
  z-index: 600;
}

.call-to-action h4 {
  display: block;
  margin: 0px;
  text-indent: -5000em;
}

div.add-a-supplier,
div.add-a-club {
  height: 165px;
  margin-right: -15px;
  padding: 0px 15px 0px 15px;
  top: -32px;
  width: 145px;
}

div.add-a-supplier {
  background-position: -6px -8px;
}

div.add-a-club {
  background-position: -6px -173px;
}

/* add your event layout  */

div.add-to-diarydates {
  background-position: -6px -341px;
  height: 208px;
  padding: 0px 20px 0px 20px;
  top: -70px;
  width: 169px;
}

/*  current issue layout */

div.buy-issues {
  background-position: -6px -551px;
  height: 170px;
  top: -30px;
  width: 149px;
}

.add-to-diarydates h4 {
  height: 82px;
}

.add-to-directory h4 {
  height: 40px;
}

.add-a-supplier h4,
.add-a-club h4 {
  height: 65px;
}

.buy-issues h4 {
  height: 100px;
}

.call-to-action p {
  font-size: 2.2em; 
  line-height: 1.3em;
  margin: 0.2em 10px 0.2em 10px;
}

.call-to-action .buy-issues p {
  margin: 0px;
}

.callout a,
a.call-to-click {
  background: transparent url('library/images/main/arrow-link-white.gif') no-repeat 97% center;
  color: white;
  font-weight: bold;
  padding-right: 20px;
  text-decoration: none;
}

.callout a {
  font-size: 2.5em;
}

.callout a:hover,
a.call-to-click:hover {
  background-position: 100% center;
}

/*  footer styles */

.footer {
  margin-top: 4em;
  padding-top: 3em;
}

.feature {
  background: transparent url('library/images/main/footer-round-world.jpg') no-repeat left top;
  float: left;
  height: 225px;
  margin-top: -3em;
  padding: 0px 20px 0px 17px;
  width: 233px;
}

.footer h6 {
  display; block;
  height: 35px;
  margin: 0px;
  text-indent: -5000em;
}

.info {
  color: #aaa;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 0.8em;
  padding: 2em;
}