/* 	The styles contained within this stylesheet are intended for demonstration purposes only.
	If certain page elements are not required, it is not necessary to include them in the final stylesheet. */

body{
font-size:70%;
margin:0;
padding:0; 
color:#515559;
text-align:center;
background-image:url(../images/bg_body.jpg);
background-repeat:repeat-x;} /* all subsequent fonts sized in ems ONLY. */

/********GENERIC********/

body *{
padding:0;
margin:0;}

/*IMAGES*/

body img{
border:0;}


/* FONTS */
body,input,textarea,select{
font-family:Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}

/* ANCHORS */
a{
color:#576188;
font-weight:bold;
text-decoration:none;}

a:hover{
text-decoration:underline;}


/* LAYOUT */
#page{
margin:0 auto;
width:750px;
text-align:left;
min-width:750px; 
max-width:990px;}
#container{background:#fff!important;margin-top:41px;}
#header{background:#fff;}
	#col-left{float:left;width:261px; margin-right:2px;}
	#col-right{float:left;width:483px;}

	#logo{
	width:261px;}
	
	#flash-container{
	width:489px;
	background-color:#000;}
	
	#logo, #flash-container{
	float:left;}

/*FOOTER*/

#footer{
clear:both;
border-top:3px solid #785D30;
font-size:0.9em;
margin-bottom:2em;
color:#9E814A!important;
position:relative;}

#footer ul, #footer h4{
padding-top:5px;}


#footer h4{
width:37%;
float:left;}

#footer ul{
width:62.5%;
float:right;}


#footer ul li{
float:left;
margin-right:10px;}

/* Small club logo */

#club-logo-smll{
position:absolute;
top:-75px;
left:3%;}

#subnav,#additional{background-color:#DDD;}

#content{
padding:13px 18px;
}


/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{}
p, blockquote{}
blockquote {}
blockquote p {}

img{border:0;}



/* HEADERS */
h1,h2,h3,h4,h5,h6{}

h1{
font-size:1.5em;}

h2{
font-size:1em;}

#content h1, #content h2{
text-transform:uppercase;
border-bottom:1px solid #9E814A;
font-weight:bold;
border-bottom:1px solid #9E814A;
padding-bottom:3px;
margin-bottom:1em;}

#content h3{
text-transform:uppercase;
font-size:1em;
font-weight:bold;
color:#9E814A;
margin-bottom:5px;}

h4,h5,h6{
font-size:1em;}

#content h4{
margin-bottom:5px;
padding:2px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;}


/* LISTS */
ul{
list-style-type:none;
}

ol{
list-style-type:decimal;
}

#content ul{
list-style-type:disc;
margin-left:16px;
}

#content ul li{
margin-bottom:1em;}

.dl-content dt{
font-weight:bold;
margin-bottom:1em;}

.dl-content dd{
margin-bottom:2em;}

.ol-lower-alpha{
list-style-type:lower-alpha;}

.dl-content ul{
list-style-type:none!important;
padding:0!important;
margin:0!important;}

.dl-content ul li{
margin-bottom:1em;}

.dl-content .ol-lower-alpha{
margin-left:2em!important;
margin-bottom:1em!important;}

/*PARAGRAPHS*/

p{
margin-bottom:1.5em;}


