@import url(global_colonial.css);
@import url(RiverOaksCC_css/modules.css);
@import url(RiverOaksCC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.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: #925021;
	font: 26px Garamond, "Palatino Linotype", "Times New Roman", serif;
	margin-bottom: 12px;

}


h2 {
	
	/*color: #010101;*/
	color: #925021;
	font: bold 13px Garamond, "Palatino Linotype", "Times New Roman", serif;
	letter-spacing: .5em;
	text-transform:uppercase;
	
}

h3 {
	
	color: #443729;
	font: bold 13px Garamond, "Palatino Linotype", "Times New Roman", serif;

}
	#PrivHome #mediaWindow h3 {
		
		color:#925021;
		font: 20px Garamond, "Palatino Linotype", "Times New Roman", serif;
		letter-spacing:.025em;
		margin-bottom: 12px;
		
		
		background: url(../../../Images/CustomDesign2011/ornament.gif) no-repeat center top;
		padding-top:34px;
	}


h4 {
	
	color: #814e0c;
	font: italic 20px/1.3em Garamond, "Palatino Linotype", "Times New Roman", serif;

}

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

}

h6 {
	
	color: #4e4134;
	font: 11px Arial, Verdana, sans-serif;

}

	#splash h6 {
		
		color: #8F834B;
		font: 9px Arial, Verdana, sans-serif;
		text-transform: uppercase;
	
	}

p {
	
	color: #443729;
	font: 12px Arial, Verdana, sans-serif;

}

table, div {
	
	font: 12px Arial, Verdana, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	/*color: #8B7E5F;*/
	color: #3e661a;
	font: inherit;
	text-decoration: none;

}

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

}

.page {
	
	/*background: #274325;*/
	background: url(../../../Images/CustomDesign2011/bg_page.jpg) center top;
	margin: 0 auto;
	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 --------- */
 
 #newsPlugin850186ArchiveLink {display:none;}
 
.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;

}

.centered {

	margin: 0 auto;
	text-align: center;

}


a.clickToEditAnchor,
a.clickToEditAnchor:hover,
#PrivHome #sidebar #vertNav a.clickToEditAnchor,
#PrivHome #sidebar #vertNav a.clickToEditAnchor:hover {
	background-image:none;
}


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

.siteWrapper {

	width: 100%;
	margin: 0 auto;
	text-align: center;
	/*background: url(../../../Images/content_outer.jpg) no-repeat center top;*/
	background: url(../../../Images/CustomDesign2011/bg_pageTop.jpg) repeat-x center top;
	height: 100%;
	
}


#splash {
	width:100%;
	height:auto;
	background: url(../../../Images/CustomDesign2011/bg_pageTop_splash.jpg) repeat-x center top;
}


#privHome {

	
	
}

#pubContent {


	
}

	#siteContainer {
	
		width: 960px;
	
	}
	
	#PrivHome #siteContainer {
		width:100%;
	}
	
	
	
	
		#burrito {
	
			width: 100%;
			/*background: url(../../../Images/contentRepeat.gif) repeat-y center top;*/
			/*padding-top: 8px;*/
		
		}
		
			#PrivHome #enchilada {
				width:100%;
			}
				#PrivHome #taquito {
					width:100%;
				}
			
		
			#threeCol #enchilada {
			
				width: 944px;
				margin: 0 8px;
				/*background: url(../../../Images/innerContent_3col.gif) repeat-y left top;*/
			
			}
		
				#threeCol #taquito {
				
					width: 944px;
					
					/*background: #FFF;*/
					/*background: url(../../../Images/leftColBg.jpg) no-repeat 0 32px;*/
			
				}
				
		
			#twoCol #enchilada {
			
				width: 944px;
				margin: 0 8px;
				/*background: url(../../../Images/innerContent_2col.gif) repeat-y left top;*/
			
			}
		
				#twoCol #taquito {
				
					width: 944px;
					
					/*background: #FFF;*/
					/*background: url(../../../Images/leftColBg.jpg) no-repeat 0 32px;*/
			
				}


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

