@import url(global_v1-2.css);
@import url(CarolinaCCNC_css/modules.css);
@import url(CarolinaCCNC_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: #1D2000;
	font: 24px "Times New Roman", Georgia, Times, serif;
	margin-bottom: 6px;

}


h2 {
	
	color: #1D2000;
	font: 20px "Times New Roman", Georgia, Times, serif;
	margin-bottom: 4px;
	
}

h3 {
	
	color: #3B774B;
	font: 14px/1.4 Helvetica, Arial, sans-serif;

}

h4 {
	
	color: #3B774B;
	font: italic 12px/1.8 Helvetica, Arial, sans-serif;
	border-top: 1px solid #D9DCE0;
	border-bottom: 1px solid #D9DCE0;
	padding: 4px 0;

}

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

}

h6 {
	
	color: #AEA26F;
	font: 10px/1.4  Helvetica, Arial, sans-serif;

}

p {
	
	color: #1D2000;
	font: 11px/1.6 Helvetica, Arial, sans-serif;

}

table, div {

	font: 12px/1.6 Helvetica, Arial, sans-serif;

}

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

}

a:hover {
	
	color: #006225;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/bodyBg.jpg) no-repeat center top #C3B371;
	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 Helvetica, 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 Helvetica, Arial, sans-serif;

}

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

}

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

}

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

}

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

}

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

}

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

}

/*//////////////////////////////////////////////////////////
Layout and Custom Selectors For: Carolina Country Club (NC)
//////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

#mediaWindow img {

	display: block;

}

.clearBoth {

	height: 0;

}

a img {

	border: none;
	vertical-align: middle;

}

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

.siteWrapper {

	width: 960px;
	margin: 0 auto;
	background: url(../../../Images/outerContentBg.gif) repeat-y center top;
	
}

#pubHome {


	
}

#contPage_fullImage {


	
}


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

#branding {

	width: 954px;
	height: 118px;
	margin: 0 auto;
	background: url(../../../Images/headerBg.gif) no-repeat center top;
	
}

	#branding .inside {
		width: 922px;
		margin: 0 auto;
		height: 100%;
	
	}

	#branding #logo {

		width: 344px;
		height: 90px;
	
	}
	
		#branding #logo a {

			display: block;
			width: 100%;
			height: 100%;
			background: url(../../../Images/logoLink.jpg) no-repeat left top;
	
		}
		
		#branding #logo a:hover {

			background: url(../../../Images/logoLink.jpg) no-repeat right top;
	
		}
	
	#branding .floatRight {

		width: 578px;
		height: 90px;
		text-align: right;
	
	}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	height: 28px;
	background: url(../../../Images/nav_topBorder.gif) repeat-x center top;
	padding-top: 1px;

}

	#nav .inside {

		width: 100%;
		height: 27px;

	}

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

#contentContainer {
	
	width: 954px;
	padding: 16px 0;
	margin: 0 auto;
	
}

	#contentArea {
	
		width: 922px;
		margin: 0 16px;
		text-align: left;
	
	}
	
		.contentWrapper {
		
			width: 922px;
		
		}
		
			#mediaWindow {
			
				width: 100%;
				margin-bottom: 16px;
				
			
			}
			
			#contentBurrito {
			
				padding-bottom: 16px
			
			}
			
			#sidebar {
			
				width: 210px;
				padding: 16px 0;
			
			}
			
				#sidebar .inside {
			
					width: 178px;
					margin: 0 16px;
			
				}
			
			#contentMain {
			
				width: 696px;
				
			
			}
			
				#contentMain .inside {
			
					width: 100%;
			
				}
			
/***********
public home
************/
		
		#pubHome {
			
			background: #E8E7DC;
			
		}
		
			#pubHome #sidebar {
				
				width: 160px;
				padding: 0;
				margin-left: 16px;
				
			}
			
			#pubHome #contentMain {
				
				width: 672px;
				padding: 0;
				margin-right: 16px;
				
			}
			
			#beef {
			
				height: 16px;
			
			}
			
