@import "base.css";
#navigation a:hover {
    color:#FF6600;
    background-color: #444444;
}

#navigation td {
    border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

#navigation a {
    background-color: #FFFFFF;
    color: #385D73;
    line-height:16px;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
}

#navigation table {
    border-collapse: collapse;
    border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
}

html{ font-size:70%; }

body { margin:0; padding:0 0 50px 0; font-size:1.2em; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg-stripe.gif) 0 0; color:#000000; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; position:relative; }
fieldset	{ border:0; margin:0; padding:0; }
smallPrint { margin:0; padding:0 0 50px 0; font-size:1em; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg-stripe.gif) 0 0; color:#000000; }
/* A few general rules */
a 			{ color:#000000; text-decoration:underline; position:relative; }
a:hover 	{ color:#000000; text-decoration:underline; }

p{ padding-top:.5em; line-height:1.3em; }


#outerWrapper{ width:760px; margin:0 auto; text-align:left; padding:22px 14px 2em 14px; background:url(../images/bg-gradient-middle.png) 0 0 repeat-y; }
#footer{ background:url(../images/bg-gradient-bottom.png) 0 0 no-repeat; width:746px; margin:0 auto; text-align:left; height:38px; padding:15px 0 0 42px; color:#454545;  }

#mainContainer{ width:760px; background:#FFFFFF; }
#flashcontent{ background:url(../images/bg-header.png) 0 0 no-repeat; width:760px; height:125px; text-indent:-9999px; float:left; }

p.membership{ background:url(../images/fit-memberships.gif) 0 0 no-repeat; width:274px; height:142px; text-indent:-9999px; padding:0; margin:0; }
ul.list{ margin:1em 0;}
ul.list li{ background:url(../images/bullet-square.gif) 0 .5em no-repeat; padding-left:10px; }
h1.membershipIncludes{ background:url(../images/includes-title.gif) 0 0 no-repeat; text-indent:-9999px; width:274px; height:32px; margin-top:2em; }
ul.includes li{ background:url(../images/bullet-triangle.gif) 0 .4em no-repeat; padding-left:10px; }
p.memberSay{ background:url(../images/member-word.gif) 0 0 no-repeat; width:274px; height:222px; margin-top:2em; text-indent:-9999px; }

h1.login a, h1.login a em{ background:url(../images/btn-fit-login.gif) 0 0 no-repeat; width:168px; height:62px; float:left; display:block; overflow:hidden; }
h1.btnWeybridge a, h1.btnWeybridge a em{ background:url(../images/btn-weybridge.gif) 0 0 no-repeat; width:168px; height:30px; float:left; display:block; overflow:hidden; }
h1.btnWimbledon a, h1.btnWimbledon a em{ background:url(../images/btn-wimbledon.gif) 0 0 no-repeat; width:168px; height:31px; float:left; display:block; overflow:hidden; }
.rightInner{ padding:0 12px; display:block; float:left; }
h1.contact{ background:url(../images/contact-fit.gif) 0 0 no-repeat; width:144px; height:42px; text-indent:-9999px;}
h2.weybridge{ background:url(../images/weybridge.gif) 0 0 no-repeat; text-indent:-9999px; width:144px; height:37px; }
h2.wimbledon{ background:url(../images/wimbledon.gif) 0 0 no-repeat; text-indent:-9999px; width:144px; height:37px; }



#formBox{ background:url(../images/bg-stripe.gif) 0 0; border:1px solid #648FA8; border-top:1px solid #648FA8; padding:0 10px 10px 10px; width:242px; }
input, label, select{ display:block; }
label{ margin-top:.5em; }
input{ width:97%; }
select{ width:99%; }
.btnEnter{ width:150px; height:29px; overflow:hidden; float:right !important; margin-top:1em; }
.btnEnter input { display:block; border:1px none #000; padding:0; margin:0; width:150px !important; height:29px !important; background-image: url(../images/btn-enter.gif); padding-top:29px; cursor:pointer; }
#formBox p.smallTxt{ clear:both; padding-top:1em; }

h2.sign{ background:url(../images/sign-up-header.gif) 0 0 no-repeat; width:264px; height:71px; text-indent:-9999px; margin-top:1em;  }
#signUp{ background:#F5D502 url(../images/sign-up-bg.gif) 0 0 repeat-x; border:1px solid #7B7B7B; border-top:1px none #7B7B7B; padding:0 10px 10px 10px; width:242px; margin-bottom:1em;  }
#signUp fieldset{}
.btnSignUp{ width:150px; height:29px; overflow:hidden; float:right !important; margin-top:1em; }
.btnSignUp input { display:block; border:1px none #000; padding:0; margin:0; width:150px !important; height:29px !important; background-image: url(../images/btn-submit.gif); padding-top:29px; cursor:pointer; }
/*.btnSubmit{ width:150px; height:29px; }*/
h1.approach{ background:url(../images/fit-approach.gif) 0 0 no-repeat; width:553px; height:38px; text-indent:-9999px; margin-top:1em; }


#leftContainer{ border-right:1px solid #C8C7C7; width:573px; float:left; padding:0 10px 0 0px;  }

#extendedLeftContainer{ border-right:0px solid #C8C7C7; width:773px; float:left; padding:0 10px 0 0px;  }

.col1{ float:left; width:150px; padding:0px 0px 0 0; }

.col2{ float:left; width:354px; padding:10px 30px 30px 30px; border-left: 1px solid #C8C7C7;}

.extendedCol2{ float:left; width:522px; padding:10px 30px 30px 30px; border-left: 1px solid #C8C7C7;}

.jointCol{ float:left; width:414px; padding:10px 30px 30px 80px; border-left: 0px solid #C8C7C7;}

#rightContainer{ width:168px; float:left; font-size:0.8em;}

#reducedRightContainer { width:0px; float:left; font-size:0.8em;}

p.pageName { font:"Courier New", Courier, monospace; font-size:18px; color:#EC008B;
    margin-bottom: 15px;
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 30px;
    margin-right: 30px;
}

#commandPanel {
    width:120px;
}