/*---------------------------------------------------------------------------------------
  
                        Website: Nottingham Light House Club
                        Author: Bitmedia
                        Created: November 2008
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Layout
    Content
    Typography
	Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: #dbdbdb;}


/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#pageContainer { width: 950px; padding: 0 8px; margin: 0 auto; background: url('../images/shadowBg.png') repeat-y; }
#header { width: 100%; border-bottom: 1px solid #bebebe; background: url('../images/headerBg.png') repeat-x; overflow: hidden;}
#nav { border-bottom: 1px solid #bebebe; background: url('../images/navBg.png') repeat-x;}
#pageBody { overflow: hidden; width: 950px;}
#sideColumn { float: left; width: 164px; padding: 0 0 7px; margin: 15px 0 0 12px; background: url('../images/sideColumn.png') no-repeat bottom left;}
	* html #sideColumn{ display: inline;}
#mainColumn { float: left; width: 536px; padding: 27px 0 0 33px;}
#sideColumn2 { float: left; width: 164px; padding: 15px 0 0 27px;}
#bottom {width:100%; margin-left:10px; margin-top:15px;}

#footer { width: 950px; height: 28px; padding: 0 8px; margin: 0 auto; background: url('../images/footer.png') no-repeat; }


/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
#logo, #banner { float: left;} 
#contact { float: right; padding: 62px 17px 0 0; text-align: right; color: #fff; font-size: 1.2em;}
#sponsors { padding: 0 1px;}
#contentSide { float: right; width: 153px; margin: 7px 0 10px 20px;}
.sideColumn2Content { overflow: hidden; width: 142px; padding: 10px; margin-bottom: 15px; border: 1px solid #bfbfbf; background: url('../images/sideColumn2Content.png') repeat-x bottom left;}


/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Links */
a:link, a:visited { color: #00317d;}
a:hover {color: #db9000;}

/* Base */
body { font: 62.5% georgia, serif;}
#pageContainer { font-size: 1.2em; line-height: 1.5em; text-align: left;}
p { margin-bottom: 1.45em;}

/* Specifics */
#contact { font-family: Arial, Helvetica, sans-serif;}
#contact a { color: #fff; text-decoration: none;}
	#contact a:hover { text-decoration: underline;}
#sponsorLink { display: block; width: 162px; height: 166px; background: url('../images/sponsor.jpg') no-repeat; text-indent: -9999px; outline: 0;}
	#sponsorLink:hover { background-position: top right;}
.sideColumn2Content { font-style:italic; line-height: 1.6em;}
a.membershipGo { display: block; float: right; width: 47px; height: 48px; margin-top: 10px; background: url('../images/go.png') no-repeat; text-indent: -9999px; outline: 0;}
	a.membershipGo:hover { background-position: top right;}

/* Headers */
#sideColumn h3 { display: block; width: 164px; height: 41px; margin-bottom: 7px; line-height: 41px; color: #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; background: url('../images/sideHeaderBg.png') no-repeat;}

#sideColumn2 h3 { display: block; width: 164px; height: 41px; line-height: 41px; color: #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; background: url('../images/sideHeaderBg.png') no-repeat;}

h1 { padding: 20px 0; font-size: 1.8em; line-height:1.4em;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
ul#mainNav { margin: 0 auto; text-align: center; padding: 9px 0; list-style: none;}
ul#mainNav li { display: inline; margin: 0; padding: 0;}
ul#mainNav li a { padding: 9px 12px 9px 5px; font-size: 1.1em; color: #fff; text-transform:uppercase; text-decoration: none; background: url('../images/orangeCircle.png') no-repeat center right;}
ul#mainNav li.last a { background: none;}
ul#mainNav li a:hover { color: #db9000;}
ul#mainNav li a.currentPage {color: #db9000;}

/*---------------------------------------------------------------------------------------
   Form Styles
---------------------------------------------------------------------------------------*/

/* Default Form Style */
#formDefault { width: 350px;}
.formRow { width: 100%; float: left; margin-bottom: 10px;}
.formLeft { width: 150px; float: left;}
.formRight { float: left;}
.formRight input, .formRight textarea { margin-right: 5px;}
input.textInput { border: 1px solid #9a9a9a; background: #fffff1; color: #000;}
textarea.textArea { border: 1px solid #9a9a9a; background: #fffff1;}
select.select { border: 1px solid #9a9a9a; background: #fffff1; color: #000;}
select.select option {background: #fffff1; color: #000;}

/* MailingList */
#mlForm { margin-top: 10px;}
#mlForm .input { width: 140px; padding: 2px 0;}
#mlForm .submit { margin-left: 80px; background: none; }

/* Small Submit Button (Default) */
input.submit {  width: 75px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit.png') no-repeat; cursor: pointer;}
input.submit:hover { background-position: top right;}

/* Medium Submit Button */
.medSubmit { float: left;}
.medSubmit input.submit {  width: 107px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit2.png') no-repeat; cursor: pointer;}
.medSubmit input.submit:hover { background-position: top right;}

/* Large Submit Button */
.lgeSubmit { float: left;}
.lgeSubmit input.submit {  width: 127px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit3.png') no-repeat; cursor: pointer;}
.lgeSubmit input.submit:hover { background-position: top right;}


/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
p#errorMessage { padding: 100px 0; text-align: center;}




/*---------------------------------------------------------------------------------------
   Page Groups
---------------------------------------------------------------------------------------*/

/* Meet the team Listing */
.listingTeam { margin-top:1em;}
.lt { overflow: hidden;}
.listingTeam img { float:left;}
.listingTeamLink { float: left; padding: 5px 0 0 10px;}

/* Forthcoming events */
.listingForthLink {margin-top:1em;}

/* Past Events */
.listingPastLink {margin-top:1em;}

/* About Us */
.listingAboutLink {margin-top:1em;}