@import url(global_v1-2.css);
@import url(granby_css/modules.css);
@import url(granby_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: #00330d;
	font: 21px Arial, Helvetica, sans-serif;
	line-height:18px;

}

h2 {
	
	color: #6e2e1a;
	font: italic 15px Arial, Helvetica, sans-serif;
	line-height:18px;
	
}

h3 {
	
	color: #3f2c0f;
	font: 14px Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	letter-spacing:1px;

}

h4 {
	
	color: #4c4626;
	font: 15px "Times New Roman", Times, serif;
	line-height:25px;

}

h5 {
	
	color:#68512e;
	font:700 12px Georgia, "Times New Roman", Times, serif;
	line-height:16px;

}

h6 {
	
	color: #6E2E1A;
	font:inherit;

}

p {
	
	color:#68512e;
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height:16px;

}

table, div {
	
	color:#46362e;
	font: 13px Arial, Helvetica, sans-serif;
	line-height:18px;

}

a.anchor {
	
	color: #00330d;
	text-decoration: none;

}

a,a.small {
	
	color: #00330d;
	text-decoration: none;

}

a.visited {

	color:#999999;
	
}

a:hover {
	
	color: #00330d;
	text-decoration: underline;

}

img {

	border:none;
	
}

ul {

	list-style-image:url(../../../Images/bullet.gif);
	padding-left:0px;
	margin:0px;
	color:#6e2e1a;
	
}

.page {
	
	background: #170500 url(../../../Images/bg_page.jpg) top center no-repeat;
	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 Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

.hideText {

	display: none;
	
}

.advLogUsername, .advLogPassword {

	width:140px;
	background:#e4e1d7;
	border:#666666 1px solid;
	
}

.advLogRemoveChk {

	font: 11px Arial, Helvetica, sans-serif;
	color:#606c60;
	padding-bottom:10px;
	
}

#login_forgotPassword, #login_forgotPassword a {

	font: 10px Arial, Helvetica, sans-serif;
	color:#f2e9e0;
	text-transform:uppercase;
	text-decoration:underline;
	
}

#login_forgotPassword, #login_forgotPassword a:hover {

	font: 10px Arial, Helvetica, sans-serif;
	color:#f2e9e0;
	text-transform:uppercase;
	text-decoration:underline;
	
}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

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

}

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

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

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

}

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

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: PCMA
////////////////////////////////////////////////////////*/

.hideText {

	display: none;
	
}

.floatLeft {

	float:left;

} 

.floatRight {

	float:right;

} 

.clearBoth {

	clear:both;

} 

.centered {

	margin:0 auto;
	text-align:center;

}

.brShort {

	line-height:10px;
	
}

.brKindaShort {

	line-height:8px;
	
}

.brSuperShort {

	line-height:5px;
	
}

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

.siteWrapper {

	width:100%;
	margin:0 auto;

}

#pubHome {


	
}

#pubContent {


	
}


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

#branding {

	width:960px;
	height:71px;
	margin:0 auto;
	text-align:left;

}

	#branding .inside {
	
		padding:11px 20px 0 54px;
	
	}

		#logo {
		
			width:202px;
			height:53px;
			margin:0 auto;
			display:block;
		
		}
	
			a#logo {
		
				width:202px;
				height:53px;
				background:url(../../../Images/logo.gif) top center no-repeat;
				background-position:top left;
			
			}
			
			a#logo:hover {
			
				background-position:bottom left;
			
			}
	
		#logoText {
		
			text-align:right;
			
		}
	
			#logoText a {
			
				font:10px Arial, Helvetica, sans-serif;
				color:#c09664;
				text-decoration:none;
				text-transform:uppercase;
				
			}
	
			
			#logoText a:hover {
			
				font:10px Arial, Helvetica, sans-serif;
				color:#c09664;
				text-decoration:underline;
				text-transform:uppercase;
				
			}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width:100%;
	height:34px;
	background:url(../../../Images/bg_nav.jpg) top center repeat-x;
	padding-bottom:20px;

}

	#navInner {
	
		width:960px;
		height:34px;
		background:url(../../../Images/bg_navinner.jpg) top center no-repeat;
		margin:0 auto;
	
	}

		#navLeft {
		
			width:85px;
		
		}
	
		#navRight {
		
			width:875px;
		
		}

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

#contentTop {
	
	width:960px;
	height:20px;
	background:url(../../../Images/bg_uitop.jpg) top center no-repeat;
	margin:0 auto;
	
}

