@import url(global_v1-2.css);
@import url(LCCompadres_css/modules.css);
@import url(LCCompadres_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.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: #163156;
	font: 20px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;

}

#contentPage h1 {

	border-bottom: 1px solid #C7DEF6;
	margin-bottom: 24px;
	padding-bottom: 4px;

}

h2 {
	
	color: #122C52;
	font: 12px "Times New Roman", Georgia, Times, serif;
	
}

h3 {
	
	color: #163156;
	font: 14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #3677C7;
	font: italic 18px/1.3 "Times New Roman", Georgia, Times, serif;

}

h5 {
	
	color: #2b3B24;
	font: 11px "Times New Roman", Georgia, Times, serif;
	display: inline;

}

h6 {
	
	color: #FFF;
	font: 11px "Times New Roman", Georgia, Times, serif;

}

p {
	
	color: #2A3440;
	font: 12px/1.8 Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #2A3440;
	font: 12px/1.8 Arial, Helvetica, sans-serif;

}

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

}

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

}

.page {
	
	background: url(../../../Images/bodyBg.gif) repeat-x center top #173357;
	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: Las Campanas Compadres
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

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

.siteWrapper {

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

#pubHome {


	
}

#pubContent {


	
}

#siteContainer {

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

}


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

#branding {

	width: 100%;
	height: 118px;
	background: url(../../../Images/logo.jpg) no-repeat 10px top;
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav, #footer {

	width: 958px;
	height: 34px;
	background: #FFF;

}

#nav {

	padding-top: 4px;

}

	#nav .inside,
	#footer .inside {

		width: 100%;
		height: 100%;
		background: #3677C7;

	}
	
	#nav .inside {
		

	}

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

#contentArea {
	
	width: 958px;
	margin-left: 1px;
	padding-bottom: 24px;
	
}

	#mediaWindow {
		
		width: 959px;
		background: url(../../../Images/star.jpg) no-repeat center top;
		margin:0 auto;
	
	}
	
	#pubHome #mediaWindow {
	
		/*margin-left: 25px;*/
	
	}
	
	#privHome #mediaWindow,
	#contentPage #mediaWindow {
	
		/*margin-right: 25px;*/
	
	}
	
		#mediaWindow img {
		
			display: block;
			margin-left: auto;
			margin-right: auto;
		
		}
	
	#contentWrapper {
	
		width: 908px;
		padding-top: 24px;
	
	}
		
		#sidebar {
		
			width: 216px;
			text-align: left;
		
		}
		
			#sidebar .inside {
			
				width: 192px;
				margin-left: 24px;
			
			}
			
			#sidebar .inside a, #sidebar .inside a:hover {
			
				font: 12px "Times New Roman", Georgia, Times, serif;
				color: #122C52;
				line-height: 42px;
			
			}
			
			#sidebar #quickLinks {
			
				margin: 0;
				padding: 0;
				list-style: none;
			
			}
			
			#sidebar #quickLinks li {
			
				margin: 0;
				padding: 0;
			
			}
			
				#sidebar #quickLinks a {
				
					display: block;
					height:42px;
					background: #E5F0FF;
					text-decoration: none;
					line-height: 42px;
					margin-bottom: 1px;
				
				}
				
				#sidebar #quickLinks a:hover {
				
					color: #122C52;
					background: #C7DEF6;
					text-decoration: underline;
				
				}
				
					#sidebar .inside a span {
					
						margin-left: 4px;
					
					}
					
					#sidebar .inside a img {
					
						border: none;
					
					}
					
					#voluntLink {
					
						width: 100%;
						height: 42px;
					
					}
			
		#contentMain {
		
			width: 692px;
			height: auto !important;
			min-height: 512px;
			height: 512px;
			
			text-align: left;
		
		}
		
			#contentMain .inside {
			
				width: 668px;
				margin-left: 24px;
			
			}
			
#ContentPrivate {
	padding:0 30px 0 30px;
	text-align:left;
	}
			
				.pullQuote img {
				
					float: left;
				
				}
				
				/*remove float for click to edit button*/
				.pullQuote a img {
				
					float: none;
				
				}
				
				/*--.pullQuote h4 {
					
					margin-right: 24px;
					width: 486px;
					float: right;
				
				}--*/
				
				.pullQuote br {
				
					clear: both;
				
				}
				
					#contentMain .inside .plgWrapper {
					
						width: 658px;
						margin-right: 10px;
					
					}
						
						.innerContent {
						
							width: 644px;
						
						}
						
						.blueBox {
						
							width: 212px;
							background: #C7DEF6;
							margin: 0 2px;
							padding: 4px 0;
							float: left;
							min-height:400px;
							height:auto !important;
							height:400px;
						
						}
						
							.blueBox .inner {
							
								
								margin: 0 4px;
								width: 204px;
								color: #647C98;
							
							}
							
								.blueBox .inner img {
								
									display: block;
									margin-bottom: 6px;
								
								}
								
								.blueBox .inner p {
								
									color: #435366;
									font-size: 11px;
									margin-bottom: 0;
									
								
								}
								
								 #privHome #contentMain .inside table {
								 
									border-spacing: 0;
									*border-collapse: expression('separate', cellSpacing = '0px');
								
								}
								
								#calendarWrapper{
								
									background: #C7DEF6;
									width: 100%;
									padding: 20px 0;
								
								}
								
								#calendarWrapper .inner {
								
									width: 628px;
									margin: 0 20px;
								
								}
								
/*----------------------------------------------------------
CUSTOM DIVS
------------------------------------------------------*/
td#rightBottom {
	border-right:#163156 1px solid;
	border-bottom:#163156 1px solid;
	}
	
td#bottom {
	border-bottom:#163156 1px solid;

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

#footer {

	padding-bottom: 4px;

}

	#footer .inside h6{
	
		line-height: 30px;
	
	}