#branding {

	width: 100%;
	background: url(../../../Images/CustomDesign2011/bg_branding.gif) no-repeat left top;
	height: 115px; /*106px;*/
	
}

	#PrivHome #branding {
		width:960px;
		margin:0 auto;
	}

	#splash #branding {

		width: 100%;
		background: url(../../../Images/CustomDesign2011/bg_branding_splash.gif) no-repeat center -10px;
		height: 132px;
	
	}
	
	#branding ul {
	
		margin: 46px 0 0 0;
		padding: 0;
		list-style: none;
		color: #acb292;
		font: 15px Garamond, "Palatino Linotype", "Times New Roman", serif;
		text-align:right;
	
	}
	
		#branding li {
		
			margin: 0 6px 0 6px;
			padding: 0;
			display: inline;
		
		}
		
		
			#branding li a {
			
				color: #acb292;
				font: bold 11px Garamond, "Palatino Linotype", "Times New Roman", serif;
				text-transform:uppercase;
				text-decoration: none;
				padding-left: 16px;
				
			}
			
			#branding li a:hover {
				text-decoration: underline;
			}
			
			#branding #resLink a {
				/*background: url(../../../Images/icon_reserv.gif) no-repeat left center;*/
			}
			
			#branding #logLink a {
				background: url(../../../Images/icon_log.gif) no-repeat left center;
			}
			
			#branding #logoutLink {
				display:inline-block;
				margin:6px;
				margin-right:0;
				vertical-align:middle;
			}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#horizNav {

	width: 100%;
	/*background: url(../../../Images/navBg.gif) repeat-x center top;*/
	height: 32px;
	padding-bottom:22px;

}

	#PrivHome #horizNav {
		height:43px;
		padding:0;
	}



#vertNav {

	width: 100%;
	margin-bottom:40px;

}

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

#sidebar {

	width: 230px;
	/*background: #D3D7D6 url(../../../Images/leftColBg.jpg) no-repeat left top;
	background: #D3D7D6;*/
	padding: 28px 0;
	text-align: left;

}

	#sidebar .inside {
	
		width: 190px; /*188px;*/
		/*margin: 0 14px 0 28px;*/
	
	}
	

		#sidebar .inside #quickLinks {
	
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 9px;
	
		}
		
			#sidebar .inside #quickLinks li {
	
				margin: 6px 0 0;
				padding: 0;
	
			}
			
				#sidebar .inside #quickLinks li a {
	
					color: #1F231F;
	
				}

#contentArea {

	width: 714px;

	/*background: url(../../../Images/leftColBg.jpg) no-repeat left top #FFF;*/
	
}


	#mediaWindow {
	
		width: 686px;
		margin-top: 14px;
		margin-bottom: 14px;
		
	}
	
		#mediaWindow img {
	
			display: block;
		
		}
		
	#threeCol #mediaWindow {
	
		margin: 0;
		padding: 14px;
		background: #FFF;
		
	}
		
	#twoCol #contentWrapper,
	#threeCol #contentWrapper {
	
		width: 714px;
		text-align: left;
	
	}
	
		#threeCol #contentMain {
	
			width: 484px;
			padding: 40px 0;
	
		}
		
			#threeCol #contentMain .inside {
	
				width: 374px;
				margin: 0 55px;
	
			}
		
		#threeCol #contentSecondary {
	
			width: 230px;
			padding: 8px 0 22px;
	
		}
		
			#threeCol #contentSecondary .inside {
	
				width: 186px;
				margin: 0 22px;
	
			}
			
		#twoCol #contentMain {
	
			width: 714px;
			/*padding: 55px 0;*/
	
		}
		
			#twoCol #contentMain .inside {
	
				width: 604px;
				margin: 0 55px;
	
			}
			
	#splash #contentArea {

		width: 718px;

	}
			
		#splash #contentWrapper {
		
			width: 718px;
		
		}		
			
			#lowerSplashWrap {
			
				width: 600px;
				/*border-top: 2px solid #20371D;*/
			
			}
			
			#lowerSplashWrap  h6{
			
				color: #83A162;
			
			}
			
			#splash #contentMain {
			
				width: 404px;
				/*border-right: 2px solid #20371D;*/
				text-align: left;
				padding: 40px 0;
			
			}
			
				#splash #contentMain .inside {
			
					width: 324px;
					margin: 0 40px;
			
				}
				
				#splash #contentMain h6 {
			
					text-align: center;
			
				}
			
			#splash #contentSecondary {
			
				width: 194px;
				text-align: left;
				padding: 12px 0;
			
			}
			
				#splash #contentSecondary .inside {
			
					width: 170px;
					margin: 0 12px;
			
				}



