@import url(global_v1-2.css);
@import url(houndEars_css/modules.css);
@import url(houndEars_css/plugins.css);
@import url(adminLogin.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 {
	
	color: #252118;
	font: bold 12px Arial, Verdana, sans-serif;

}

#pubContent h1 {
	
	color: #FFFFEA;
	font: 18px Garamond, "Times New Roman", Times, serif;
	margin-bottom: .3em;

}

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


h3 {
	
	color: #867D4A;
	font: 16px Garamond, "Times New Roman", Times, serif;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Garamond, "Times New Roman", Times, serif;

}

#pubContent h4 {

	color: #C5BD98;
	font: bold normal 14px/1.3 Garamond, "Times New Roman", Times, serif;

}

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

}

h6, h6 a, h6 a:hover {
	
	color: #FFFFEA;
	font: 12px Arial, Verdana, sans-serif;

}

p {
	
	color: #333333;
	font: 11px/1.6 Arial, Verdana, sans-serif;

}

#pubContent p {

	color: #FFFFEA;
	font: 13px/1.3 Garamond, "Times New Roman", Times, serif;

}

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

}

/*#pubContent table, #pubContent div {

	color: #FFFFEA;

}*/

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

}

a:hover {
	
	color: #262219;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/bodyBg.gif) center top;
	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: Hound Ears Club
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

a img {

	border: none;

}

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

.siteWrapper {

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

#pubHome {
	
}

#pubContent {
	
}

#privHome {
	
}

#privContent {
	
}

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

#branding {

	width: 100%;
	text-align: left;
	
}

#pubHome #branding {

	height: 64px;
	background: url(../../../Images/pubHome_brandingBg.gif) no-repeat left top;

}

#pubContent #branding {

	height: 40px;
	background: url(../../../Images/pubContent_brandingBg.gif) no-repeat left top;

}

#privHome #branding,
#privContent #branding {
	
	height: 110px;
	background: url(../../../Images/privSide_brandingBg.gif) no-repeat left top;

}
	
	#privHome #branding a,
	#privContent #branding a {
	
		font-size: 11px;
		margin: 0 4px;
		color: #3A3023;
		text-decoration: none;
	
	}
	
	#privHome #branding a:hover,
	#privContent #branding a:hover {
	
		color: #3A3023;
		text-decoration: underline;
	
	}
	
	#privHome #branding a.floatRight,
	#privContent #branding a.floatRight {
		margin-top: 44px;
	
	}
	
	#privHome #branding a#logOutLink,
	#privContent #branding a#logOutLink {
	
		background: url(../../../Images/privSide_logoutLinkBg.gif) no-repeat left center;
		padding-left: 22px;
	
	}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

}

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

#contentArea {

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

	#contentContainer {
	
		width: 936px;
	
	}
	
	#pubContent #contentContainer {
	
		background: url(../../../Images/pubContent_innerContentBg.gif) repeat-y center top;
	
	}
	
	#pubContent #contentContainer #heavyContent {
		background: url(../../../Images/privContent_innerContentBg.gif) repeat-y right top;
			
	}
	
		#pubContent #contentContainer #heavyContent #inside {
			padding:14px 0;
			margin-left:14px;
		
		}
		
		#pubContent #contentContainer #heavyContent .inside {
			padding:14px 0;
			margin-left:14px;
		
		}
		
		#pubContent #contentContainer #heavyContent #inside .floatLeft {
			float:left;
			width:200px;
		}
		
		#pubContent #contentContainer #heavyContent #inside .floatRight {
			float:right;
			width:400px;
			cursor:pointer;

		}
		
		#privContent #contentContainer #inside {
			padding:14px 0;
			margin-left:14px;
		
		}
		
		/*#privContent #contentContainer #heavyContent .inside {
			padding:14px 0;
			margin-left:14px;
		
		}*/
		
		#privContent #contentContainer #inside .floatLeft {
			float:left;
			width:200px;
		}
		
		#privContent #contentContainer #inside .floatRight {
			float:right;
			width:400px;
			cursor:pointer;

		}
		
			#pubContent #contentContainer #heavyContent #inside .floatRight h3 {
				color: #867D4A;
				font: 16px Garamond, "Times New Roman", Times, serif;
			}
		
		#pubContent #contentContainer #heavyContent p {
			font: inherit;
			color:#4D4D4D;
		}
		
		#pubContent #contentContainer #heavyContent h1 {
			font: inherit;
			color:#4D4D4D;
		}
			
	#privHome #contentContainer {
	
		background: url(../../../Images/privHome_innerContentBg.gif) repeat-y center top;
	
	}
	
	#privContent #contentContainer {
	
		background: url(../../../Images/privContent_innerContentBg.gif) repeat-y center top;
	
	}
	
		#pubHome #contentWrapper {
		
			width: 936px;
			text-align: left;
		
		}
		