#contentWrapper {
	
	width:960px;
	background:url(../../../Images/bg_ui.jpg) top center repeat-y;
	text-align:left;
	margin:0 auto;
	
}

	#contentWrapper .inner {
	
		padding:0 20px;
		background:url(../../../Images/bg_contentinsidebottom.jpg) bottom center no-repeat;
		
	}
	
			#photoAlbum {
			
				width:920px;
				height:280px;
				background:#2b120a;
				display:block;
			
			}
		
			#contentInsideTop {
			
				width:920px;
				height:50px;
				display:block;
				margin:0 auto;
				background:url(../../../Images/bg_contentinsidetop.jpg) center no-repeat;
				
			
			}
			
			#privateHomeLeft {
			
				width:240px;
				
			}
			
				.vNav a {
				
					font: 13px Arial, Helvetica, sans-serif;
					line-height: 24px;
					color: #FFF;
					text-transform:lowercase;
					text-decoration:none;
					
				}
				
				.vNav a:hover {
				
					font: 13px Arial, Helvetica, sans-serif;
					line-height: 24px;
					color: #c09664;
					text-transform:lowercase;
					text-decoration:none;
					
				}
		
				/*#privateHomeLeft td.vnav a {
				
					color:#d0d0c3;
					text-decoration:none;
					
				}
		
				#privateHomeLeft td.vnav a:hover {
				
					color:#d0d0c3;
					text-decoration:underline;
					
				}*/
		
			#privateHomeRight {
			
				width:680px;
				
			}
		
				#privateHomeRight .inside {
				
					padding:5px 30px 45px 40px;
					
				}
		
					#privateHomeInnerLeft {
					
						width:400px;
						padding-top:20px;
						
					}
		
						#privateHomeRight .insid {
						
							padding-right:40px;
							
						}
		
					#privateHomeInnerRight {
					
						width:210px;
						padding-top:20px;
						
					}
		
			#privateContentLeft {
			
				width:240px;
				
			}
			
			#privateContentLeftTop {
			
				width:240px;
				height:50px;
				background:url(../../../Images/bg_privContentTopLeft.jpg) top center no-repeat;
				
			}
		
				/*#privateContentLeft td.vnav a {
				
					color:#d0d0c3;
					text-decoration:none;
					
				}
		
				#privateContentLeft td.vnav a:hover {
				
					color:#d0d0c3;
					text-decoration:underline;
					
				}*/
				
				.rivotedSideBar {
				
					text-align:center;
				
				}
				
					.rivotedSideBar a {
					
						display:block;
						height:30px !important;
						width:172px !important;
						height:40px;
						width:172px;
						
						background:url(../../../Images/bg_leftBTN.gif) top center no-repeat;
					
						font:700 13px Arial, Helvetica, sans-serif;
						color:#4b4a3a;
						text-decoration:none;
						text-transform:none;
						padding-top:10px;
						
					}
					
					.rivotedSideBar a:hover {
					
						display:block;
						height:30px !important;
						width:172px !important;
						height:40px;
						width:172px;
						
						background:url(../../../Images/bg_leftBTN.gif) top center no-repeat;
					
						font:700 13px Arial, Helvetica, sans-serif;
						color:#fff;
						text-transform:none;
						text-decoration:none;
						
					}
					
						/*---remove hover effect on click-to-edit ---*/
						.rivotedSideBar a.clickToEditAnchor,
						.rivotedSideBar a.clickToEditAnchor:hover {
							background:none;
							height:25px;
						}
		
			#privateContentRight {
			
				width:680px;
				
			}
			
				#privateContentRight .topimage {
				

					
					
				}
		
				#privateContentRight img {
				
					display:block;
					
				}
				
				#privateContentRight .topInside {
				
					background:url(../../../Images/bg_contentTopinsidetop.jpg) no-repeat top;
					height:50px;
					
				}
		
				#privateContentRight .inside {
				
					padding:5px 30px 45px 40px;
					
				}
				
								
					td .photoAlbumThumbBg {
					
						/*background:url(../../../Images/bg_photocenter.jpg);*/
						background: url(../../../Images/photoBg_fixed.jpg) no-repeat top;
						height:87px !important;
						
					}

						/*force inner thumb table to expand to 100% of parent width when a full thumbnail row isnt present*/

						td.photoAlbumThumbBg span table {
							width: 100%;
						}
		
			#privateModules {
			
				width:920px;
				
			}
		
				#privateModules .inside {
				
					padding-bottom:50px;
					
				}

#contentWrapperModules {
	
	width:960px;
	background:url(../../../Images/bg_uimod.jpg) top center repeat-y;
	text-align:center;
	margin:0 auto;
	
}

	#contentWrapperModules .inner {
	
		padding:0 20px;
		background:url(../../../Images/bg_contentinsidebottommod.jpg) bottom center no-repeat;
		
	}
		
		#contentWrapperBottom {
		
			width:920px;
			margin:0 auto;
			text-align:center;
			
		}

		#contentInsideTopModules {
		
			width:920px;
			height:50px;
			display:block;
			margin:0 auto;
			background:url(../../../Images/bg_contentinsidetopmod.jpg) top center no-repeat;
		
		}	
		
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#backToTop {
	
	width:960px;
	height:29px;
	margin:0 auto;

}

	#backToTopLeft {
	
		width:851px;
		height:29px;
		background:url(../../../Images/bg_backtotopleft.jpg) top center no-repeat;
		margin:0 auto;
		display:block;
	
	}

		#backToTopLeftModules {
		
			width:851px;
			height:29px;
			background:url(../../../Images/bg_backtotopleftmod.jpg) top center no-repeat;
			margin:0 auto;
			display:block;
		
		}

	#backToTopRight {
	
		width:109px;
		height:29px;
		margin:0 auto;
		display:block;
	
	}

		a#backToTopRight {
	
			width:109px;
			height:29px;
			background:url(../../../Images/bg_backtotopright.jpg) top center no-repeat;
			background-position:top left;
			
		}
		
		a#backToTopRight:hover {
		
			background-position:bottom left;
		
		}

#footer {
	
	width:960px;
	height:40px;
	background:url(../../../Images/bg_footer.jpg) top center no-repeat;
	margin:0 auto;
	padding-bottom:50px;

}

	#footer .inside td {
	
		height:37px;
		color:#998e81;
		font:11px Arial, Helvetica, sans-serif;
		text-align:center;
	
	}