/* Version 1.01 
*  Released: 12/27/2007
*/

@import url(global.css);
@import url(ccLansing_css/modules.css);
@import url(ccLansing_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: #000;
	font: 40px "Georgia", Times New Roman,  serif;
	padding-bottom: .2em;

}

h2 {
	
	color: #339D47;
	font: bold 14px "Times New Roman", Georgia,  serif;
	margin: .2em 0;

}

h3 {
	
	color: #000;
	font: 13px "Times New Roman", Georgia,  serif;

}

h4 {
	
	color: #626262;
	font: 11px "Times New Roman", Georgia,  serif;

}

h5 {
	
	color: #524E3C;
	font: 11px "Times New Roman", Georgia, serif;

}

h6 {
	
	color: #524E3C;
	font: 10px "Times New Roman", Georgia, serif;

}

/* ::TODO:: look into the best solution for this */
p {
	
	color: #524B37;
	font: 11px "Times New Roman", Georgia,  serif;
	margin: 0;

}

table, div {
	
	font: 11px Arial, Verdana, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #2d843d;
	font: inherit;
	text-decoration: none;

}

a:hover {

	color: #2d843d;
	font: inherit;
	text-decoration: underline;
	
}

.page {

	background: url(../../../Images/bodyBg.jpg) repeat-x center top #FFF;
	text-align: center;
	
}

.CEMenu {
	
	margin:0;
	padding:0;

}

.clearBoth {
	
	height: 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 Lansing)
///////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////
= GLOBAL CUSTOM CLASSES
////////////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	text-align: center;

}

.borderedThumb {

	border: 3px solid #CCC29C;

}

/*primarily for images, removes extra bottom white space
IE creates for sourced images inside of containers without
defined heights*/

.blockLevel {

	display: block;

}

.justifiedCopy {

	text-align: justify;

}

.justifiedCopy img {

	border-right: 10px solid transparent;

}

.headSpace {
	
	padding-bottom: 18px;
	
}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {

	margin: 0 auto;
	text-align: center;
	width: 1000px;
	min-height: 1100px;
	background: url(../../../Images/house_haunted.jpg) no-repeat center top;

}

/*target IE 5.5-7 only*/
*:first-child+html {} * html #siteWrapper {
	
	height: 1100px;
	
} 

#siteContainer {
	
	margin: 0 auto;
	text-align: center;
	width: 840px;
	background: url(../../../Images/contentBg.gif) repeat-y center top;
	
}

#innerContainer {
	
	margin: 2px auto 0;
	text-align: center;
	width: 834px;
	
}

/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	margin: 0 auto;
	width: 100%;
	height: 132px;
	background: url(../../../Images/headerBg.jpg) no-repeat center top;

}

#branding a {
	
	color: #9C7E1C;
	
}

#branding input:hover {
	
	background: #EBE5D2;
	
}

/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	height: 34px;
	border-left: 1px solid: #000;
	border-right: 1px solid: #000;
	background: url(../../../Images/navBg.gif) repeat-x center top;
	
}

#nav .inside {

	width: 820px;
	text-align: center;
	margin: 0 auto;
	
}

#nav h5 {
	
	color: #FFF;
	
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {

	width: 834px;

}



#contentWrapper {

	width: 834px;

}

.twoCol {
	
	background: url(../../../Images/contentBg_2col.gif) repeat-y center top;
	
}

.oneCol {
	
	background: url(../../../Images/contentBg_1col.gif) repeat-y center top;
	
}

#contentMain {

	width: 630px;
	text-align: left;

}

#contentMain p {
	
	font-size: 16px;
	color: #1F1E1D;
	
}

#contentMain .inside {
	
	padding: 18px, 18px, 0, 18px;
	margin-left: 18px;
	text-align: left;

}

#contentMain .inside .floatLeft {
	
	width: 378px;
	
}

#contentMain .inside .floatRight {
	
	width: 190px;
	
}

/* -------------------
HOME PAGE-SPECIFIC
------------------- */

.watermark {
	
	background: url(../../../Images/lowerContent_waterMark.jpg) no-repeat right bottom;
	float: right;
	padding-bottom: 80px;
	
}

.watermark .inside,
.noWatermark_threeCol .inside {
	
	width: 594px;

}

/* ----------------------------
CONTENT PAGE-SPECIFIC(3-COLUMN)
----------------------------- */

.noWatermark_threeCol {
	
	float: right;
	
	
}

/* ----------------------------
CONTENT PAGE-SPECIFIC(2-COLUMN)
----------------------------- */

.noWatermark_twoCol {
	
	float: right;
	
	
}

.noWatermark_twoCol .inside {
	
	width: 550px;
	
}

/* ----------------------------
CONTENT PAGE-SPECIFIC(1-COLUMN)
----------------------------- */

.oneCol #contentMain {
	
	width: 100%;
	text-align: left;
}

.oneCol #contentMain .inside {

	width: 760px;
	padding: 18px 0;
	margin-left: 36px;
	text-align: left;

}

#sidebar {

	width: 204px;
	text-align: left;

}

#sidebar .inside {

	width: 168px;
	margin-left: 18px;
	padding: 18px 0;

}

#sidebar h3 {
	
	padding-bottom: 6px;
	
}

#quickLinks, #quickLinks li {
	
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#quickLinks li {
	
	padding: 2px 0;
	font: 9px Arial, Verdana, sans-serif;
	
}

#quickLinks li a {
	
	
	
}

/* -------------------------------------------------------------
= FOOTER CLASSES 
------------------------------------------------------------- */

.globalFoot {
	
	text-align: center;
	margin: 0 auto;
	width: 840px;
	height: 119px;
	padding-top: 50px;
	
}

.globalFoot p {
	
	color: #F2EFCF;
	font-size: 12px;
	
}

#footer_watermark {

	background: url(../../../Images/2colFooterBg_wm.jpg) no-repeat center top;
	
}

#footer_noWatermark {

	background: url(../../../Images/2colFooterBg_noWm.jpg) no-repeat center top;
	
}

#footer_oneCol {

	background: url(../../../Images/1colFooterBg.jpg) no-repeat center top;
	
}
