/*
 Title:   www.britishbikersclub.co.uk master stylesheet
 Author:  Marc Mahoney
 Email:	  info@cssdesigns.co.uk
 Updated: 27/11/2006
*/

body {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 text-align: center;
 padding: 0;
 margin: 0;
 line-height: 1.6em;
 background-color: #666;
 background-image: url('../images/background.jpg');
 background-repeat: repeat-x;
 background-position: top;
}

/*   Class Elements   */

.first-word {
 color: #039;
}

.validator-img {
 float: left;
 position: relative;
 padding: 7px 0 0 5px;
 margin: 0;
}

.menu-description {
 color: #039;
}

.more-info a {
 color: #333;
 text-decoration: none;
}

.more-info a:hover {
 color: #333;
 text-decoration: underline;
}


/*   Logo Elements   */

#club-logo {
 position: relative;
 padding: 0;
 margin: 0;
 width: 200px;
 height: 100px;
}

#club-logo img {
 margin: 0;
 padding: 5px 0 0 20px;
}

/*    Menu Elements    */

#menu {
 /* Hides from IE-mac \*/
 height: 1%;  /* peekaboo hack / Holly hack */
 /* End hide from IE-mac */ 
 margin: 0;
 padding: 0;
}

#menu p {
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;
}

#menu li {
 list-style-type: none;
 background-color: #CCC;
 margin: 0;
 padding: 7px 0 0 20px;
 background-image: url('../images/navbackground.jpg');
 background-repeat: repeat-y;
}

#menu a {
 display: block;
 font-size: 12px;
 color: #333;
 font-weight: bold;
 text-decoration: none;
}

#menu a:hover {
 text-decoration: underline;
}

/*   Main Elements   */

#container {
 position: relative;
 width: 850px;
 margin: 0 auto 0 auto;
 text-align: left;
 padding: 0;
}

#container-left-column {
 position: relative;
 width: 200px;
 float: left;
 margin: 0;
 padding: 0;
}

#container-right-column {
 position: relative;
 float: right;
 width: 650px;
 margin: 0;
 padding: 0;
}

#header {
 position: relative;
 height: 100px;
 padding: 0;
 margin: 0;
 background-image: url('../images/headerbackground.gif');
 background-repeat: repeat-x;
 background-position: top;
}

#header H1 {
 padding: 0;
 margin: 35px 0 0 20px;
 line-height: 100%;
 font-size: 36px;
 color: #CCC;
}

#title-text {
 position: relative;
 float: left;
 width: 475px;
 margin: 0;
 padding: 0;
}

#home-link {
 position: relative;
 line-height: normal;
 float: left;
 width: 85px;
 margin: 50px 0 0 0;
 padding: 0;
}

#home-link img {
 padding: 0;
 margin: 0;
}

#forum-link {
 position: relative;
 line-height: normal;
 float: right;
 width: 85px;
 margin: 50px 0 0 0;
 padding: 0;
}

#forum-link img {
 padding: 0;
 margin: 0;
}

/*   Different images for each page   */

#club-moto-home {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/homemainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-home h2 {
 display: none;
}

#club-moto-about {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/aboutmainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-about h2 {
 display: none;
}

#club-moto-contact {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/contactmainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-contact h2 {
 display: none;
}

#club-moto-news {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/newsmainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-news h2 {
 display: none;
}

#club-moto-links {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/linksmainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-links h2 {
 display: none;
}

#club-moto-sponsors {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/sponsorsmainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-sponsors h2 {
 display: none;
}

#club-moto-charity {
 position: relative;
 clear: both;
 height: 270px;
 background-image: url('../images/charitymainimage.jpg');
 margin: 0;
 padding: 0;
}

#club-moto-charity h2 {
 display: none;
}

#main-content-one-column {
 position: relative;
 margin: 0;
 padding: 10px 10px 20px 10px;
 background-color: #fff;
 background-repeat: repeat-y;
}

#main-content-one-column p {
 margin: 10px 20px 5px 10px;
 padding: 0;
}

#main-content-one-column h3 {
 font-size: 14px;
 padding: 0;
 margin: 0;
 color: #666;
}

#main-content-one-column h4 {
 font-size: 12px;
 display: block;
 width: 615px;
 background-color: #eee;
 padding: 10px 0 5px 10px;
 margin: 30px 0 0 0;
 color: #333;
 border: #000 1px dashed;
}

#main-content-one-column h5 {
 font-size: 12px;
 display: block;
 color: #333;
}

#main-content-one-column a {
 font-size: 11px;
 color: #666;
 text-decoration: none;
 font-weight: bold;
}

#main-content-one-column a:hover {
 text-decoration: underline;
}

#sponsors {
 text-align: center;
}

form {
 line-height: 2.6em;
 padding: 20px;
 margin: 20px;
 width: 545px;
 background-color: #eee;
 border: #000 1px dashed;
}

form table {
 margin: 20px;
 border: none;
}

form td {
 padding: 1px;
 width: 125px;
 border: none;
}

#main-content-two-column {
 /* Hides from IE-mac \*/
 height: 1%;  /* peekaboo hack / Holly hack */
 /* End hide from IE-mac */ 
 position: relative;
 margin: 0;
 padding: 10px 10px 20px 10px;
 background-color: #fff;
 background-image: url('../images/twocolumnbackground.jpg');
 background-repeat: repeat-y;
 overflow: auto;
}

#main-content-two-column-left {
 position: relative;
 float: left;
 width: 410px;
 margin: 0;
 padding: 0;
}

#main-content-two-column-left h3 {
 font-size: 14px;
 padding: 0;
 margin: 0;
 color: #666;
}

#main-content-two-column-left p {
 margin: 10px 20px 5px 10px;
 padding: 0;
}

#join-club {
 margin: 20px 0 0 0;
 padding: inherit;
}

#main-content-two-column-right {
 position: relative;
 float: right;
 width: 210px;
 margin: 0;
 padding: 0;
}

#main-content-two-column-right h3 {
 font-size: 14px;
 padding: 0;
 margin: 0 0 20px 0;
 color: #666;
}

#main-content-two-column-right h4 {
 font-size: 12px;
 padding: 0;
 color: #666;
}

#main-content-two-column-right p {
 margin: 0 20px 15px 10px;
 padding: 0;
}

#main-content-two-column-right img {
 float: left;
 padding: 5px;
 margin: 0;
}

#terms {
 padding: 30px 0 0 0;
 margin: 0;
}

#terms p {
 font-size: 9px;
 color: #666;
}

#note {
 padding: 10px 0 5px 0;
 margin: 0;
}

#group-photo {
 text-align: center;
 margin: 15px 0 0 0;
 padding: 0;
}

#imagine-appeal-image {
 padding: 10px 0 10px 0;
 float: right;
}

#imagine-appeal-fundraising {
 padding: 10px 0 10px 0;
}

#egg-rally-graphic {
 padding: 10px 2px 0 3px;
}

/*   Footer Elements   */

#footer {
 clear: both;
 position: relative;
 text-align: right;
 font-size: 9px;
 height: 30px;
 width: 650px;
 padding: 0;
 margin: 30px 0 0 0;
 background: #999;
}

#w3c-validation {
 float: left;
 position: relative;
 text-align: left;
 width: 250px;
 padding: 0;
 margin: 0;
}

#copyright {
 float: right;
 position: relative;
 text-align: right;
 width: 350px;
}

#copyright p {
 padding: 5px 5px 0 0;
 margin: 0; 
 color: #fff;
}