/* CSS Document */

/*			STYLESHEET FOR HFDS.ORG    */
/*			Designed by Nick Escobedo 				*/
			
/*			FUTUREBUTTERFLIES , Copyright 2010		*/
		

html {
	font-family:Arial, Helvetica, sans-serif;
	line-height: normal;
	}

body {
	margin: 0;
	padding: 0;	
	background-color: #a89366;
	background-image:url(../images/pageBG.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}

a:link	{ color: #e2b46c; text-decoration: none;}

a:visited { color:#e2b46c; text-decoration: none;} 
	
a:active { 	text-decoration: none;} 
	
a:hover	{ color: #FFF; text-decoration:underline; } 

form { margin: 0px;}	

i, cite, em, var, dfn { font-style:italic; }

.clear { clear:both;}

.error { color: #990000;}

/* 			_______________________________	         */
/*			LAYOUT                                   */

#Wrapper{ 
	xbackground-color:#1b0606;
	background-image:url(../images/basket_lg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	
	}

#Overlay { position: fixed; z-index:400; top:200px; left:100px;}

#Basket {margin-left:50px; z-index:1000;}

#Header	{
	margin:0;
	padding:0;
	xbackground-image:url(../images/header_BG.png);
	xbackground-position:0 0;
	xbackground-repeat:repeat-x;
	xposition:fixed;
	z-index:1100;
	width:100%;
	}

#Container {
	margin:0px 0 0 95px;
	width: 835px;
	background-color:#1b0606;
	xbackground-color:#69C;
	padding:15px 15px 15px 15px;
	}

#Left { width:600px; float:left;}
	
.spacer {padding:0px; margin:0px;}	
	
#Splash {
	width:630px;
	height:380px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	}

#TopImage {
	height:100px;
	xbackground-image:url(../images/topimage.jpg);
	background-color:#CC3;
	}
.TI_membership{ background-image:url(../images/TI_membership.jpg);}
.TI_leagues{ background-image:url(../images/TI_leagues.jpg);}
.TI_contact{ background-image:url(../images/TI_contact.jpg);}
	
#Nav { background-color:#871f1f; 
	width:835px; 
	height:51px; 
	clear:both;
	background-image:url(../images/navBG.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	margin-bottom:5px;
	}

#Main {
	padding: 40px 20px 70px 30px;
	width:550px;
	font-size:13px;
	line-height:22px;
	font-family:Verdana;
	color:#FFF;
	}		

#Footer 	{
	margin:0px 0 200px 95px;
	width: 835px;
	background-color:#1b0606;
	padding:15px 15px 15px 15px;
	clear:both;		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCC; 
	}	

#Footer a { color:#aba76d;}		

/* 			_______________________________	         */
/*			CONTENT                                   */	

#Content { border:none; margin:0; xpadding:23px 0 0 0; clear:both;}	
	
	
#Sidebar {
	font-size:12px;
	line-height:19px;
	float:right;	
	width:220px;
	padding:0 0 100px 0;
	margin:0 0 0 0px;
	xbackground-color:#423f37;
	color:#f1e5c4;	
	}
		
#Sidebar h2 { 
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:18px;
	padding:20px 30px 8px 16px;
	margin:0;
	background-color:#871f1f;
	background-image:url(../images/sidebarhead_BG.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	font-weight:normal;
	}		
	
#Sidebar h2 a { text-decoration:none;}	
		

	
#Main h1, #MainHP h1 {
	color:#cddaad;
	font-size:34px;
	line-height:34px;
	font-weight: normal;
	xletter-spacing:-1px;
	font-family: Georgia, Garamond, Arial, Helvetica, sans-serif;
	margin:0 0 0px 0;
	padding:0 0 5px 0;
	}
	
#Main h2 {
	color:#e2b46c;
	font-size:23px;
	line-height:25px;
	font-family: Georgia, Garamond, Arial, Helvetica, sans-serif;
	margin: 10px 0 0px 0;
	padding:0 0 5px 0px;
	font-weight:normal;
	xborder-bottom:dotted #87bdf3 1px;
	}
		