/* TABLES */
table{
border:0;}
caption{display:block;}
table{width:100%;margin-bottom:1.5em;}
th{font-weight:bold;width:40%;text-align:left;}
tbody th{
color:#352E63;te}
tbody th, tbody td{padding:2px 5px 3px 0; vertical-align:top;}
tr.alt{background-color:#FAFAFC;}

tr.alt th, tr.alt td{
border:1px solid #E2E1F3;
border-left-width:0;
border-right-width:0;}
thead th{
text-align:left;
padding:2px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;}


/* FORMS */
form{}
fieldset{
border:0;
background-image:url(../images/bg-h1.jpg);
background-repeat:repeat-x;
background-color:#FEFDFC;
padding:10px;
margin-bottom:1.5em;}

legend{display:none;}

label{}

.field{ }


.label{
float:left;
font-weight:bold;
width:35%;}

.input{
float:left;
width:64.5%;}

.element {margin-bottom:0.5em;}

.element:after{
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;}

.invalid label{color:#f00;}
.invalid .input{background:url(../images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(../images/valid.gif) top right no-repeat;}

input{font-size:1em;}
textarea{width:95%;font-size:100%;padding:0.2em;}
input.text{width:80%; border:1px solid #7F9DB9; background-color:#fff!important;padding:2px;}
input.radio{}
select{}
.short{}

.button-left{}

.button-right{
margin-left:35%;}

input.submit{}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;margin-left:35%;}

.highlight{color:#F00;}
.hide{display:none;}

#userinfo{
background-color:#D8E5EE;
padding:0 18px;
min-height:10em;
margin-bottom:2px;}

	#userinfo p{padding-top:1em;}

#userinfo h2{
margin-bottom:10px;
padding-top:5px;}

#userinfo h3{
float:left;
font-weight:normal;
padding-top:1.5em;}

#userinfo label, #userinfo span, #userinfo label input, #userinfo .submit{
display:block;
float:left!important;}



#userinfo label{
width:65px;}

#userinfo h3, #userinfo label{
margin-right:7px;}


#userinfo .formElement{
width:63px;}

#userinfo .chckbx{
width:auto;}

	/* 3rd column */
	#additional .label, #additional .element {float:none; width:auto; margin:0; padding:0.1em 0;}
	#additional input.text {width:100px;}

	/* survey */
	form#form_survey {}
	ul.results {list-style:none;}
	.results li {margin:0; padding:0;}
	.results span {display:block; background:#F00; height:15px;}	
	
	
	
/*.help{float:left;width:auto;padding:0 0 0.5em 0;margin:0; font-size:0.94em; text-transform:uppercase;}
	.help a{display:block;background-color:#FFF;color:#000;border:1px solid #000;padding:0 0.4em;text-decoration:none;font-size:1em;}
	.help a:hover{background-color:#AAA;color:#FFF;}*/	
	
/*POPUP HELP*/
.helpbutton{float:left;width:auto;padding:1px 4px;text-transform:uppercase;text-decoration:none;font-size:0.91em;margin:1.6em 0 0 20px;border:1px solid blue;background:#FFF;color:blue;}
.helpbutton:hover{color:blue;background:#ccf;}

.help{position:absolute;top:1.4em;right:0;width:30%;background:#ddd;border:1px solid #000;padding:0 0 5px 0;z-index: 10;}
.field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
.help h3, .help p{margin:5px 0 0 10px;font-size:0.91em;padding:0; width: auto;}
.help h3{font-weight:bold;}
.help ul, .help li{list-style-type:none;margin:0;padding:0;background:none;}
.help a{display:block;margin:5px 10px 0 10px;padding:1px 10px 5px 0;text-transform:uppercase;font-size:0.91em;text-decoration:none;border:0px;background:#DDD;color: #00f;}
.help a:hover{background:#DDD;color: #00f;}

/*NON_JS HELP*/
#help{margin:12px;border-top:1px solid #CCBEA3;}
#help div{margin:0 0 15px 0;}
#help h2{margin:10px 0 10px 0;}
#help h3 span, .help h3 span, .error h3 span{background:url(../images/help-title-bg.gif) center right no-repeat;display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;}
#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;}
#help p{margin:0 0 5px 0;}
	
	
/* BENFITS LIST ON PROFILE PAGE */
.benefits ul {padding-top: 10px;}
.benefits #tier-benefits {float: right;}	
.benefits h5 {background: #f5f5f5; padding: 5px;}
.benefits #show-hide-content {padding-top: 15px;}

/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}

/* NAVIGATION */
/* NAVIGATION */

#navigation {
font-size:0.9em;
margin-bottom:1.3em;
padding-bottom:85px;}

#navigation ul{
background-color:#F9F8FD;
background-image:url(../images/bg-nav.jpg);
background-repeat:repeat-x;}

#navigation ul li{
background-image:url(../images/bg-nav-li.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding:5px 18px 5px 18px;}

#navigation li.selected {
padding:0;
padding-bottom:1px;
color:#fff;}

#navigation ul li.selected span{
display:block;
width:auto;
font-weight:bold;
background-image:url(../images/bg-nav-li-selected.jpg);
background-repeat:repeat-y;
padding:4px 18px 4px 18px;}
	

/* SUB-NAVIGATION */
#subnav{}
	#subnav ul{margin: 0;padding: 0;list-style-type: none;line-height:normal;}
	#subnav li{margin:0;padding:0;display:inline;}
	#subnav a{display: block;color:#FFF;background-color:#333;text-decoration:none;font-weight:bold;padding:4px 0 4px 16px;border-bottom:1px solid #DDD;}
	#subnav a.selected{background:#F00 url(../images/nav-selected.gif) top left no-repeat;}
	#subnav a:focus, #subnav a:hover{background-color:#F00;color:#FFF;}
	
	#subnav ul ul{padding:0 0 0 0;background-color:#777;}
	#subnav li li a{background-color:#888;padding-left:26px;}
	#subnav li li a:hover{background-color:#FFF;color:#000;}
	

/* BREADCRUMB */
#breadcrumb{}

#breadcrumb ol{
list-style-type:none;
padding-bottom:2em;}

#breadcrumb ol, #breadcrumb li{
float:left;}

#breadcrumb li{
float:left;
margin-right:0.5em;}

