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

@import url(global.css);
@import url(adminLogin.css);
@import url(BrookHollow_css/brookHollow_modules.css);
@import url(BrookHollow_css/brookHollow_plugins.css);

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

body {
	background:#fff;
	color:#000;
	font:11px Tahoma, Arial, Verdana, sans-serif;
}

/* Content main headings */
h1 {
	color:#004932;
	font:normal 26px Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	margin: 5px 0 10px;

}

/* Use this for headings with border below - Section or call out titles - not the title of the content */
h2 {
	color:#ada893;
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 15px 0 8px;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #ada893;
}

h3 {
	color:#004932;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 10px 0;
}

h4 {
	color:#4c4d4f;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
}

h5 {
	color:#4c4d4f;
	display:inline;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif;
}

h6 {
	color:#FFF;
	font:12px/1.8 Tahoma, Arial, Verdana, sans-serif;
}


/* ::TODO:: look into the best solution for this */
p {
	color:#4c4d4f;
	font:11px/1.4 Tahoma, Arial, Verdana, sans-serif;
	margin: 0 0 4px;
}

table {
	font:11px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
}

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

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

.page {
	background: #0c2918 url(../../../Images/site_bg.gif);
}

.CEMenu {
	margin:0;
	padding:0;
}

/* important edit global text boxes - default --------- */
.txtbox {
	background:#FFF;
	border-style:inset;
	border-width:2px;
	color:#000;
	font-size:11px Tahoma, 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-size:13px Tahoma, Arial, Verdana, sans-serif;
}

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

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

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

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

.rowHover {
	background:#FFF;
	color:#000;
	font:400 11px;
}

.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 Tahoma, Arial, Verdana, sans-serif;
	padding:2px;
	text-decoration:none;
}

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

/*///////////////////////////////////////
Layout and Custom Selectors for: (BROOK HOLLOW GC)
///////////////////////////////////////*/

span.hide-text { display: none; }
img.imgBorder { border: 3px solid #909090; }
div.clearBoth { visibility: hidden; }

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

div.siteContainer {

	width: 900px;
	margin: 0px auto;

}

	div.siteContainer#mp-pub {
	
		width: 930px;
		margin: 50px auto;
	
	}
	
	div.siteContainer#mp-priv {

		width: 780px;
		border: 1px solid #fff;
		border-top: none;
		border-bottom: 3px solid #fff;
		margin: 0 auto;
		background: #fff;

	}

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

div#header {

	padding: 0 45px;
	margin: 0px;

}

	div#header div#hdr_logo {
	
		margin: 0px;
		padding: 0px;
		border: none;
		float: left;
	
	}
	
		div#header div#hdr_logo a#logo {
		
			display: block;
			background: url(../../../Images/hdr_logo.gif) top left no-repeat;
			width: 115px; 
			height: 62px;
		
		}
		
	div#menuContainer {
	
		float: right;
		margin: 50px 40px 0 0;
		text-align: right;
		width: 400px;
		height: 30px;
		
	
	}
	
/* -------------------------------------------------------------
= PRIVATE HEADER CLASSES 
------------------------------------------------------------- */

div.siteContainer#mp-priv #header {

	border-top: solid 5px #0c2918;
	border-bottom: 1px solid #ab8f3f;
	margin: 0 0 1px 0;
	padding: 0;
	
}

	/* LOGO */
	div.siteContainer#mp-priv #header #hdr-logo {
	
		margin: 15px 38px 15px 35px;
		padding: 0px;
		border: none;
		float: left;
	
	}
		
		div.siteContainer#mp-priv #header #hdr-logo a#logo {
		
			background: url(../../../Images/hdr-priv_logo.gif) top left no-repeat;
			display: block;
			height: 65px;
			width: 125px;
		
		}
		
		div.siteContainer#mp-priv #header #hdr-logo a#logo:hover {
		
			background-position: bottom left;
		
		}
	
	/* right container in header */
	div.siteContainer#mp-priv #header-right {
	
		float: left;
		width: 575px;
	
	}
	
		/* TOP LINKS AND MEMBER NAME LOGGED IN INFO */
		div#memInfoContainer {
		
			float: left;
			border-bottom: 1px solid #ada893;
			padding: 6px 0 0px;
		
		}
		
			div#memInfoContainer ul {
			
				margin: 0px;
				padding: 0px;
				list-style: none;
				float: left;
			
			}
			
				div#memInfoContainer ul li {
				
					margin: 0px;
					padding: 0 10px 0 11px;
					background: url(../../../Images/topLinks_sep.gif) left 50% no-repeat;
					display: inline;
				
				}
				
				div#memInfoContainer ul li#first {
					
					padding: 0 10px 0 0;
					background: none;
					
				}
				
					div#memInfoContainer ul li a {
					
						text-transform: uppercase;
						font-family: Arial, Verdana, sans-serif;
						font-size: 10px;
						font-weight: normal;
					
					}
					
			div#memInfoContainer span#memName {
			
				float: right;
			
			}
			
			/* PRIVATE MENU CONTAINER */
			div.siteContainer#mp-priv #header div#menuContainer {
		
				clear: both;
				float: left;
				margin: 45px 0 0 0;
				text-align: left;
				width: auto;
								
			}
	