#Main h3 {
	color:#e2b46c;
	font-size:16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	}

#Main ul li { line-height: normal}


/* 			________________________________	*/
/* 			EXP HIGHLIGHTS					*/

ul.exphigh {						
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	}

ul.exphigh li  {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding:0;
	clear:both;
	border-bottom:dotted #CCC 1px;
	}
ul.exphigh li a { 
	margin:0;
	font-size:13px;
	line-height:16px;
	padding:14px 15px 5px 10px;
	display:block;
	}	
		
ul.exphigh li:hover {
	background-color:#000;
	color:#000;
	text-decoration:none;
	}	
	


/* 			________________________________	*/
/* 			sidebar links				*/

ul.slinks {						
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	}

ul.slinks li  {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding:0;
	clear:both;
	border-bottom:dotted #CCC 1px;
	}
ul.slinks li a { 
	margin:0;
	font-size:12px;
	line-height:15px;
	padding:9px 15px 5px 10px;
	display:block;
	}	
		
ul.slinks li a:hover {
	xbackground-color:#000;
	xcolor:#000;
	text-decoration:none;
	}	
	
				
/* 			________________________________	*/
/* 			CLASS SELECTORS 				*/



.ImageLeft {
	margin: 0px 14px 10px 0px;
	xborder: dotted #b7b084 1px;
	float: left;
	}
	
.ImageRight {
	margin: 0px 0px 10px 14px;
	xborder: dotted #b7b084 1px;
	float: right;
	}	
	
.blockquote {
	background:transparent url(/images/bg_blockquote.png) no-repeat scroll 0pt 5px;
	padding-left: 70px;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 24px;
	color: #FAF0E2;
	margin-top:20px;
	}

.UtxtSmall {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	xcolor: #000000;
	line-height: 13px;
	}

.UtxtLg {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	xcolor: #000000;
	line-height: 21px;
	}

.footertxt {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height: 16px;
	}
	
.byline {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin-top: 7px;
	}


	
