body {
	text-align:center;
	margin:0;
	padding:0;
	background:#fff;
}
	
html, body { height:100%; }

/**clear fix**/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/**** wrapper around entire contents */
#wrapper {
	width:790px;
    min-height:100%;
    height:100%;
    margin:0 auto;
    padding:0;
    text-align:left;
}
html>body #wrapper {
    height:auto;
}
#columnContainer{
	clear:both;
}
#header {
	display:block;
	margin:0 0 10px 0;
}

#container {
	clear:both;
	display:block;
}

.clear {
    clear:both;
    height:1px;
    font-size:1px;
}


/* Home is a combination of three- and two-column layouts, and therefore has some specific styles */
body#home	{
}
/* END Home layout */

/* The following are styles only for pages with a three-column layout. For reference, see http://alistapart.com/articles/holygrail */

/*Needed for profile landing page**/
#content .summary	{
  	padding-left:20px;
}
	#content .summary h3	{
		padding-left:20px;
		margin-left:-20px;
	}
	
.III-col #container .column	{
  	float:left;

}
	
.III-col #content 	{
  	width:450px;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
}
	
.noSearchResults #content 	{
  	width:620px;
}

	
.III-col #sidebar 	{
  	width:160px;			/* LC width */
  	/* right:170px;			 LC width + padding */
	padding-right:10px;
	/* margin-left:-100%; */
	padding-bottom:10px;
}
	
.III-col #spotlights	{
  	width:160px;			/* RC width */
  	margin-left:622px;	/* negative RC fullwidth */
	padding-left:5px;
}
	/*Exception for Locations*/
	.III-col .locations #spotlights	{
		margin-left:520px;	/* negative RC fullwidth */
	}
	
.III-col.loc #content {
	width:350px;
}

.III-col.loc #spotlights {
	width:260px;
	margin-right:-270px;
}
	
/*** IE6 Fix ***/
* html .III-col #sidebar	{
  	left:170px;				/* RC fullwidth */
}
	
.III-col #spotlights img {
	margin-bottom:10px;
}
/* END three-column layout */


body.II-col	#spotlights {
	display:none;
}
	
.II-col #content {
	width:810px;
	margin-left:0px;
	float:right;
	overflow:hidden;
}
	
.II-col #sidebar {
	width:160px;
	float:left;
	padding-bottom:10px;
}

body.I-col #spotlights, body.I-col #sidebar {
	display:none;
}

.I-col #container {
	text-align:center;
}
.I-col #content {
	margin:0 auto;
	width:620px;
	text-align:left;
}
	
body.login #content {
	width:790px;
	margin-top:15px;
}
	
body.login #content div#login {
	float:left;
	width:260px;
	padding:0 10px;
}

body.login #content div#loginnew {
	float:left;
	width:375px;
	
	padding:0 10px;
}

body.login #content div#loginnew p, body.login #content div#membershipnew p {
	margin-left:0;
}

body.login #content div#profile, body.login #content div#membership {
	float:left;
	width:210px;
	padding:0 20px;
}

body.login #content div#membershipnew {
	float:left;
	width:325px;
    
	padding:0 20px;
}
	
	/** privacy disclaimer */
#privacyDisclaimer {
	text-align:center;
	margin:20px 0px 10px 0px;
	padding:10px 10px 0px 10px;
	background:url(../../images/hor_dotted.gif) repeat-x;
}
	
/* Adding these styles to format the tables that are output from the XSLT */

#content.payment table input, #content.payment table select, body.member #content input, body.member #content select {
	padding-left: 2px;
	margin-left: 2px;
	vertical-align:top;
}

#content table#enroll, #content table#enroll {
	width:622px;
}

/* , #content table .formLabelError */
/* commented out as the above was causing the error messaging for a Sweepstakes submission
     to blow out the table formatting */
#content table .formRight {
	width:310px;
/*	text-align:right; */ /* this was interfering with align= tags on td */
	vertical-align:middle;
	padding-right: 2px;
}

#content table .formLeft {
	width:310px;
/*	text-align:left; */ /* this was interfering with align= tags on td */
	vertical-align:middle;
	padding-left: 2px;
}


/*New style for Club Hours change CC# 24845. April 30, 2007 */
.hoursNotice {color:#C03; margin-top:10px;}


/** Red Box for Heating Oil Page */
#redBox {
	width:442px;
	background:transparent url(/images/bg/red_box_bottom.gif) no-repeat scroll left bottom;
	margin-bottom:10px;
	min-height: 80px;
	padding-bottom:10px;
}

#content #redBox h3 {
    background:url(/images/bg/red_box_top.gif) top left no-repeat;
    margin-top:0px;
    padding-top:12px;
}

.rbcont {
	float:left;
	height:100%;
	margin:10px 11px 0pt 0pt;
	padding:0pt;
	width:256px;
}