#breadcrumb li a{
padding-right:6px;
display:block;
background-image:url(../images/arr-breadcrumb.gif);
background-repeat:no-repeat;
background-position:100% 60%;}


/* PAGINATION */
.pagination{margin:10px 0 10px 0; font-size:0.94em;}
	.pagination ul{display:inline;float:left;list-style-type:none;text-align:center;margin:0;padding:0;width:33%}
	.pagination ul li{display:inline;padding:0 2px;margin:0;}
	.pagination ul a{padding:0;margin:0;}
	.pagination ul.previous a{display:block;float:left;width:auto;padding:0 0 0 10px;margin:0 10px 0 0;background:url(../images/arrow-left-link.gif) center left no-repeat;}
	.pagination ul.next{float:right;} 
	.pagination ul.next a{display:block;float:right;width:auto;padding:0 10px 0 0;margin:0 0 0 10px;background:url(../images/arrow-right-link.gif) center right no-repeat;}


/* TABS */
#tabs{
margin:10px 0 10px 0;
position:relative;
/*background:url(../images/bg-page-nav-div.gif) bottom left repeat-x;*/ 
border-bottom:1px solid #000;}
	#tabs ul{position:relative;bottom:-1px;z-index:10;}
	#tabs li{margin:0;padding:0;display:inline;}
	#tabs a{display: block;float:left;color:#fff;background-color: #9E814A;text-decoration:none;font-weight: bold;padding:1px 8px 1px 8px;margin:0 5px 0 0;border:1px solid #333;}
	#tabs a:focus, #tabs a:hover{background-color:#000;}
	#tabs a.selected{background-color:#fff;border-bottom:1px solid #fff;color:#9E814A;}
	
	
/* IMAGES */
.image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}


/* HIGHLIGHT BOXES */
.box{border:1px solid #333;margin:5px 0 20px 0px;padding:5px;color:#FFF;background-color:#F00;}
	.box img{float:left;margin:0 10px 0 0;}
	.box p{padding:0;}


/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}
.cols2 .col{float:left;width:48%;margin:0 1% 0 0;}
.cols3 .col{float:left;width:30%;margin:0 1% 0 0;}

/* Show/hide */
.show-hide-content {display:none;padding-top:1em;}


/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.padding{padding:10px;}



/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */