@import url(global_v1-2.css);
@import url(saltLakeCC_css/modules.css);
@import url(saltLakeCC_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: #B0720F;
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;

}


h2 {
	
	color: #B0720D;
	font: 14px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #B0720D;
	font: 12px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #31322F;
	font: italic 14px/1.4 Georgia, "Times New Roman", Times, serif;

}

#pubHome h4 {

	font: italic 12px/2 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6, h6 a {
	
	color: #464646;
	font: 9px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #666666;
	font: 11px/1.2 Georgia, "Times New Roman", Times, serif;

}

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

}

a,a.small,a.anchor,a.visited {
	
	color: #B0720D;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

a img {
	
	border: none;

}

.page {
	
	background: url(../../../Images/bodyBg2.jpg) repeat-x center top #DAC788;
	text-align: center;
	padding-bottom: 20px;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Arial, Verdana, 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 Arial, Verdana, sans-serif;

}

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

}

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

}

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

}

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

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Arial, Verdana, 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 Arial, Verdana, sans-serif;
	padding: 2px;
	text-decoration: none;

}

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

}

/*//////////////////////////////////////////////////////////
Layout and Custom Selectors For: Salt Lake Country Club(UT)
//////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

#mediaWindow img {
	
	display: block;		
	
}

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

.siteWrapper {

	width: 960px;
	background: #FFF;
	margin: 20px auto 0;
	padding: 20px 0;
	
}

#pubHome {


	
}

#contentPage {


	
}

	#siteContainer {
	
		width: 920px;
		background: #F0EDDD;
		padding-bottom: 22px;
	
	}


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

#branding {

	width: 100%;
	height: 138px;
	text-align: right;
	background: url(../../../Images/headerBg.jpg) no-repeat left top;
}

	#branding #logo {
	
		width: 240px;
		height: 100%;
	
	}
	
	#branding .inside {
	
		width: 620px;
		float: right;
		height: 100%;
	
	}

		#branding .inside h6 a {
		
			margin-right: 20px;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 600px;
	margin: 66px 20px 0 0;
	height: 22px;

}

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

#contentArea {
	
	width: 100%;
	text-align: left;
	background: url(../../../Images/contentBg.jpg) no-repeat left top;
	
}

#contentPage #contentArea {
	
	
	
}

/***********
public home
************/

	#contentWrapper {
	
		width: 920px;
		padding-bottom: 20px;

	}
	
		#pubHome #contentSecondary {
	
			width: 210px;
			text-align: left;
			margin: 20px 0 0 20px;
	
		}
		
			/*#contentSecondary .inside {
		
				background: url(../../../Images/doubleBorder.gif) repeat-x center top;
				padding-top: 20px;
		
			}*/
	
		#pubHome #contentMain {
	
			width: 690px;
			text-align: left;
	
		}
	
			#pubHome #mediaWindow {
			
				width: 100%;
			
			}
		
		#pubHome #lowerContent {
		
			width: 880px;
			height: 185px;
			clear: both;
			background: url(../../../Images/pubHome_lowerContentBg.gif) repeat-x center bottom #FFF;
		
		}
		
			#pubHome #lowerContent table {
			
				text-align:center;
				padding-bottom: 0;
				font-family: Georgia, "Times New Roman", Times, serif;
		
			}
			
				#pubHome #lowerContent table a,
				#pubHome #lowerContent table span {
		
					color: #31322F;
					font-size: 11px;
		
				}
				
				#pubHome #lowerContent table a:hover {
		
					color: #31322F;
					text-decoration: underline;
		
				}
				
				
			
				#pubHome #lowerContent table td {
		
					background: url(../../../Images/doubleBorder.gif) repeat-x center top;
					vertical-align: top;
					padding-top: 10px;
		
				}
		
				
				
					#pubHome #lowerContent table td#loginCell {
		
						background: url(../../../Images/pubHome_loginBg.gif) repeat-x center top;
						width: 280px;
						text-align: left;
		
					}
					
						#pubHome #lowerContent table td#loginCell table td {
		
							background: none;
							padding-top: 0;
		
						}
					
						#pubHome #lowerContent table td#loginCell .advLogUsername,
						#pubHome #lowerContent table td#loginCell .advLogPassword {
		
							border: 1px solid #D6A040;
							width: 100%;
		
						}
			
			
							#pubHome #lowerContent table td#loginCell table td a {
		
								color: #676454;
								text-decoration: underline;
							
							}
							
							#pubHome #lowerContent table td#loginCell table a:hover {
		
								color: #676454;
								text-decoration: none;
							
							}
				
					#pubHome #lowerContent table td img {
		
						display: block;
		
					}

/**************
public content
***************/					
					
	#contentPage #contentWrapper,
	#privHome #contentWrapper {
	
		background: url(../../../Images/pubContent_sidebarBorder.gif) repeat-y center top;
		
		/*background: url(../../../Images/singleBorder.gif) repeat-y 279px;*/
		text-align: left;
	
	}
	
		#contentPage #contentContainer,
		#privHome #contentContainer {
		
			width: 100%;
			
		
		}
	
			#contentPage #contentSecondary,
			#privHome #contentSecondary {
		
				width: 280px;
				padding: 20px 0;
		
			}
				#contentPage #contentSecondary .inside,
				#privHome #contentSecondary .inside {
		
					width: 240px;
					margin-left: 20px;
		
				}
			
			#contentPage #contentMain,
			#privHome #contentMain {
		
				width: 640px;
		
			}
			
				#contentPage #mediaWindow {
			
				
			
				}
				
				/*right side lower content area for public content landing page and public content subpages*/
				
				#contentPage #contentMain .lowerPublicContent {
			
					width: 100%;
					margin: 15px 0;
			
				}
				
/**********************
public content landing
**********************/
			
			#contentPage #contentMain #pubContentLanding {
		
				background: url(../../../Images/singleBorder.gif) repeat-y center top;
		
			}
			
				#contentPage #contentMain #pubContentLanding .floatLeft,
				#contentPage #contentMain #pubContentLanding .floatRight {
			
					width: 290px;
			
				}
				
					#contentPage #contentMain #pubContentLanding .floatLeft p,
					#contentPage #contentMain #pubContentLanding .floatRight p {
			
						line-height: 1.6;
			
					}
				
				#contentPage #contentMain #pubContentLanding .floatLeft {
			
					width: 290px;
					margin-left: 15px;
			
				}
				
				#contentPage #contentMain #pubContentLanding .floatRight {
			
					width: 290px;
					margin-right: 15px;
			
				}
			
/**********************
public content landing
**********************/

			#contentPage #contentMain #pubContentSub {
		
				
		
			}
	
	#pubContentSub table{		
	color: #666666;
	font: 11px/1.2 Georgia, "Times New Roman", Times, serif;
	}
	
	#pubContentSub div{		
	color: #666666;
	font: 11px/1.2 Georgia, "Times New Roman", Times, serif;
	}
			
				#contentPage #contentMain #pubContentSub .inside {
		
					width: 580px;
					margin-left: 30px;
		
				}
				
				
					#contentPage #contentMain #pubContentSub .inside #paragraphWrapper {
		
						width: 100%;
						margin-top: 20px;
		
					}
					
					
/************
private home
*************/

			#privHome #contentMain .inside {
		
				width: 600px;
				margin-left: 20px;
				padding-top: 20px;
		
			}
			
				#privHome #contentMain #mediaWindow {
		
					width: 100%;
					background: url(../../../Images/doubleBorder.gif) repeat-x center bottom;
		
				}
				
					#privHome #contentMain #mediaWindow img {
		
						
		
					}
				
					#privHome #contentMain #mediaWindow .floatLeft,
					#privHome #contentMain #mediaWindow .floatRight {
		
						width: 300px;
						margin: 8px 0;
		
					}
					
						#privHome #contentMain #mediaWindow .floatLeft span,
						#privHome #contentMain #mediaWindow .floatRight span {
		
							font-size: 10px;
							color: #B0720D;
									
						}
						
						#privHome #contentMain #mediaWindow .floatRight table {

						
						}
						
						#privHome #contentMain #mediaWindow .floatRight table a {
		
							font: 10px Georgia, "Times New Roman", Times, serif;
									
						}
						
						#privHome #contentMain #mediaWindow .floatRight table a:hover {
		
							text-decoration: none;
									
						}
						
							#privHome #contentMain #mediaWindow .floatRight table a img {
	
								display: inline;
								margin-bottom: 0;
	
							}
							
						#privHome #contentMain #privHomeCallouts {
		
							width: 100%;
							padding: 10px 0;
									
						}
						
							#privHome #contentMain #privHomeCallouts h3 {
		
								margin-bottom: 6px;
									
							}
							
							#privHome #contentMain #privHomeCallouts table {
		
								background: #FFF;
								border-top: 1px solid #DDC6A2;
									
							}
							
								#privHome #contentMain #privHomeCallouts table p{
			
									line-height: normal;
									margin: 4px 0;
										
								}

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

#footer {

	width: 880px;
	margin-top: 10px;
	padding-top: 20px;
	background: url(../../../Images/doubleBorder.gif) repeat-x center top;

}