@import url(global_v1-2.css);
@import url(SulgraveClub_css/modules.css);
@import url(SulgraveClub_css/plugins.css);
@import url(SulgraveClub_css/accordion.css);
@import url(SulgraveClub_css/contentPlugins.css);
@import url(SulgraveClub_css/Menu.SulgraveClub.css);
@import url(SulgraveClub_css/PanelBar.SulgraveClub.css);
@import url(SulgraveClub_css/CookieTrail.SulgraveClub.css);
@import url(_fonts/PaidFonts/Garamond-Classic/stylesheet.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: #002878;
	font: italic 32px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	line-height:70px;

}

	.pageTitle h1 {
		color:#f7f3e9;}


h2 {
	
	color: #2c3136;
	font: 24px/1.4 Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	padding-bottom:32px;
	
}

h3 {
	
	color: #2c3136;
	font: bold 16px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:20px;

}

h4 {
	
	color: #2c3136;
	font: 18px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	padding-bottom:10px;

}

h5 {
	
	color: #002878;
	font: bold 16px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	text-transform:uppercase;
	letter-spacing:0.03em;

}

h6 {
	
	color: #2c3136;
	font: 24px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:22px;

}

p, #content table, #content div {
	
	color: #362f2d;
	font: 14px/2.0 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;

}

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

}

	#content a {
		transition:all 0.3s ease;}
		
	#content .RadPanelBar_accordionTemplate a {
		transition:none;}

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

}

.page {
	
	background: #faf6ed;
	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;

}