/* -------------------------------------------------------------
= CONTENT CONTAINER CLASSES 
------------------------------------------------------------- */

div#contentAreaContainer {

	margin: 0px;
	clear: both;

}

/* -------------------------------------------------------------
= FOOTER CLASSES 
------------------------------------------------------------- */

div#footer {

	margin: 10px 5px 5px;
	border-top: 5px solid #b2c8c1;
	background: #0c2918;
	padding: 20px 10px 10px;
	text-align: center;
}

	div#footer p {
		color: #fff;
	}
	
	div.siteContainer#mp-pub div#footer {
		display: none;
	}

/*////////////////////////////////////////////////////////////////
= INNER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

table.pageContainer {

}
	/* By default, hide the bottom section cell */
	td.bottomSection {
		display: none;
	}


/* -------------------------------------------------------------
= PUB-HOME CLASSES 
------------------------------------------------------------- */

	/* HIDE ALL SECTIONS BUT TOP SECTION IN MAIN TABLE */
	table.pageContainer#pub-home td.leftSection,
	table.pageContainer#pub-home td.rightSection,
	table.pageContainer#pub-home td.mainSection,
	table.pageContainer#pub-home td.bottomSection {
	
		display: none;
	
	}

/* -------------------------------------------------------------
= PUB-CONTENT CLASSES 
------------------------------------------------------------- */
table.pageContainer#pub-content {
	
	background: #fff;
	border: 5px solid #7e7a6d;
	
}

	table.pageContainer#pub-content td.leftSection {
		 width: 200px; 
		 background: #0c2918;
	}
	
	table.pageContainer#pub-content td.mainSection { width: 630px; }
	table.pageContainer#pub-content td.topSection { display: none; }
	table.pageContainer#pub-content td.rightSection { display: none; }

/* -------------------------------------------------------------
= PRIVATE INNER PAGE CLASSES 
------------------------------------------------------------- */

/* Define widths for private main page table */	
table.pageContainer#priv-home td.leftSection { width: 200px; padding: 45px 0px 0px 0px;}
table.pageContainer#priv-home td.mainSection { width: 360px; }
table.pageContainer#priv-home td.rightSection { width: 220px; padding: 45px 0 0 0; }
	
/* Call out box on either side.  2 different widths */
.callOutBox {

	border: 1px solid #c5c2b3;
	background: #f9f7ee;
	padding: 5px 5px 8px 5px;
	margin: 5px 5px 0 5px;

}

	.callOutBox .innerContainer200 { width: 200px; }
	
	.callOutBox .innerContainer180 { width: 180px; }

table.pageContainer#priv-home td.topSection {
	
	background: #0c2918;
	
}

	td#topSection-menu {width: 200px; 
						padding: 45px 0px 0px 0px;}
	td#topSection-image { width: 580px; }
	
	div#topSection_feature {
		width: 580px;
		position: relative;
	}
	
	div#topSection_callOut {
	
		/*margin: 40px 0 15px 375px;*/
		width: 190px;
		position: absolute;
		top: 40px;
		right: 15px;
	
	}
	
	img#topSection_mainImg {
		
	}	
	
/* -------------------------------------------------------------
= PRIVATE CONTENT CLASSES 
------------------------------------------------------------- */

table.pageContainer#priv-content td.topSection { display: none; }

table.pageContainer#priv-content td.leftSection {
	
	background: #0c2918;
	padding: 45px 0 20px 0;
	width: 200px;
	
}