*
{
margin: 0px;
padding: 0px;
}

strong
{
background: inherit;
}

input[type=text]{
height: 28px;
font-size: 16px;
}

input[type=password]{
height: 28px;
font-size: 16px;
}

#header
{
width: 100%;
height: 104px;
background-color: #4d4d4d;
background: url('/images/a1.gif') repeat-x;
color: #ffffff;
}

h1
{
color: #50514D;
background-repeat: no-repeat;
font-size: 26px;
}

h1 span
{
background: inherit;
color: #85AC1E;
}

h1 span sup
{
background: inherit;
color: #85AC1E;
font-size: 14px;
}

#lcol
{
position: relative;
width: 185px;
float: left;
}

#lcontent
{
position: relative;
padding: 0px 15px 0px 15px;
}

.box
{
position:relative;
width:95%;
margin-top: 15px;
background: inherit;
color: #FFF;
clear: right;
}

.box h2
{
color: #FFF;
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
}

.box p
{
font-size: 12px;
line-height: 16px;
margin: 0px;
}

.box_inner
{
border: solid 1px #fff;
padding: 15px;
/*background: #FFFFE9 url('/images/a4.gif') repeat-x;*/
background: url('/images/search_back.png') no-repeat;
color: inherit;
width:525px;
height:160px;
}

.main_content{
float: left;
width:100%;
margin: 0px 0 10px 0px;
clear:right;
}

/* holly hack for IE to get position:bottom right
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/

#view_header {
	clear:both;
	float:left;
	width:100%;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3,
.col1p,
.col2p {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 2 Column (right menu) settings */
/*.rightmenu {
	background:#eee;		 right column background colour
}*/
.rightmenu .colleft {
	right:40%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:56%;			/* left column content width (left column width minus left and right padding) */
	left:42%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:36%;			/* right column content width (right column width minus left and right padding) */
	left:46%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (right menu clubs and facilities) settings */
.rightmenu .col1p {
	width:80%;			/* left column content width (left column width minus left and right padding) (75%-2*2% = 71%) */
}
.rightmenu .col2p {
	width:18%;			/* right column content width (right column width minus left and right padding) (25%-2*2% = 21%) */
    padding-left: 2%;
}
/* 3 Column settings */
.threecol {
	/*background:#eee;		 right column background colour */
}
.threecol .colmid {
	right:35%;			/* width of the right column 25% */
	/*background:#fff;		 center column background colour */
}
.threecol .colleft {
	right:40%;			/* width of the middle column 50% */
	/*background:#f4f4f4;	 left column background colour */
}
.threecol .col1 {
	width:36%;			/* width of center column content (column width minus padding on either side) 50-2-2=46% */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) 25-2-2=21% */
	left:41%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 25+2+2+2=31% */
}
.threecol .col3 {
	width:31%;			/* Width of right column content (column width minus padding on either side) 25-2-2=21% */
	left:85%;			/* Please make note of the brackets here:
					(100% minus left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding)
                    100-25+2+2+2+2+2 */
}
/* Footer styles */
#view_footer {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.addthis {
margin-top: 20px;
}


ul
{
list-style: none;
}

li
{
padding-left: 15px;
}

p
{
margin-bottom: 25px;
text-align: justify;
line-height: 20px;
}

#lcol p
{
font-size: 13px;
line-height: 16px;
margin: 0px;
}

.divider
{
font-size: 0px;
position: relative;
border-bottom: solid 1px #F5F5F5;
height: 1px;
width: 100%;
margin: 10px 0px 10px 0px;
}

.summary
{
text-align: right;
font-style: italic;
}

ul.divided li
{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
}

ul.divided li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}

#slogan2
{
font-size: 14px;
position: relative;
top: -5px;
}

.captioned_image
{
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 17px;
}

.captioned_image div
{
position: absolute;
font-size: 9px;
bottom: 0px;
left: 0px;
}

.button {
height: 38px;
background: #FFFFFF url(/images/bbg1.gif) repeat-x;
font-size: 16px;
color: #FFFFFF;
font-weight: bolder;
border: 0px;
padding: 4px 10px 0 10px;
}

input.buttons
{
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
}
input[type="submit"]:hover
{
    color: #999999;
}

.boldbuttons{
background: transparent url(/images/bold-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin-right: 10px;
margin-bottom: 20px;
}

input[type="submit"]:link.boldbuttons, input[type="submit"]:visited.boldbuttons, input[type="submit"]:hover.boldbuttons, input[type="submit"]:active.boldbuttons{
color: white; /*button text color*/
}

.boldbuttons span{
background: transparent url(/images/bold-right.gif) no-repeat top right;
display: block;
padding: 6px 10px 10px 10px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

input[type="submit"]:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}

/*
.link_left {
    background: #FFFFFF url(/images/bbg1.gif) no-repeat;
	float:left;
    height: 24px;
    width: 15px;
}
*/
.link_center {
    background: #FFFFFF url(/images/bbg1.gif) repeat-x;
	float:left;
    height: 24px;
	text-align: justify;
	padding: 4px 10px 0 10px;
}

.link_center a {
    	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}

.link_center a:hover {
    	color: #CCCCCC;
	text-decoration: none;
}
/*
.link_right {
    background: #FFFFFF url(/images/link_button_right.png) no-repeat;
	float:left;
    height: 24px;
    width: 15px;
}
*/

.jointoday {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-color: #888888;
        border-style: solid;
        border-width: 0 1px 1px;
        margin-bottom:35px;
        width:285px;
}

.joinheader {
        background-color: #111111;
        background: -moz-linear-gradient(center top , #555555 0pt, #111111 100%) repeat scroll 0 0 transparent;
        color: #FFFFFF;
        font-size:14px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 5px 10px;
}


.joincontent {
        background-color: #69A219;
        background: -moz-linear-gradient(center top , #AFD47B 0pt, #AFD47B 1px, #8BC03F 1px, #69A219 100%) repeat scroll 0 0 transparent;
        border-color: #669933;
        color: #FFFFFF !important;
        font-weight: bold;
        border-radius: 3px 3px 3px 3px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-size: 18px;
        line-height: 1.35;
        margin: 0;
        overflow: visible;
        padding: 20px 10px;
        text-decoration: none !important;
        vertical-align: top;
        width: auto;
}