/********************************
content main (full-width images)
********************************/

		#contMainPages #contentBurrito {
			
			background: url(../../../Images/innerContentBg_2col.gif) repeat-y left top;
			
		}
		
			#contMainPages #contentThumbsWrapper {
				
				width: 100%;
				
			}
			
				#contMainPages #contentThumbsWrapper table img {
				
					display: block;
				
				}

/**********************************
private home and sub content pages
**********************************/

	#privHome #sidebar #quickLinks {
	
		width: 100%;
	
	}
	
		#privHome #sidebar #quickLinks h2 {
		
			margin-bottom: 12px;
		
		}
	
		#privHome #sidebar #quickLinks a {
		
			font-size: 11px;
			display: block;
			color: #4E472B;
			text-decoration: none;
			margin: 4px 0;
		
		}
		
		#privHome #sidebar #quickLinks a:hover {
		
			color: #006225;
		
		}

	#privHome #contentMain,
	#subContent #contentMain {
			
		padding-top: 0;
			
	}
	
		#privHome #contentMain .inside {
			
			width: 664px;
			margin: 0 16px;
			
		}

			#privHome #contentBurrito,
			#subContent #contentBurrito {
			
				background: url(../../../Images/innerContentBg_2col.gif) repeat-y left top;
			
			}
			
				#privHome #mediaWindow,
				#subContent #mediaWindow {
				
					height: 230px;
				
				}
			
					#privHome #mediaWindow .floatLeft {
					
						width: 348px;
					
					}
					
					#privHome #mediaWindow .floatRight {
					
						width: 348px;
						background:url(../../../Images/photoAlbum_copyBg.gif) no-repeat;
						height: 100%;
					
					}
					
						#privHome #mediaWindow .floatRight #photoAlbumCopy {
					
							width: 308px;
							height: 190px;
							margin: 20px;
							color: #FFF;
					
						}
						
							#privHome #mediaWindow .floatRight #photoAlbumCopy a,
							#privHome #mediaWindow .floatRight #photoAlbumCopy a:hover {
					
								color: #CFBB96;
					
							}
							
						#privHome #contentMain .inside .floatLeft,
						#privHome #contentMain .inside .floatRight {
						
							width: 302px;
						
						} 
						
						#privHome #contentMain .inside .floatLeft #arrowLinksWrapper,
						#privHome #contentMain .inside .floatRight #arrowLinksWrapper {
						
							width: 100%;
							padding: 10px 0;
						
						}
						
							#privHome #contentMain .inside .floatLeft #arrowLinksWrapper a,
							#privHome #contentMain .inside .floatRight #arrowLinksWrapper a:hover {
						
								/*background: url(../../../Images/quickLinkArrow.gif) no-repeat left center;*/
								display: block;
								margin-bottom: 4px;
								line-height: normal;
								
						
							} 
							
					#subContent #mediaWindow .floatLeft {
								
						width: 360px;
						height: 100%;
						background: url(../../../Images/contentSub_boxBg.gif) no-repeat;
								
					}
					
					#subContent #mediaWindow .floatRight {
								
						width: 336px;
						height: 100%;
								
					}
					
						#subContent #mediaWindow .floatLeft #boxCopy {
								
							width: 318px;
							height: 188px;
							margin: 20px;
								
						}
							#subContent #mediaWindow .floatLeft #boxCopy a,
							#subContent #mediaWindow .floatLeft #boxCopy a:hover {
						
								color: #000;
						
							} 
							
						
							#subContent #mediaWindow .floatLeft #boxCopy a img {
								
								display: inline;
								vertical-align: middle;
								
							}
							
					#subContent #bottomCallout {
					
						width: 100%;
						background: url(../../../Images/contentSub_calloutBg.gif) repeat-x center top;
						margin-top: 16px;
						padding: 10px 0;
					
					}
					
						#subContent #bottomCallout .inside {
					
							width: 676px;
							margin: 0 10px;
					
						}

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

#footer {

	width: 960px;
	margin: 0 auto;
	background: url(../../../Images/footerBg.gif) no-repeat center top;

}

	#footer .inside {
	
		width: 956px;
		margin: 0 auto;
		padding: 30px 0;
		font-size: 11px;
		color: #66551A;
	
	}