.sechead { xbackground-color:#000; color:#FFF;}	
.dot { background-color:#c40000; padding:1px 4px; color:#FFFFFF; font-size:11px; margin:0 9px 0 0;}	

.item { margin: 0 0 8px 0; padding:10px 20px 16px 17px; xborder-top:dotted 1px #CCC; background-color:#423f37; line-height:normal;}





/* 			________________________________	*/
/* 			NAVIGATION							*/



.wrapper { background-color:#281a00; }

ul.nav {						
	margin:0;
	padding:0;
	font-size:15px;
	line-height:16px;
	font-weight:bold;
	float:right;
	}

ul.nav li  {
	float:left;
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding:0;	
	}
ul.nav li a { 
	margin:0; padding:0;
	padding:12px 17px 23px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	color:#FFF;
	background-color:#871f1f;
	text-decoration:none;
	}
	
ul.nav li a:hover {
	text-decoration:none;
	background-color:#099;
	}	
	
ul.nav li.one a { background-image:url(../images/navBG.jpg); background-repeat:repeat-x; background-color:#871f1f;}
ul.nav li.two a { background-image:url(../images/navBG_2.jpg); background-repeat:repeat-x; background-color:#6c8abc;}
ul.nav li.three a {  background-image:url(../images/navBG_3.jpg); background-repeat:repeat-x;background-color:#bcb26c;}
ul.nav li.four a {  background-image:url(../images/navBG_4.jpg); background-repeat:repeat-x;background-color:#6ca8bc;}
ul.nav li.five a {  background-image:url(../images/navBG_5.jpg); background-repeat:repeat-x;background-color:#bc6ca3;}
ul.nav li.six a {  background-image:url(../images/navBG_6.jpg); background-repeat:repeat-x;background-color:#847c4d;}

ul.nav li.one a:hover { background-image:none; background-image:url(../images/navBG_1_over.jpg);}
ul.nav li.two a:hover { background-image:none; background-image:url(../images/navBG_2_over.jpg);}
ul.nav li.three a:hover { background-image:none; background-image:url(../images/navBG_3_over.jpg);}
ul.nav li.four a:hover { background-image:none; background-image:url(../images/navBG_4_over.jpg);}
ul.nav li.five a:hover { background-image:none; background-image:url(../images/navBG_5_over.jpg);} 
ul.nav li.six a:hover { background-image:none; background-image:url(../images/navBG_6_over.jpg);} 



/* 	________________________________*/
/* 	SIDEBAR Events					*/

ul.events {						
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	background-color:#333;
	}

ul.events li  {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding:0;
	border-bottom:dotted #716955 1px;
	
	}
ul.events li a {
	margin:0;
	padding:0;
	padding:4px 17px 8px 17px;
	display:block;
	color:#ECCC9D;
	}
		
ul.events li a:hover {
	color:#edcf73;
	text-decoration:none;
	Xbackground-color:#693e00;
	background-color:#445A3A;
	background-image:url(../images/li_overBG.png);
	background-repeat:repeat-x;
	background-position:0 0;
	}	
	
#Sidebar h3 { margin:0; padding:0; font-family:Lucida Sans; font-size: 12px; color:#e2b46c;}	
	
.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:12px;
	text-transform:uppercase;
	color:#D7D7D7;
	padding:0;
}



/* 	________________________________
	MEMBERSHIP TABLE						*/

#memtable
{	background: #2c0b0b	;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#memtable th
{	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 8px;
	
}
#memtable thead {border-bottom: 2px solid #6678b1; background-color:#4e2d06;}
#memtable td
{
	color: #fff;
	padding: 6px 6px 6px 6px;
}
#memtable tbody tr:hover td
{
	background-color: #3b1111;
}



/* 	________________________________
	SPLASH PAGE						*/

#Splash {
	position:relative;
	clear:both;
	height:350px
}
	#Splash a {
		xfloat:left;
		xposition:absolute;
	}
	
	#Splash a img {
		border:none;
	}
	
	#Splash a.show {
		z-index:500
	}

	#Splash .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#Splash .caption .content {
		margin:5px;
		padding:5px 10px;
	}
	
	#Splash .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

/* 	________________________________
	GMAP PAGE						*/
	
#map_canvas { border:solid #E2B46C 4px;}	
.gmnoprint { font-family:Arial, Helvetica, sans-serif; font-size:12px;}	

#side_bar ul { margin:0; padding:0; font-family:Arial, Verdana, Geneva, sans-serif; font-size:11px;}
#side_bar ul li { margin:0; padding:0; list-style-type:none;}

#side_bar ul li a { margin:0; padding:4px 5px; text-decoration:none; xbackground-color:#333; display:block; border-bottom:dotted 1px #ABA76D;}
#side_bar ul li a:hover { text-decoration:none; background-color:#000; xcolor:#000;}

.side_bar2 h2 { font-size:13px; text-transform:uppercase; color:#fff; margin:0; padding:0; border-bottom:solid #663 1px; }
.side_bar2 ul { margin:0; padding:0; font-family:Arial, Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;}
.side_bar2 ul li { margin:0; padding:0; list-style-type:none;}
.side_bar2 ul li a { margin:0; padding:4px 5px; text-decoration:none; xbackground-color:#333; display:block; border-bottom:dotted 1px #4e4b23;}
.side_bar2 ul li a:hover { text-decoration:none; xbackground-color:#000; }
.h2a { color:#CCC; margin:3px 0 0 0; padding:0;}

.name  { color:
#000; font-size:14px; font-weight: bold;}
.loc, .baskets,.tees,.desc,  {color:#333; font-size:12px; }
.tees { margin-left:10px;}
.break { border-top:dotted 1px #CCC; clear:both;}
.baskets, .tees { float:left; padding-top:3px;}
.desc, .zoom { clear:both; padding-top:3px;}


.zoom a { color:#900;font-size:11px;}
.zoom a:hover { color: #C00;}



.facebook { margin-bottom:10px;  }
.facebook a { display:block ;border: solid #264588 1px; padding:2px 5px;}
.facebook a:hover {border: solid #3a5ba8 1px;}