/****** 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: none;
	border:none;
	color: #ac976b;
	font: 15px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	text-transform:uppercase;
	letter-spacing:0.06em;
	margin-bottom: 2px;
	margin-top: 2px;
	padding:12px 6px;
	overflow:visible;
	*border-width:0;
	border-top:#beb39a 1px solid;
	border-bottom:#beb39a 1px solid;
	width:auto !important;
}

a.abut {
display:block;
text-align:center;
width:100%;	
cursor:pointer;
}

a.abut:hover, .abut:hover {
text-decoration:none;
background:#fdfbf6;
cursor:pointer;	
color: #ac976b;
font: 15px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
border-top:#beb39a 1px solid;
border-bottom:#beb39a 1px solid;
}

.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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.waterMark {
	background:url(../../../Images/Redesign2014/bodyBg_watermark.png) top center no-repeat;}

.siteWrapper {
	width:990px;
	margin:0 auto;}
	
.banner {
	width:100%;
	height:122px;
	background:url(../../../Images/Redesign2014/headerBg.jpg) top center repeat-x;}
	
	.banner.public {
		-webkit-box-shadow: -1px 10px 28px 0px rgba(12, 21, 30, 0.5);
		-moz-box-shadow:    -1px 10px 28px 0px rgba(12, 21, 30, 0.5);
		box-shadow:         -1px 10px 28px 0px rgba(12, 21, 30, 0.5);
		z-index:10001;
		position:absolute;}
	
	.banner .abut,
	.card .abut {
		border-top:transparent 1px solid;
		border-bottom:transparent 1px solid;}
		
	.abber .abut:hover,
	.card .abut:hover {
		border-top:#beb39a 1px solid;
		border-bottom:#beb39a 1px solid;
		background:#fdfbf6;}
	
	.banner .top {
		height:71px;}
		
	.banner .left,
	.banner .right .rightIn {
		padding-top:26px;}
		
	.banner .right {
		width:636px;}
		
	.banner .right .leftIn {
		padding-top:14px;}
		
	.banner .left .top10 {
		font:12px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		color:#ac976b;}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	height:49px;
	position:relative;
	z-index:10002;
}

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

.pageTitleWrap {
	position:relative;
	height:70px;
	margin-top:-70px;
	z-index:10001;}

.pageTitle {
	width:100%;
	height:70px;
	background:url(../../../Images/Redesign2014/pageTitleBg.png) top center repeat-x;
	-webkit-box-shadow: 0px -5px 28px 0px rgba(12, 21, 30, 0.5);
	-moz-box-shadow:    0px -5px 28px 0px rgba(12, 21, 30, 0.5);
	box-shadow:         0px -5px 28px 0px rgba(12, 21, 30, 0.5);}
	
	.pageTitle h1 {
		padding:0px 120px;}
	
	.pageTitle h1:before {
		content:url(../../../Images/Redesign2014/pageTitleDivLeft.png);}
		
	.pageTitle h1:after {
		content:url(../../../Images/Redesign2014/pageTitleDivRight.png);}
		
.contentArea {
	width:990px;
	background:#ffffff;
	-webkit-box-shadow: -1px 10px 28px 0px rgba(12, 12, 21, 0.08);
	-moz-box-shadow:    -1px 10px 28px 0px rgba(12, 12, 21, 0.08);
	box-shadow:         -1px 10px 28px 0px rgba(12, 12, 21, 0.08);}

.publicHome {
	width:910px;
	margin:0 auto;
	padding:40px 0px;}

.pubContent {
	padding:40px 0px;
	width:700px;
	text-align:center;
	margin:0 auto;
	background:url(../../../Images/Redesign2014/pubContentArea_watermark.png) 50% 30px no-repeat;}
	
.callOuts {
	width:285px;
	background:#f7f3e9;
	border-top:#beb39a 1px solid;
	border-bottom:#beb39a 1px solid;}
	
	.callOuts .wrap {
		padding:10px 15px;
		text-align:center;}
		
	.callOuts h3,
	.callOuts img {
		padding-bottom:10px;}
		
	.callOuts:hover {
		background:none;
		cursor:pointer;}
		
	#content .callOuts a h3,
	#content .callOuts a .info,
	#content .callOuts a:hover h3,
	#content .callOuts a:hover .info {
		text-decoration:none;}
		
	.callOuts:hover h3 {
		color:#beb39a;}
		
	.callOuts .callOutHover {
		position:relative;
		z-index:10001;
		background:url(../../../Images/Redesign2014/callOutHover.png) 50% 7% no-repeat;
		display:none;}
		
	.callOuts:hover .callOutHover {
		display:block;
		margin-top:-203px;
		height:203px;}
		
	.callOuts .imageHover img {
		opacity:1.0;}
		
	.callOuts:hover .imageHover img {
		opacity:.5;}
		
.albumWrap {
	width:990px;
	height:382px;
	background:url(../../../Images/Redesign2014/privHomeTopAreaBg.png) top center repeat-x;}
	
	.albumWrap .left {
		width:324px;}
		
	.albumWrap .left .inner {
		width:237px;
		background:url(../../../Images/Redesign2014/privSidebar_watermark.png) #f7f3e9 50% 8px no-repeat;
		border:#e6dcc8 1px solid;
		text-align:center;
		padding:30px 0px;
		margin:31px 0 0 45px;}
		
	.albumWrap .left .inner a {
		display:block;
		line-height:25px;
		font-size:11px;
		text-decoration:none;
		transition:all .3s ease;}
		
	.albumWrap .right {
		width:664px;
		margin-top:8px;}
		
.pvtAlbum {
	width:664px;
	height:366px;}
		
.pvtHome {
	padding:16px 0px;}
	
	.pvtHome .left {
		width:320px;}
		
	.pvtHome .right {
		width:630px;}
		
	.pvtHome .card {
		background:#fffef9;
		-webkit-box-shadow: -1px 10px 28px 0px rgba(12, 12, 21, 0.08);
		-moz-box-shadow:    -1px 10px 28px 0px rgba(12, 12, 21, 0.08);
		box-shadow:         -1px 10px 28px 0px rgba(12, 12, 21, 0.08);}
		
	.pvtHome .card .inner {
		padding:30px 35px;
		text-align:left;}
		
.calItem {
	width: 257px;
	padding-bottom:20px;}

.dateBoxWrap {
	width: 50px;	
	height: 50px;
	background: url(../../../images/Redesign2014/calBox.png) top left no-repeat;
	padding-bottom: 15px;
	text-align: center;
	float:left;
	}

.datePos {
	padding-top:6px;}
	
.calEventWrap {
	/*margin: 10px 0px;*/
	width: 193px;
	float:right;
	text-align:left;}