/************
public pages
************/

/*splash page*/
		
			#pubHome #contentWrapper .floatLeft,
			#pubHome #contentWrapper .floatRight {
			
				width: 468px;
			
			}
			
			#pubHome #contentWrapper .floatLeft img,
			#pubHome #contentWrapper .floatRight img {
			
				vertical-align: bottom;
			
			}
			
/*public content pages*/

			#pubContent #sidebar {
			
				width: 188px;
				padding: 0px 0 22px;
				/*background: url(../../../Images/pubContent_sidebarLogo.gif) no-repeat center top;*/
			
			}
			
				#sidebar .inside {
				
					width: 160px;
					margin-left: 14px;
					text-align: left;
				
				}
			
				#sidebar .inside a {
			
					color: #22211F;
					text-decoration: underline;
					font: 12px Garamond, "Times New Roman", Times, serif;
					margin: 0;
					padding: 0;
					
			
				}
				
				#sidebar .inside a:hover {
			
					color: #22211F;
					text-decoration: none;
			
				}
				
				#Slogo {
					float:left;
					height:184px;
					width:187px;
					/*margin-top:20px;*/
	
				}
	
					a#Slogo {
						height: 184px;
						width: 187px;
						background:url(../../../Images/sLogo.gif);
						background-position:top left;
					}
					
					a#Slogo:hover {
						background-position: left bottom;
					}
					
				
			#pubContent #contentWrapper,
			#privHome #contentWrapper,
			#privContent #contentWrapper {
			
				width: 748px;
				text-align: left;
			
			}
			
				#pubContent #contentWrapper,
				#privHome #contentWrapper,
				#privContent #contentWrapper img {

					display:block;
					
				}
			
				#pubContent #contentMain {
				
					width: 498px;
				
				}
				
					#pubContent #mediaWindow {
					
						width: 496px;
						margin-left: 1px;
						display:block;
					
					}
					
						#pubContent #mediaWindow img {
						
							display:block;
							
						}
					
					#pubContent #contentSecondary {
				
						width: 250px;
						padding-top: 12px;
				
					}
					
						#pubContent #contentSecondary .inside {
					
							width: 206px;
							margin-left: 22px;
					
						}
						
					
/************
private pages
************/

/*private home page*/

		#privHome #sidebar,
		#privContent #sidebar {
			
			width: 188px;
			padding: 44px 0 14px;
		
		}
		
		#privHome #sidebar .floatLeft,
		#privContent #sidebar p {
			
			color: #FFFFEA;
			font: 13px/1.3 Garamond, "Times New Roman", Times, serif;
		
		}
		
			#privHome #contentMain {
				
				width: 536px;
				padding: 14px 0;
			
			}
			
				#privHome #contentMain .inside {
				
					width: 508px;
					margin-left: 14px;
			
				}
				
					#privHome #contentMain .rsvpWrapper {
				
						width: 100%;
						background: url(../../../Images/privHome_rsvpContentBg.gif) repeat-y center top;
						padding-bottom: 14px;
						border-bottom: 1px solid #BFB6AA;
						text-align: center;
			
					}
					
					#privHome #contentMain .rsvpWrapper h3 {
				
						color: #FFF;
						height: 26px;
						line-height: 22px;
						text-align: left;
						padding: 0 14px;
						margin-bottom: 14px;
						background: url(../../../Images/privHome_rsvpHeadingBg.gif) repeat-x center top;
			
					}
					
						#privHome #contentMain .rsvpWrapper table {
				
							width: 100%;
							margin: 0 auto;
							text-align: left;
			
						}
						
						#privHome #contentMain .rsvpWrapper h1,
						#privHome #contentMain .rsvpWrapper span {
				
							text-decoration: underline;
			
						}
						
						#privHome #contentMain .rsvpWrapper span {
				
							color: #252118;
							font-size: 11px;
			
						}
						
						#privHome #contentMain .rsvpWrapper p {
				
							font-size: 12px;
							color: #8C271F;
			
						}
						
						
						#privHome #contentMain #rouletteWrapper {
				
							width: 100%;
							margin: 10px 0 0;
							text-align: center;
			
						}
						
							#privHome #contentMain #rouletteWrapper h3 {
				
								float: left;
								color:#252118;
								font: bold 12px Arial, Verdana, sans-serif;
								text-decoration: underline;
								font-weight:700;
								padding-bottom:4px;
								text-align: left;
			
							}
						
						/*target links inside table ("hide wrapping table" uncheked) to prevent "click to edit" button from inheriting float*/
						
							#privHome #contentMain #rouletteWrapper table a {
				
								float: right;
								font-size: 10px;
			
							}
													
							#privHome #contentMain #rouletteWrapper br {
				
								clear: both;
			
							}
						
							#privHome #contentMain #rouletteWrapper table {
				
								width: 468px;
								margin: 0 auto;
								text-align: left;
			
							}
							
								#privHome #contentMain #rouletteWrapper table img {
					
									display: block;
				
								}
							
								#privHome #contentMain #rouletteWrapper table p,
								#privHome #contentMain #lowerHomeContent p {
							
									color: #4d4d4d;
				
								}
								
							#privHome #contentMain #lowerHomeContent {
							
								width: 100%;
								margin: 10px 0 0;
								text-align: left;
							
							}
								
								#privHome #contentMain #lowerHomeContent h3 {
								
									font-size: 12px;
									color: #000;
									font-weight: bold;
									padding: 0 8px;
									height: 26px;
									line-height: 26px;
									background: #EEEBE0;
								
								}
								
								#privHome #contentMain #lowerHomeContent a {
								
									color: #000;
									font-size: 11px;
									font-family: Garamond, "Times New Roman", Times, serif;
								
								} 
					
					#privHome #contentSecondary {
				
						width: 212px;
						padding: 14px 0;
				
					}
					
						#privHome #contentSecondary .inside {
					
							width: 184px;
							margin-left: 14px;
					
						}					

