@import url(global_v1-1.css);
@import url(tpc_sanfrancisco_css/modules.css);
@import url(tpc_sanfrancisco_css/plugins.css);
@import url(adminLogin.css);

/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #000;
	font: 27px "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
	border-bottom: 2px solid #a8996d;
}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;

	
}

h3 {
	
	color: #000;
	font: 13px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #000;
	font: 13px "Times New Roman", Times, serif;
	display: inline;
	line-height: 2em;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

table, div {
	
	font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	color: #000;
	font: 9px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
		line-height:2em;

}

a:hover {
	
color: #000;
	font: 9px Arial, Helvetica, sans-serif;
	text-decoration: underline;		
	line-height:2em;
		text-transform:uppercase;
}

.page {
	
background:url(../../../Images/site_bg.jpg) #5F1001 center top no-repeat;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {

margin: 0 auto; 
text-align: center;
width:904px;
	
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
background:url(../../../Images/headerLogo.png) no-repeat left top;
text-align:left;
height:130px;
	
}

#brandingWrapper{

float: right; 
width: 640px;
}

	#miniNav {
	
	width: 640px;
	height: 20px;
	float: left;
	margin: 2px 0 2px 0;
	color: #ac1212;
	background: #4f0e00;
		
	}
	
	#miniNav .inside {
	
	width: 620px;
	margin: 0 10px;
	
	}
	
		#login {
	
	width: 350px;
	float: right;
	padding-top:20px;
	padding-right:3px;
	color: #fff;
	text-align: right;
		
	}
	#loginInside {

	border-bottom: 1px dotted #FFF;
	}
	
	#login a {
	
	color: #FFFFFF;
	font: 9px Arial, Helvetica, sans-serif;
	text-decoration: none;
		text-transform:uppercase;
		line-height:2em;

}

#login a:hover {
	
color: #FFF;
	font: 9px Arial, Helvetica, sans-serif;
	text-decoration: underline;
		text-transform:uppercase;
		line-height:2em;
}

 #login table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #000;
}

.advLogUsername {
	color:#333;
	font:10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

.advLogPassword {
	color:#333;
	font:10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}
	
		#miniNav a {
		
		color: #fff;
		font: 9px Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform:uppercase;
	
		}
	
		#miniNav a:hover  {
			
		color: #FFF;
		font: 9px Arial, Helvetica, sans-serif;
		text-decoration: underline;
		text-transform:uppercase;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
background: url(../../../Images/nav_bar.gif) no-repeat;
text-align:center;
height:36px;
width:904px;
}

#nav .inside {
	padding-top: 2px;
}

/* -------------------------------------------------------------
= FLASH HEADER 
------------------------------------------------------------- */

#flashWrapper {

	width: 900px;
	text-align:center;
	background:#010101;
	margin: 0 auto;

}

	#flashWrapper img {

		display: block;

	}
	
	#flashWrapper .floatLeft {
		float:left;
		width:650px;
		
	}
	
	#flashWrapper .floatRight {
		float:right;
		text-align:left;
		/*background:#010101;*/
		padding-top:20px;
		width:240px;
	
	}
	
		#flashWrapper .floatRight img{
			border:3px solid #bdb392;
	
		}
		
		#flashWrapper .floatRight p {
			color:#e5c864;
			font:inherit;
		
		}
		
		#flashWrapper .floatRight h5 {
			color:#FFF;
			font:13px/1.4 "Times New Roman", Times, serif;
		
		}
		
		#flashWrapper .floatRight h2 {
			color:#e5c864;
			font:22px/0.8 "Times New Roman", Times, serif;
					
		
		}


/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	
width: 904px;
margin: 0 auto; 
text-align: center;
background:url(../../../Images/content_bg.jpg) repeat-y center top;
	
}

/*for module master page (no sidebar bg)*/

#oneColContentArea {
	
width: 904px;
margin: 0 auto; 
text-align: center;
background:url(../../../Images/1col_content_bg.gif) repeat-y center top;
	
}

/*spacing for modules so they dont extend to edge of page*/
	#oneColContentAreaWrapper {
	
	width: 884px;
	margin: 0 auto; 
	padding-bottom: 10px;
	
}

#leftarea {
float: left;
width: 650px;
}

#sidebar {
float:left;
width: 240px;
padding-top: 40px;
}

#sidebar .inside {

width: 200px;
margin: 0 20px;
text-align: left;

}

#contentMain {
width: 384px;
float: right;

}

#contentMain .inside {
	padding-top: 26px;
	text-align:left;
	color: #000;
	font: 12px "Times New Roman", Times, serif;
	line-height: 2em;
	


}


#contentSecd {
float: right;
text-align:left;
width: 226px;
padding-top: 45px;

}

#contentSecd h2 {

	color: #000;
	font: 13px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	border-bottom: 1px dotted #000;
	width: 200px;
	padding-bottom: 5px;
	margin-bottom:10px;

}

#contentSecd. insideLinks {

margin-top:50px;

}


/* -------------------------------------------------------------
= CONTENT PAGES 
------------------------------------------------------------- */


#leftareaContentpages {
float: left;
width: 878px;
text-align:left;
}

#contentMainContent {
width: 660px;
float: right;
text-align:left;


}


#contentMainContent .inside {
padding-top: 24px;
padding-left: 30px;
width: 600px;
	text-align:left;
	color: #000;
	font: 12px "Times New Roman", Times, serif;
	line-height: 2em;


}

#sidebarPages {
float:left;
width: 200px;
padding: 40px 20px 0 20px;
}

#sidebarPages .inside {

width: 200px;
margin-top: 100px;
text-align: left;

}

#quicklinkpages {

	border-bottom: 1px dotted #000;
	width: 200px;
	padding-bottom: 5px;
}



/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

/*global footer class*/
.footer {
height:121px;
}

/*all master pages except for module master*/
#twoColfooter {
background:url(../../../Images/footer.jpg) no-repeat;
}

/*for module master page (no sidebar bg)*/
#oneColFooter {
background:url(../../../Images/1col_footer.jpg) no-repeat;
}

.footer .inside {
float:left;
font: 11px "Palatino Linotype", "Times New Roman", Times, serif;
color: #1f1e1d;
text-align:left;
padding-top:45px;
padding-left: 30px;
}

	.footer .inside a {
	
font: 11px "Palatino Linotype", "Times New Roman", Times, serif;
color: #251b11;
text-transform: none;
}

.footer .inside a:hover {
font: 11px "Palatino Linotype", "Times New Roman", Times, serif;
color: #FFF;
text-transform: none;
}
 .footer .floatRight {
 	float:right;
	padding-top:30px;
	padding-right:15px;
	height:100px;
	text-align:right;
 
 }


#banner_homeTable, #banner_homeTable img {

	display: none;

}



/* -------------------------------------------------------------
= private site additions
------------------------------------------------------------- */

#privPage #login {

	text-align: right;

}

/*welcome back! you are signed in as ##MEMNAME##*/

#privPage #login h3, #privPage #login p, #privPage #login a,
#privPage #login a:hover {

	font-family: "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;

}

/*welcome back*/

#privPage #login h3 {

	color: #FFF;
	font-size: 15px;
	padding-top: 10px;

}

/*home> log off> links*/
#privPage #login p {

	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: 1px dotted #FFF;

}

#privPage #login a {

	color: #CF8A15;
	font-size: 11px;
	font-weight: bold;
	margin-right: 6px;

}

#privPage #login a:hover {

	color: #D1B977;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;

}

/**************************************
links below flash on private home page
**************************************/

#centerNavBar {

	width: 900px;
	margin: 0 auto;
	height: 42px;
	background: url(../../../Images/centerNavBg.gif) repeat-x center;

}

	#centerNavBar .inside {

		width: 856px;
		height: 40px;
		margin: 0 auto;
		padding-top: 2px;

	}
	
		#centerNavBar .inside .floatLeft,
		#centerNavBar .inside .floatRight {
		
			width: 398px;
			margin-top: 10px;
			color: #FFF;
		
		}
		
		#centerNavBar .inside .floatLeft span,
		#centerNavBar .inside .floatRight span {
		
			line-height: 40px;
			font: 12px "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		
		}
		
/*text on left side links other than links*/
		#centerNavBar .inside .floatLeft span {
		
			color: #FFF;
		
		}
		
/*text on right side links other than links*/		
		#centerNavBar .inside .floatRight span {
		
			color: #ADB460;
		
		}

/*right side links*/		
		#centerNavBar .inside .floatLeft a,
		#centerNavBar .inside .floatRight a {
		
			color: #ADB460;
			text-decoration: none;
			font: 12px "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			text-transform: none;
		
		}
		
		#centerNavBar .inside .floatLeft a:hover,
		#centerNavBar .inside .floatRight a:hover {
		
			color: #ADB460;
			text-decoration: underline;
			font: 12px "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			text-transform: none;
		
		}

/*links inside of span tags ([RSVP now])*/		
		#centerNavBar .inside .floatLeft span a,
		#centerNavBar .inside .floatRight span a {
		
			color: #F7D138;
			text-decoration: none;
		
		}
		
		#centerNavBar .inside .floatLeft span a:hover,
		#centerNavBar .inside .floatRight span a:hover {
		
			color: #FBA92C;
			text-decoration: none;
		
		}
		
/**************************************
sidebar links with icons
**************************************/

#privIconLinks {

	margin: 0;
	padding: 0;
	list-style: none;

}

	#privIconLinks li {

		margin: 0;
		padding: 0;
		list-style: none;
		width: 200px;
		border-bottom: 1px dotted #000;

	}
	
/*icLink = all icon links other than #fCupLink*/
		
		#privIconLinks .icLink, #fCupLink {

			display: block;
			color: #000;
			text-decoration: none;
			height: 100px;
			width: 100%;
			text-transform: none;
			

		}
		
		#privIconLinks .icLink:hover {

			
			background: #D6C8B6;
			text-transform: none;

		}
		
			#privIconLinks .icLink strong {

				font: bold 11px Arial, Helvetica, sans-serif;
				display: block;
				
				
			}
			
			#privIconLinks .icLink span {

				font: 12px "Times New Roman", Georgia, Times, serif;
				display: block;
				
				
			}
			
			#privIconLinks a img {
				
				float: left;
				/*margin-right: 6px;
				margin-top: 26px;*/
				margin: 26px 6px 0 6px;
			
			}
			
			.icLinkContent {
			
				margin-top: 26px;
				margin-right: 6px;
				width: 134px;
				float: right;
			
			}
			

/*fCupLink = link with image instead of text (fedEx cup)*/
			
			#fCupLink {
				
			
				background: url(../../../Images/fedexcup.gif) no-repeat bottom;
				text-transform: none;
				
			
			}
			
			#fCupLink:hover {
				
			
				background: url(../../../Images/fedexcup.gif) no-repeat top;
				text-transform: none;
			
			}
			
			#fCupImg {
			
				float: right;
				margin: 0;
			
			}
			
			#fcupLink span {
			
				display: block;
				
			}
			
			#fCupLink strong {
			
				display: none;
			
			}
			
/*wraps everything inside of dynamic page 
(allows for targeting of one column (#oneCol) 
and two column (#twoCol) layouts*/	
		
	.privContentContainer {
	
		width: 900px;
		margin: 0 auto;
	
	}
	
/*div for main content images*/
	
	#mediaWindow {
	
		width: 100%;
	
	}
	
/*removes white space underneath images in IE*/
	
		#mediaWindow img {
			
			display: block;
	
		}
		
	.privContentContainer #sidebar {
	
		width: 242px;
	
	}
	
/*prevents tree menu links from inheriting global link properties*/
	
	.privContentContainer #sidebar a,
	.privContentContainer #sidebar a:hover {
	
			text-transform: none;
			text-decoration: none;
			line-height: normal;
			font: inherit;
	
		}
		
/*tree menu container*/
	
		.privContentContainer #sidebar .inside {
	
			width: 200px;
			margin: 0 auto;
	
		}
	
	.privContentContainer #contentWrapper {
	
		width: 658px;
		text-align: left;
	
	}
	
		.privContentContainer #contentWrapper p {
		
			font: 12px "Times New Roman", Georgia, Times, serif;
			color: #333;
		
		}
		
		#oneCol #contentMain {
		
			width: 600px;
			margin-left: 29px;
			float: none;
		
		}
		
/*div inside of contentMain for event callouts (event reservation)*/
		.privContentContainer .eventWrapper {
	
			width: 400px;
	
		}
		
			.privContentContainer .eventWrapper .eventBlock {
	
				width: 194px;
				height: 184px;
				float: left;
				/*padding: 0 0 14px;*/
	
			}

/*event callout boxes*/
			
			#oneCol .eventWrapper .eventBlock {
	
				background: url(../../../Images/eventBlockBg_green.gif) repeat-y center top;
				border-bottom: 1px solid #6F752B;				
	
			}
			
			#twoCol .eventWrapper .eventBlock {
	
				background: url(../../../Images/eventBlockBg_orange.gif) repeat-y center top;
				border-bottom: 1px solid #CF8A15;				
	
			}
			
				.privContentContainer .eventWrapper .eventBlock h3 {
	
					color: #FFF;
					font: 12px "Times New Roman", Georgia, Times, serif;
					margin-bottom: 14px;
					padding: 4px 0;
					text-align: center;
	
				}

/*event callout titles*/
				#oneCol .eventWrapper .eventBlock h3 {
	
					background: #6F752B;
	
				}
				
				#twoCol .eventWrapper .eventBlock h3 {
	
					background: #CF8A15;
	
				}
				
/*event callout content*/
				.privContentContainer .eventWrapper .eventBlock table {
	
					width: 164px;
					margin: 0 14px;
					padding-bottom: 14px;
					text-align: center;
					font-family: "Times New Roman", Georgia, Times, serif;
					color: #333;
	
				}
				
/*event callout image div*/
				.privContentContainer .eventWrapper .eventBlock .floatRight {
	
					width: 194px;
	
				}
				
/*event callout image (remove IE whitespace)*/				
					.privContentContainer .eventWrapper .eventBlock .floatRight img {
		
						display: block;
		
					}
					
		#twoCol #contentMain {
		
			width: 400px;
			margin-left: 20px;
			float: left;
		
		}
		
		#twoCol #contentSecondary {
		
			width: 198px;
			float: right;
			margin-right: 20px;
		
		}
		
/*event callout image (remove IE whitespace)*/			
		#twoCol #contentSecondary table {
		
			color:#333;
			font: 12px "Times New Roman", Georgia, Times, serif;
			margin-top: 2px;
		
		}