/* -- PRIVATE HOME -- */

#PrivHome #mediaWindow {
	width: 100%;
	background: url(../../../Images/CustomDesign2011/bg_mediaWindow.jpg) repeat-x center top;
	height: 344px;
	
	margin:0;
}
	#PrivHome #mediaWindow .inside {
		width:936px;
		height:320px;
		margin:0 auto;
		
		padding-top:12px;
	}

#PrivHome #contentArea {
	width:960px;
	margin:30px auto 10px;
}
/* added 8-31 RTP */
	#vertNav-wine a {
		display:block;
		
		color:#e2dacc;
		font: 12px Garamond, "Palatino Linotype", "Times New Roman", serif;
		text-transform:uppercase;
		letter-spacing:.025em;
		text-align:center;
		width: 190px;
		
		background:url(../../../Images/CustomDesign2011/btn_190.jpg) no-repeat center center;
		padding:7px 0;
		margin-bottom:6px;
		text-decoration: none;
	}
		#vertNav-wine a:hover {
			background:#544736;
			width: 190px;
			text-decoration: none;
		}
		
/* added 8-31 */

	#PrivHome #sidebar {
		margin-left:12px;
	}


	#PrivHome #sidebar #vertNav a {
		display:block;
		
		color:#e2dacc;
		font: 12px Garamond, "Palatino Linotype", "Times New Roman", serif;
		text-transform:uppercase;
		letter-spacing:.025em;
		text-align:center;
		
		background:url(../../../Images/CustomDesign2011/btn_190.jpg) no-repeat center center;
		padding:7px 0;
		margin-bottom:6px;
	}
		#PrivHome #sidebar #vertNav a:hover {
			background:#544736;
		}
			

	#PrivHome #contentWrapper {
		width:710px;
	}
		#PrivHome #contentMain {
			
		}
			#PrivHome #calendarPlugin {
				width:524px;
				margin:0 auto;
			}




#FullContent {
	width: 944px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto;
}

#FullContent .inside{
	padding: 55px 55px 55px 55px;
}
			
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 960px;
	padding:32px 0;
	margin:0 auto;
	
	background: url(../../../Images/CustomDesign2011/bg_footer.jpg) no-repeat center top;
	
}


#threeCol #footer {

	/*background: url(../../../Images/footer_3Col.gif) no-repeat center top;*/

}

#twoCol #footer {

	/*background: url(../../../Images/footer_2Col.gif) no-repeat center top;*/

}

#splash #footer {

	background: none;

}

a#diningRes {
background-image:url(../../../images/diningRes.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a#teetime {
background-image:url(../../../images/teetime.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a#tennisRes {
background-image:url(../../../images/tennisRes.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a#mystatement {
background-image:url(../../../images/mystatement.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a#memberroster {
background-image:url(../../../images/memberroster.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a#rowa {
background-image:url(../../../images/rowa.jpg);	
width:200px;
height:26px;
margin-bottom:5px;
text-align: center;
}

a.linkflip {
display:block;
background-position:center top; 
}

a.linkflip:hover {background-position:center bottom;}


/* -------------------------------------------------------------
= PLUGIN CLASSES : OVERWRITE
------------------------------------------------------------- */


/*-- 2 Column Calendar.  Classes used to isolate ##Snippets## --*/
.calendarDayHTML {  /* .calendarDayTable  or   .calendarDayDiv  or  .calendarDay   ....whatever you do, just set a standard className */
	width:400px;
	
}

.calendarDateColumn, .calendarEventColumn {  /* same as writing .calendarDayHTML td */
	vertical-align:top;
	padding:5px 0 0px;
	
}

.calendarDateColumn {
	/*border-right:1px solid #666;*/
	width:170px;
	
}
.calendarEventColumn {
}

	/*-- Unique <div> containers for each Calendar --*/
	#calendar_01 {
		width:400px;
	}

.calendarEventColumn a,a.small,a.anchor,a.visited {
	
	/*color: #8B7E5F;*/
	color: #3e661a;
	font: inherit;
	text-decoration: none;

}

.calendarEventColumn a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: none;

}