/* CSS Document */

/*  content  */

#content {
  text-align: left;
  float: left;
  background: none;
  width: 680px;
  height: 100%;
   padding: 2px 0px 12px 1px;
  margin: 2px 4px ;
  border: solid 0px;
}

#content .block {
float: left;
padding: 6px;
width: 98%;
border: solid 1px #999;
margin: 4px 0px;
}
#content .block img {
}
#content .keyline {
border: solid 1px #999;
padding: 4px;
margin: 4px;
}
#content  p {
padding: 4px 0px;
float: none;
clear: none;
margin: 0px;
border: 0px;
}

#content img {
  float: right;
 clear: right;
  padding: 8px;
  border: solid 1px #999;
 margin: 4px 4px 4px 8px;
 background: #fff;
}

/* red text */
#content .red {
color: #ff0000
}
/* bold text */
#content .bold {
font-weight: bold;
}

/* buttons for post, print etc */
#content  .sendbutton {
border: 0px;
float: right;
clear: right;
width: 50px;
padding: 0px;
margin: 0px;
background: #fff;
border: solid 0px #999;
}
#content  .sendbutton img {
float: right;
padding: 0px;
border: 0px;
}
#content .smallpic img {
width: 70px;
}

/* headings */
#content  h1 {
font-size: 1.6em;
border: 0px;
color: #560E87;
padding: 0px;
margin: 4px 0px 8px 0px;
clear: none;
}
#content  h2 {
font-size: 1.4em;
border: 0px;
color: #560E87;
padding: 6px 0px 2px 0px;
margin: 8px 0px;
}
#content  h3 {
font-size: 1.2em;
border: 0px;
color: #560E87;
padding: 6px 5px 6px 0px;
margin: 4px 0px;
}
#content  h4 {
font-size: 1.1em;
float: none;
clear: none;
border: 0px;
width: 98%;
color: #560E87;
padding: 2px 0px;
margin: 0px;
}
#content  h5 {
padding: 0px;
margin: 0px;
}
/* tables */
#content table {
border: solid 1px #999;
clear: left;                                                                                            
}
#content table td {
border: solid 1px #999;
background: #fff;
padding: 4px;
margin: 0px;
vertical-align: top;
}
#content  .smallfit {
border: solid 1px #999;
width: 31em; 
font-size: .9em;                                                                                              
}
/* events table */
#content   .tablefit td {
width: 300px;
}

/* sportsclasses */
#content table .sportsclass {
 background: #fff;
 padding 1px;
 margin: 1px;
font-weight: bold;
}
#content table .sportsclass .sportsclasstitle a {
 border: solid 0px red;
 
  font-size: 1.5em;
 text-decoration: none;
 padding 4px;
 margin: 4px;
}
/* forms */
#content .modules form {
border: solid 1px #999;
padding: 6px;
}
#content .modules form table {
padding: 6px;
}
#content .modules form table th {
width: 150px;
text-align: right;
}
#content .modules form fieldset table th {
text-align: center;
}
#content .modules form label {
width: 150px;
text-align: right;
}
#content .modules form table td input {
width: 350px;
border: solid 1px #999;
}
#content .modules form input {
border: solid 1px #999;
}
.tablefit input {
width: 100%;
border: solid 1px #999;
}
#content .modules form table td textarea {
width: 350px;
border: solid 1px #999;
}
#content .modules form fieldset table td {
width: 15px;
height: 15px;
border: solid 0px #999;
text-align: center;
}
#content .modules form fieldset table td label{
width: 190px;
}
#content .modules form table td .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form fieldset table td .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form  .dataprot  {
border: solid 1px #999;
padding: 6px;
}
#content .modules form  .dataprot th {
text-align: left
}

/* documents list */
#content .list {
text-align: left;
width: 70%;
border: solid 1px #399;
margin: 2px;
padding: 4px;
background: #fff;
}
#content .list .doc {
  padding: 4px 0px 4px 30px;
  background: url(/images/layouts/buttons/pdf.gif) no-repeat top left;
}
#content .list .doc a {
  background: #fff;
