@import url(global.css);
@import url(adminLogin.css);
@import url(RacineCC_css/modules.css);
@import url(RacineCC_css/plugins.css);

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

/////////////////////////////////////////////////////*/
body {
	color:#000;
	font: 400 11px Arial, Verdana, sans-serif;
}

h1 {
	color:#4e1110;
	font:400 24px "Times New Roman", Georgia, Times, serif;
	margin: 0 0 20px;
}

h2 {
	color:#e1decc;
	font:400 18px "Times New Roman", Georgia, Times, serif;
	margin: 0 0 10px;
}

h3 {
	color:#4e1110;
	font:700 16px "Times New Roman", Georgia, Times, serif;
	margin: 10px 0 5px;
}

h4 {
	color:#4e1110;
	font:13px "Times New Roman", Georgia, Times, serif;
	margin: 6px 0 3px;
}

h5 {
	color:#333;
	display:inline;
	font:bold 12px "Times New Roman", Georgia, Times, serif;
}

h6 {
	color:#FFF;
	font:12px/1.8 "Times New Roman", Georgia, Times, serif;
}

table {
	font-size: 11px;
}

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

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

.page {
	background: #330604 url(../../../Images/site_bg.jpg) center top repeat-y;
	font: 400 11px Arial, Verdana, sans-serif;
}

.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: RACINE COUNTRY CLUB
///////////////////////////////////////*/

.hide-text {
	display: none;
}

#banner_homeTable {
	display:none;
	visibility: hidden;
}

#outerWrapper {

	background: url(../../../Images/topBar_bg.gif) center top repeat-x;

}

.siteWrapper {

	
	margin: 0 auto;
	width: 786px;
	text-align: left;

}


#netcaddyWrapper {
	background:#fff;
	float: left;
	width:770px;
}

/*********************************************************************************
= HEADER 
*********************************************************************************/

#header {

	background: url(../../../Images/pageTop_bg.gif) center bottom no-repeat;
	height: 100px;
	position: relative;

}

/*-------------------
LOGO 
--------------------*/

#logo {
	
	position: absolute;
	left: 10px;
	top: 40px;
}

	#logo a {
		background: url(../../../Images/logo.gif) left top no-repeat;
		display: block;
		height: 49px;
		width: 349px;
	}
	#logo a:hover { background-position: left bottom; }

/*------------------
TOP BAR 
-------------------*/

#topBar {
	visibility: hidden;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 5px;
	top: 0px;
	
}
	#topBar li {
	
		display: inline;
		padding: 0px;
		margin: 0px;
		
	}
	
		#topBar li a {
		
			background: url(../../../Images/topBar.gif) left top no-repeat;
			height: 26px;
			display: block;
			float: left;
		
		}
		
		#topBar li a#tl-home { width: 55px; }
		#topBar li a#tl-home:hover { background-position: left bottom; }
		
		#topBar li a#tl-contact { width: 25px; background-position: -55px top; }
		#topBar li a#tl-contact:hover { background-position: -55px bottom; }
		
		#topBar li a#tl-memLogin { width: 130px; background-position: -80px top; }
		#topBar li a#tl-memLogin:hover { background-position: -80px bottom; }
		
/*-------------------------------------------------
PRIVATE TOP BAR

FYI: Add padding to the first and last time to account for the curve of the background image.  Set the widths to auto so it changes with the width of the link text.  Do no change background position on hover.
--------------------------------------------------*/

#mp-priv #topBar li a, #mp-privContent #topBar li a {

	background: url(../../../Images/topBar_priv.gif) center top no-repeat;
	height: auto !important;
	display: block;
	float: left;
	padding: 7px 10px 5px;
	color: #000;
	width: auto !important;
	text-transform: uppercase;
	font-size: 11px;

}
#mp-priv #topBar li a:hover, #mp-privContent #topBar li a:hover { color: #fff; text-decoration: none; }

	#mp-priv #topBar li a#tl-first, #mp-privContent #topBar li a#tl-first { background-position: left top; padding-left: 25px; }
	#mp-priv #topBar li a#tl-first:hover, #mp-privContent #topBar li a#tl-first:hover { background-position: left top; }

	#mp-priv #topBar li a#tl-last, #mp-privContent #topBar li a#tl-last { background-position: right top; padding-right: 25px; }
	#mp-priv #topBar li a#tl-last:hover, #mp-privContent #topBar li a#tl-last:hover { background-position: right top; }
	
