@import url(global_v1-1.css);
@import url(RivOaksTennis_css/modules.css);
@import url(RivOaksTennis_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, h1 div {
	
	color: #464646;
	font: bold 12px Arial, Verdana, sans-serif;

}

h2, h2 div {
	
	color: #464646;
	font: bold 12px Arial, Verdana, sans-serif;
	
}

h3 {
	
	color: #284225;
	font: 14px Arial, Verdana, sans-serif;
	margin-bottom: 8px;

}

h4 {
	
	color: #AF7A1F;
	font: italic 14px/1.3 Arial, Verdana, sans-serif;

}

h5 {
	
	color: #C3Af02;
	font: bold 11px Arial, Verdana, sans-serif;
	display: inline;

}

h6 {
	
	color: #C3AF02;
	font: bold 11px Arial, Verdana, sans-serif;

}

p {
	
	color: #464646;
	font: 11px Arial, Verdana, sans-serif;

}

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

}

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

}

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

}

.page {
	
	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 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: River Oaks CC Tennis
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

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

.siteWrapper {

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

#homePage {


	
}

#contentPage {


	
}


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

#branding {

	width: 100%;
	height: 100px;
	background: url(../../../Images/headerBg1.jpg) no-repeat center top;
	
}

	#brandingInner {
	
		/*width: 768px;*/
		width: 770px;

	
	}
		
		#brandingInner div {
		
			width: 760px;
			padding: 8px 8px 0 0;
			text-align: right;
		
		}
	
			#brandingInner span, #brandingInner a, #brandingInner a:hover {
				
				font-size: 9px;
				color: #FFF;
		
			}

/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	height: 26px;
	background: url(../../../Images/navBg1.gif) no-repeat center top;

}

	#navInner {

		width: 770px;
		height: 100%;

	}
	
#jsBanner {

	width: 100%;
	height: 52px;
	background: url(../../../Images/contentBg.gif) repeat-y center top;

}

	#jsBanner .inside {

		width: 770px;
		margin: 0 auto;
		text-align: center;
		background: url(../../../Images/contentBg.gif) repeat-y center top;

	}

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

#contentContainer {

	width: 100%;
	background: url(../../../Images/contentBg.gif) repeat-y center top;
	
}

	#contentArea {
	
		width: 770px;
		padding: 20px 0;
	
	}
	
		#contentWrapper {
	
			width: 728px;
	
		}
		
			#sidebar {
	
				width: 130px;
				text-align: left;
	
			}
		
				#sidebar .callout {
		
					width: 100%;
					border-bottom: 1px solid #E2DCD2;
					text-align: left;
					margin-bottom: 20px;
		
				}
				
				#sidebar h6, sidebar a {
				
					text-align: center;
				
				}
				
				
				
						#sidebar .callout h2 {
			
							height: 22px;
							background: url(../../../Images/sidebar_headingBg.gif) no-repeat center top;
							padding-left: 8px;
			
						}
						
							#sidebar .callout h2 div {

								padding-top: 6px;

							}
						
						#sidebar .callout .inside {
						
							width: 100%;
							padding: 5px 0 7px;
							background: url(../../../Images/sidebarBg.gif) repeat-y center top;
						
						}
					
							#sidebar .callout .inside img {
							
								display: block;
								margin: 0 auto;
								text-align: center;
							}
			
			#contentMain {
				
				width: 576px;
				border-bottom: 1px solid #E2DCD2;
				text-align: left;
	
			}
			
				#contentMain h1 {
				
					height: 24px;
					background: url(../../../Images/contentMain_headingBg.gif) no-repeat center top;
					padding-left: 10px;
				
				}
				
					#contentMain h1 div {

						padding-top: 8px;

					}
			
				#contentMain .inside {
				
					width: 100%;
					background: url(../../../Images/contentMainBg.gif) repeat-y center top;
					padding: 10px 0;
				
				}
				
					#contentMain .inside .inside {
				
						width: 556px;
						margin: 0 0 0 10px;
						background: none;
				
					}
					
					.newsWrapper {
						
						margin-bottom: 20px;
						border-bottom: 1px dashed #CECECE;
					
					}
					.newsWrapper img {

						border-right: 16px solid #FFF;
						border-bottom: 10px solid #FFF;
					
					}


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

#footer {

	width: 100%;
	height: 28px;
	background: url(../../../Images/footerBg.gif) no-repeat center top;
	text-align: left;

}

	#footerInner {
	
		margin-left: 19px;
		width: 750px;
		height: 20px;
	
	}
	
	#footerInner h6 {
	
		color: #FFF;
		font: normal 9px Arial, Verdana, sans-serif;
		line-height: 20px;
	
	}