/* Version 1.01 
*  Released: 12/27/2007
*/

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

/*
I. GLOBAL:  Global classes, header styles, link styles and .page class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS
/////////////////////////////////////////////////////*/
/*allows background image on body to bottom align in gecko browsers*/
/*html {
	
	
	min-height: 100%;
	height: auto;

}*/


body {
	
	background: #FFF;
	color: #000;

}



h1 {
	
	color: #847248;
	font: 22px "Times New Roman", Georgia, serif;
	text-transform: uppercase;

}

h2 {
	
	color: #847248;
	font: 22px "Times New Roman", Georgia, serif;
	margin: 0 0 .2em;

}

h3 {
	
	color: #363636;
	font: 16px/1.2 Helvetica, Arial, sans-serif;

}

h4 {
	
	color: #363636;
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;

}

h5 {
	
	color: #000;
	font: 10px Helvetica, Arial, sans-serif;

}

h6 {
	
	color: #FFF;
	font: 10px "Times New Roman", Georgia, serif;
	text-transform: uppercase;

}

/* ::TODO:: look into the best solution for this */
p {
	
	color: #000;
	font: 11px Helvetica, Arial, sans-serif;

}

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

}

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

}

a:hover {

color: #3b6e5f;
	font: inherit;
	text-decoration: underline;
	
}

.page {

	background: url(../../../Images/bodyBg.gif) repeat-x center top #847248;
	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, Helvetica, 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, Helvetica, sans-serif;

}

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

}

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

}

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

}

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

}

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

}

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

}

/*///////////////////////////////////////////////////////////////
Layout and Custom Selectors for: Country Club of Rancho Bernardo
///////////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.justifiedCopy {

	text-align: justify;

}

.houdini {

	visibility: hidden;

}

/*primarily for images, removes extra bottom white space
IE creates for sourced images inside of containers without
defined heights.  use vBottom class if blockLevel class 
effects horizontal positioning of image.*/

.blockLevel {

	vertical-align: bottom;

}

.vBottom {

	vertical-align: bottom;

}

#topLinkWrapper {

	margin: 16px auto 0;
	text-align: center;
	width: 788px;
	display: none;

}

.topLink {

	display: inline;
	text-align: right;

}

.topLink a {

	color: #FFF;
	text-align: right;

}

#siteWrapper {
	
	margin: 0 auto;
	padding-top: 47px;
	text-align: center;
	width: 788px;
	background: url(../../../Images/contentBg_upper.gif) no-repeat center top;
	
}

#branding {

	margin: 0 auto;
	text-align: center;
	width: 748px;
	height: 138px;
	background: url(../../../Images/header2.jpg) no-repeat center top;

}

#brandingmem {

	margin: 0 auto;
	text-align: center;
	width: 748px;
	height: 138px;
	background: url(../../../Images/header_mem.jpg) no-repeat center top;

}

#brandinggolf {

	margin: 0 auto;
	text-align: center;
	width: 748px;
	height: 138px;
	background: url(../../../Images/header_golf.jpg) no-repeat center top;

}

#nav {

	margin: 0 auto;
	text-align: center;
	width: 748px;
	height: 31px;

}

#nav .inside {

	margin: 0 auto;
	text-align: center;
	width: 748px;
	height: 24px;
	background: url(../../../Images/navBg.gif) no-repeat center top;

}

#nav .inside table tbody tr {

	margin-top: -1px

}

#nav .inside table tbody tr td.CEMenu {

	margin: 0;

}

#flashWrapper {
	
	margin: 0 auto;
	width: 788px;
	height: 258px;
	text-align: center;
	background: url(../../../Images/contentBg_flash.gif) no-repeat center bottom;

}

#contentArea {

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

}

#lowerContent_landing {

	margin: 0 auto ;
	padding: 20px 0;
	width: 748px;
	text-align: center;

}

#lowerContent_landing .floatLeft {

	width: 353px;
	text-align:left;
	border-right: 1px solid #707070;

}

#lowerContent_landing .floatLeft .inside {

	width: 313px;
	margin: 0 20px;

}

#lowerContent_landing .floatRight {

	width: 394px;
	background: url(../../../Images/landingLogo.gif) no-repeat center top;
	padding-top: 140px;
	margin-top: 20px;

}

#lowerContent_content, 
#lowerContent_2col {
	margin: 0 auto;
	padding: 20px 0;
	width: 748px;
	text-align: center;

}

#lowerContent_2col {

	padding-top: 0;

}

#contentMain {

	margin: 0 auto;
	text-align: center;
	width: 690px;

}

#lowerContent_2col #contentMain {

	margin: 0 auto;
	text-align: center;
	width: 730px;

}

#contentMain .inside {

	text-align: left;


}

#contentMain .inside h1 .blockLevel {

	margin-bottom: 10px;

}

#lowerContent_content .inside .floatLeft,
#lowerContent_content .inside .floatRight {

	width: 300px;
	margin-top: 20px;

}

#contentMain .inside .floatLeft img,
#contentMain .inside .floatRight img {

	border: 1px solid #000;
	margin-right: 5px;

}

#lowerContent_2col #contentMain .inside .floatLeft {

	width: 226px;
	margin: 0;
}

#lowerContent_2col #contentMain .inside .floatLeft .inside {

	width: 206px;
	margin: 0 20px 0 0;

}

#lowerContent_2col #contentMain .inside div.floatRight {

	width: 486px;
	margin: 0;
}

#lowerContent_2col #contentMain .inside div.floatRight div.floatLeft,
#lowerContent_2col #contentMain .inside div.floatRight div.floatRight {

	width: 224px;
	margin-top: 20px;

}

#footer {

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

}

#footer h5 {
	
	color: #FFF;

}

/*sliding doors start*/

#membersLink, #guestsLink {

	width: 116px;
	height: 30px;
	display: block;
	float: left;

}

#membersLink {

	background: url(../../../Images/membersBtn_doors.gif) no-repeat left;
	margin: 0 40px 0 63px;

}

#membersLink:hover {

	background: url(../../../Images/membersBtn_doors.gif) no-repeat right;

}

#guestsLink {

	background: url(../../../Images/guestsBtn_doors.gif) no-repeat left;

}

#guestsLink:hover {

	background: url(../../../Images/guestsBtn_doors.gif) no-repeat right;

}

/*sliding doors end*/



#moduleWrapper {
	
	margin: 0 auto;
	padding: 0 0 5px;
	width: 748px;
	text-align: center;

}