#mp-priv li#memInfo, #mp-privContent li#memInfo { 
		
	float: left; 
	color: #fff;
	line-height: 32px;

}
		
	#mp-priv #memInfo a, #mp-privContent #memInfo a { 
	
		display: inline; 
		padding: 0px 15px 0 5px !important;
		background: none !important; 
		color: #fff !important;
	
	}
	#mp-priv #memInfo a:hover, #mp-privContent #memInfo a:hover { text-decoration: underline; }

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

#contentArea {
	font-size: 11px;
	background: url(../../../Images/page_bg.gif) center top repeat-y;
	float: left;
	padding: 0 7px;

}

/*-------------------
NAV 
-------------------*/

#nav {

	background: url(../../../Images/nav_bg.jpg) left top no-repeat;
	height: 38px;

}

/*------------------
INNER PAGE 

Home page content_wrapper has no background applied to it and contentMain has no padding.  When adding padding to sidebar and contentMain, be sure to include #pub-content id to only target content pages.

-------------------*/

.content_wrapper {
	width: 772px;
}

/* INNER PAGE CONTENT WRAPPER */
#pub-content.content_wrapper {
	background: #eeebdd url(../../../Images/content_bg.gif) center top repeat-y;
}

#botClear {

	background: url(../../../Images/contentBot_bg.gif) center bottom no-repeat;
	height: 22px;

}

/*-------------------------------
CONTENT MAIN - PUBLIC
--------------------------------*/
#pub-content #contentMain {

	float: right;
	width: 567px;

}

	#pub-content #contentMain .inside {
		margin: 35px;
	}

/*-------------------------------
SIDEBAR - PUBLIC
-------------------------------*/

#pub-content #sidebar {

	float: left;
	width: 205px;

}

	#pub-content #sidebar .inside {
	
		padding: 35px 20px 40px 20px;
		width: 165px;
	
	}
/******************************************************************************************
PRIVATE
*******************************************************************************************/
#mp-priv .content_wrapper {
	background: #eeebdd url(../../../Images/priv-content_bg.gif) center top repeat-y;
}

#priv-mod {
	width: 772px;
}

/*---------------------------------
CONTENT MAIN - PRIVATE 
---------------------------------*/

#mp-priv #contentMain {
	float: left;
	width: 440px;
}

	#mp-priv #contentMain .inside {
		margin: 0px 35px 0 25px;
		padding: 30px 0;
		width: 380px;
	}

/*----------------------------------
SIDEBAR - PRIVATE
-----------------------------------*/

#mp-priv #sidebar {
	float: right;
	width: 332px;
}

	#mp-priv #sidebar .inside {
		margin: 0px 30px 0 5px;
		padding: 30px 0;
		width: 297px;
	}

/*--------------------------------------*/
#mp-priv #botClear {
	background: url(../../../Images/priv-contentBot_bg.gif) center bottom no-repeat;
	height: 22px;
}

#mp-privContent #sidebar {
	color: #fff;
}

/*********************************************************************************
= FOOTER 
*********************************************************************************/

#footer {
	background: url(../../../Images/pageBot_bg.gif) center bottom no-repeat;
	padding: 10px 0;
}

	#footer p {
		text-align: center;
		font-size: 10px;
	}
	
/*********************************************************************************
= MEMBER LOGIN 
*********************************************************************************/

#memLogin_wrapper {
	width: 462px;
	margin: 75px auto;
	background: url(../../../Images/memLogin_bg.jpg) center top no-repeat;
	text-align: left;
}

	#memLogin_wrapper .inside {
		margin: 0px 40px 0px;
		padding: 100px 0px 53px;
		width: 382px;
	}
	
		#memLogin_wrapper h3 {
			margin: 0px 0 15px;
		}