/*private content page*/

			#privContent #contentMain {
				
				width: 720px;
				padding: 14px 0;
				margin-left: 14px;
			
			}
/* Added by Todd 3/26/2010 */			
			#privContent #contentMain2 {
				
				width: 720px;
				padding: 14px 0;
				margin-left: 14px;
			}
			
				#privContent #mediaWindow {
				
					width: 100%;
				
				}
				
					#privContent #mediaWindow p {
				
						color: #333;
				
					}
					
					#privContent #mediaWindow blockquote {
				
						padding: 0;
						margin: 6px 10px 10px 48px;
				
					}
					
					/*#privContent #contentMain span {
			
						color: #C88B11;
			
					}*/
			
			#privContent #contentMain #wrapper {
			
				background: url(../../../images/wrapper_bg.jpg) repeat;
				width:720px;
				margin-bottom:0 auto;
				
			}
/* Added by Todd 3/26/2010 */	

				#privContent #contentMain2 .inside {
				
					float:left;
					width: 464px;
					padding: 5px 0 0;
					margin-left: 20px;
			
				}
			
				#privContent #contentMain .inside {
				
					float:left;
					width: 464px;
					padding: 24px 0 0;
					margin-left: 48px;
			
				}
				
				#privContent #contentMain .nav {
					
					float:right;
					width: 200px;
					/*height:400px;*/
					margin: 24px 0 0;
			
				}
				
					#privContent #contentMain #lowerPrivContent {
				
						width: 664px;
						border-top: 1px dotted #B2B2B2;
						padding-top: 24px;
						margin-left:48px;
			
					}
					
					#privContent #contentMain #lowerPrivContent .floatLeft {
				
						width: 188px;
						height: 154px;
						margin-right: 10px;
						
					}
					
						#privContent #contentMain #lowerPrivContent .floatLeft p {
					
							font-style: italic;
							
						}
					
					#privContent #contentMain #lowerPrivContent #yellowBox {
				
						border: 1px solid #CE992D;
						padding: 12px 0;
					}
					
						#privContent #contentMain #lowerPrivContent #yellowBox .inside {
				
							width: 164px;
							margin: 0 12px;
							padding: 0;
						}

#mediaWindow img {

	display: block;

}

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

#footer {

	width: 100%;

}

#pubHome #footer,
#pubContent #footer {

	background: url(../../../Images/pubSide_footerBg.gif) no-repeat center top;

}

#pubHome #footer .inside,
#pubContent #footer .inside {

	padding: 58px 0 20px;

}

#privHome #footer,
#privContent #footer {

	background: url(../../../Images/privSide_footerBg.gif) no-repeat center top;
	text-align: left;

}

#privHome #footer .inside,
#privContent #footer .inside {

	width: 908px;
	margin-left: 30px;
	padding: 32px 0 20px;

}