.calMonth {
	font: 12px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#111d29;}
    
.calDay {

		font:bold italic 24px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
	color:#111d29;}
		
.newsItem {
	padding-bottom:20px;}
	
	.newsItem img {
		width:206px;
		height:auto;
		margin-right:23px;}
		
	.newsItem .title a {
		font:18px Garamond-Classic, Garamond, "Baskerville MT Std", "Times New Roman", serif;
		color:#002878;
		text-decoration:none;}
		
.pvtContent {
	padding:36px 0px;
	width:865px;
	margin:0 auto;}
	
	.pvtContent .left {
		width:240px;
		text-align:left;}
		
	#content .pvtContent .left {
		font-size:11px;}
		
	.pvtContent .right {
		width:550px;
		text-align:left;}
		
.VNavWrap {
	width:238px;
	background:url(../../../Images/Redesign2014/privSidebar_watermark.png) #f7f3e9 50% 8px no-repeat;
	border:#e6dcc8 1px solid;
	text-align:center;
	padding:30px 0px;}
		
.albumContainer .plgHeaderBar,
.pvtPic .plgheaderBar {
	position:absolute;
	z-index:10001;
	top:70;
	right:30;}
	
.topPic {
	width:100%;
	height:490px;
	overflow:hidden;
	padding-top:122px;}

	.topPic .mpContent img {
		width:100%;
		height:auto;
		min-height:490px;
		min-width:1400px;}	
	
.topPic .clickToEditDiv {
	position:absolute;
	z-index:10001;
	top:566;
	right:0;
	left:0;}	
	
.pvtPic .clickToEditDiv {
	position:absolute;
	z-index:10001;
	top:70;
	right:30;}
	

/*Image Container*/
.publicAlbum {
height:490px;
overflow:hidden;	
}

/*If the browser window is greater than 1600 pixels, this class is added*/
.imgResize {
	width:100%;
}

/*If the browser window is less than 1600 pixels, this class is added and the image is set to be it's normal height - This is needed for IE*/
.noResize {
	width:1400px;
	height:490px;
}

#photoPluginWrapper1092575 {
	width:100% !important;}	
	


.bgLogin {
	background:url(Images/Redesign2014/loginPage_watermark.jpg) top center no-repeat;}

#logPG {
	width:312px;
	margin:0 auto;}
	
	#logPG .wrap {
		
		padding-top:80px;}
		
	#logPG .wrap .advlogusername,
	#logPG .wrap .advLogPassword {
		width:308px;
		height:34px;
		background:#fdfbf6;
		border:#e7dbbf 1px solid;
		margin-bottom:10px;
		text-transform:none;/*--redesign overide--delete after live--*/}
		
	#logPG .wrap .advLogRemoveChk,
	#logPG .wrap #forgotPassWrap a {
		font:11px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		color:#002878;}
		
	#logPG .wrap #cookieMessageWrap {
		padding-top:11px;}
		
	#logPG .wrap .right {
		padding-top:5px;}
		
	#logPG .abut {
		background:#fdfbf6;
		width:312px !important;
		margin:0 0 10px 0;}
		
	#logPG .abut:hover {
		background:#fff;}
		
	#logPG .advLogUsername.masked,
	#logPG .advLogPassword.masked {
		font:12px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		color:#2c3136;
		/*text-transform:uppercase; 2015-1-20 - jtowers - Oak Team: Club requested removal to eliminate confusion for members*/
		letter-spacing:0.03em;
		padding-left:15px;
		line-height:36px;}
		
	#logPG #loginLinkWrap {
		padding-top:2px;
		height:35px;
		display:block;}
		
.admin {
	padding:10px 0;}
	
.contentAlbum {
	width:990px;
	height:445px;}
	
#content div.toolTip div.toolTipInner {
color: #fff !important;}
		

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

#footer {
	padding:25px 0;}
	
	#footer ul {
		margin-left:0px;
		margin-bottom:0px;
		margin-top:0px;
		padding:0px;}
		
	#footer li {
		list-style:none;
		padding-left:20px;
		margin-left:0px;
		display:inline;
		font:11px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		color:#ac976b;}
		
	#footer li.first {
		padding-left:0px;}
		
	#footer li a {
		font:11px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		color:#ac976b;
		text-decoration:none;}
		
	#footer li a:hover {
		text-decoration:underline;}