line-height: 25px;
padding: 5px 0px 5px 2px;
margin: 5px 0px 5px 2px;
text-decoration: none;
}
#content  .bigpic .doc{
height: 300px;
padding: 300px 0px 0px 0px;
background: url(/images/layouts/buttons/pdf.gif) no-repeat top left;
}
#content  .bigpic .doc a {
 padding: 300px 0px 0px 0px;
 margin: 300px 0px 0px 0px;
   border: solid 0px #999;
}
/* events */
#content .pageevents {
 float: none;
width: 98%;
  height: 100%;
  padding: 2px 0px 2px 0px;
  border: solid 0px #999;
margin: 2px;
}
#content .pageevents .vevent {
  float: left;
  padding: 4px;
  border: solid 1px #999;
  margin: 4px;
}
#content .pageevents .vevent img {
  width: 50px;
  float: right;
}
#content .eventsblock h3 {
border: 0px;
padding: 6px 0px 0px 0px;
margin: 6px 0px 0px 0px;
}

#content .eventsblock .event {
  border: solid 1px #399;
padding: 4px;
margin: 4px 0px;
}
/* ad style links */
#content .inpageadblock {
float: right;
width: 120px;
}

/* profiles and mts */

#content .mts {
  float: right;
clear: right;
  width: 150px;
  height: 100%;
  padding: 5px;
  border: solid 1px #999;
  margin: 8px 4px;
font-size: .8em;
}

#content .mts img{ 
  width: 144px;
border: none;
padding: 2px 0px;
margin: 2px 0px;
}
#content .mts a{ 
text-decoration: none;
}
#content .mts .name { 
  font-weight: bold;
font-size: 1.2em;
}

/*news, events, docs */
#content .pagenews {
display: block;
float: none;
width: 65%;
  height: 100%;
  padding: 10px;
  border: solid 0px #999;
  margin: 4px 2px;
  /*background: #fff;*/
}
#content .pagenews img {
float: left;
padding: 0px;
margin: 20px 20px 0px 0px;
border: none;
}
#content .pagenews ul {
border: 0;
margin: 2px;
padding: 2px;
}
/* sitemap */
#content .sitemapblock {
display: block;
border: solid 0px #999;
background: #fff;
margin: 2px;
font-weight: bold;
width: 80%;
}
#content .sitemapfolder {
font-weight: bold;
font-size: 1.2em;
margin: 6px 2px 2px 0px;
padding: 6px 2px 2px 0px;
width: 100%;
float: left;
}
#content .sitemappage {
font-size: .9em;
margin: 0px 0px 0px 8px;
} 

/*  galleries  */

#content .gallerythumbs {
width: 44em;
float: left;
border: solid 0px #999;
padding: 0px;
margin: 2px 0px;
}
#content .gallerythumbs .thumb {
float: left;
border: solid 0px #999;
padding: 2px;
Margin: 2px;
height: 160px;
}
#content .gallerythumbs .thumb .pictitle {
  width: 11em;
border: solid 0px #999;
padding: 0px 5px;
margin: 0px 5px;
float: left;
clear: left;
text-align: center;
font-size: .8em;
}
#content .gallerythumbs .thumb img {
border: 0px;
padding: 0px;
float: left;
}


/* news and misc */
#content .rightblock  {
float: right;
display: block;
clear: right;
width: 140px;
margin: 8px 2px ;
padding: 4px 2px;
background: #ecfafe;
font-size: .9em;
}
#content .rightblock a {
text-decoration: none;
}
#content .rightblock img {
float: left;
clear: left;
width: 120px;
margin: 1px;
padding: 1px;
border: none;
}
#content .rightblock h2 {
font-size: .9em;
margin: 0px 4px;
padding: 0px 4px;
}
#content .rightblock .keyline {
border: solid 1px #999;
padding: 4px;
margin: 4px;
float: left;
background: #fff;
}
#content .rightblock ul {
border: solid 0px;
padding-left: 15px;
}
#content .rightblock ul .date {
font-size: .9em;
font-style: italic;
}
/* auto right pics and profiles */
#content .rightpic  {
float: right;
clear: right;
width: 190px;
height: 190px;
margin: 14px 0px 4px 8px;
}
#content .rightpic h3 {
float: right;
text-align: right;
margin: 4px 0px 1px 0px;
padding: 4px 0px 1px 0px;
border: solid 0px #000;
font-size: 1em;
line-height: 1.1em;
}
#content .rightpic .caption ,
#content .rightpic2 .caption {
font-weight: bold;
font-size: .8em;
padding: 2px;
margin: 2px;
text-align: right;
border: solid 1px #999;
float: right;
background: #ecfafe;
}
#content .rightpic object {
border: solid 0px #999;
float: right;
margin: 0px;
padding: 0px;
width: 180px;
height: 180px;
}
#content .rightpic img {
float: right;
width: 170px;
height: 170px;
margin: 2px 0px;
}
/* lower pics and profiles */
#content .rightpic2  {
float: right;
clear: right;
width: 140px;
margin:  10px 0px 10px 0px;
}

#content .rightpic2 img {
float: right;
width: 120px;
margin: 2px 0px;
}
#content .rightpic2 object {
border: solid 0px #999;
float: right;
margin: 0px;
padding: 4px 0px;
width: 120px;
height: 120px;
}

#content .rightpic2 h3 {
float: right;
text-align: right;
margin: 4px 0px 0px 0px;
padding: 4px 0px 0px 0px;
border: solid 0px #000;
font-size: .9em;
line-height: 1em;
}

#content .picandtextblock {
float: left;
width: 90%;
border: solid 1px #399;
padding: 8px;
margin: 4px;
}

#content .space {
height: 800px;
}

/* potm */
#content .potm img {
float: right;
width: 200px;
}
#content .potmmore {
width: 100%;
float: left;
border: solid 0px #000;
}
#content .potmmore .potmsmall {
float: left;
border: solid 0px #999;
width: 17em;
margin: 2px;
padding: 2px;
}
#content .potmmore .potmsmall img{
float: left;
width: 14em;
border: solid 1px #999;
}

/* maps */
#prestonmap img,
#liverpoolmap img,
#manchestermap img,
#dorsetmap img,
#blackburnmap img,
#burnleymap img {
background: none;
}

/* ecards */

.modules .ecardform {
padding: 10px 0px;
float: left;
clear: left;
width: 97%;
}
.modules .ecardform .ecardthumbs {
float: left;
width: 100%;
}
.modules .ecardpic,
.modules .ecardform .ecardpic {
float: left;
padding: 2px;
margin: 2px ;
width: 180px;
border: solid 0px #999;
text-align: center;
}

/* blogs */
#content .blog {
border: dotted 4px #999;
padding: 2px 8px;
margin: 4px 0px;
}

/* paypal button */
#content .paypal {
width: 170px;
border: solid 1px #999;
float: right;
clear: right;
padding: 4px;
margin: 4px;
background: #ecfafe;
text-align: center;
}
#content .paypal img,
#content .paypal form,
#content .paypal form input{
border: solid 0px #999;
background: #ecfafe;
}
/* form */
#content form {
  width: 460px;
}
#content form fieldset {
  padding: 2px;
  margin: 2px;
}
#content form fieldset  textarea {
width: 235px;
}
#content form fieldset input {
width: 235px;
padding: 2px 0px;
margin: 2px 0px;
}
#content form fieldset select {
min-width: 235px;
padding: 2px 0px;
margin: 2px 0px;
}
#content form fieldset label {
border: 0px;
width: 235px;
display: block;
float: left;
padding: 2px 6px;
text-align: right;
font-weight: normal;
}
#content form fieldset legend {
font-weight: bold;
padding: 4px 0px;
color: #399;
font-size: 1.1em;
}