@import url(global_v1-2.css);
@import url(pennclubny_css/modules.css);
@import url(pennclubny_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: #522f18;
	font: 24px Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;

}


h2 {
	
	color: #990000;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
color: #011f5b;
	font: italic 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #4d4d4f;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	line-height:18px;

}

h5 {
	
	font:10px Arial, Helvetica, sans-serif;
	color:#4d4d4f;
	line-height:18px;
	text-transform:uppercase;

}

h6 {
	
	font:14px italic Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	line-height:22px;

}

p {
	
font: 12px Arial, Helvetica, sans-serif;
	color:#4d4d4f;
	line-height:18px;


}

table, div {
	
	font: 12px Arial, Helvetica, sans-serif;
	color:#4d4d4f;
	line-height:18px;

}

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

}

img {

	/*vertical-align:bottom;*/
	border:none;
	display:block;
	
}

#feeder img {
border:none;
display:inline;
}

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

}

.page {
	
	background:#331d0f url(../../../Images/bg_page.jpg) center top repeat-x;
	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: #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;

}

#contentArea .inside .cookieTrail, #privateContent .inside .cookieTrail {
	background:#fff;
	color: #990000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
	display:inline;

}

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

}

table.brownFix {
line-height:16px;
}

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

.hideText {

	display: none;

}

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

.siteWrapper {

	width:960px;
	margin:0 auto;
	
}

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

#brandingTop {

	width:200px;
	height:69px;
	margin-left:10px;
	
}

#login {

	width:750px;
	height:69px;
	
}

	#loginTagline {
	
		width:403px;
		height:44px;
		text-align:left;
		padding:22px 0 0 17px;
		
	}

	#loginArea {
	
		width:330px;
		height:69px;
		text-align:right;
		padding-top:10px;
		
	}

	#loginTaglinePrivate {
	
		width:200px;
		height:44px;
		text-align:left;
		padding:22px 0 0 17px;
		
	}

	#loginAreaPrivate {
	
		width:533px;
		height:69px;
		text-align:right;
		padding-top:28px;
		
	}
	
		#loginAreaPrivate td {
		color:ffffff;
		font: bold 12px Arial, Helvetica, sans-serif;
		
		}

#contentWrapper {

	width:960px;
	margin:0 auto;

}

	#publicHome {
	
		width:960px;
		background:#9c603d url(../../../Images/bg_publichome.jpg) top left repeat-y;
	
	}
	
		#publicLeft {
		
			width:200px;
			margin-left:10px;
		
		}
		
			#brandingBottom {
			
				width:200px;
				height:130px;
				
			}
		
			/*#publicCallout1 {
			
				display:block;
				width:200px;
				height:103px;
				background:url(../../../Images/public_callout1.jpg) no-repeat 0 0;
				
			}*/
			
			#publicCallout1 {
	height: 103px;
	width: 200px;
	}
	
	a#publicCallout1, a#publicCallout1:hover {
		height: 103px;
		width: 200px;
		background:url(../../../Images/public_callout1.jpg) no-repeat 0 0;
		background-position: top left;
		display:block;
}
	
		
			#publicHomeVNav {
			
				width:200px;
				height:167px;
				background:#f7f3f1;
				
			}
				
			#publicCallout2 a, #publicCallout2 a:hover { 

				width: 200px;
				height: 98px;
				display: block;
				
			}
				
			#publicCallout3 a, #publicCallout3 a:hover { 

				width: 200px;
				height: 82px;
				display: block;
				
			}
				
				#publicCallout2 a span, #publicCallout3 a span {
				
					display: none;
					
				}
				
				#publicCallout2 a {
				
					background: url(../../../Images/public_callout2.jpg) no-repeat top left;
					
				}
				
				#publicCallout2 a:hover {
				
					background: url(../../../Images/public_callout2.jpg) no-repeat bottom left;
					
				}
				
				#publicCallout3 a {
				
					background: url(../../../Images/public_callout3.jpg) no-repeat top left;
					
				}
				
				#publicCallout3 a:hover {
					background: url(../../../Images/public_callout3.jpg) no-repeat bottom left;
					
				}
		
			#publicCallout3 {
			
				width:200px;
				height:82px;
				
			}
		
			#publicQuote {
			
				width:170px;
				margin:25px 15px 15px 15px;
				text-align:left;
				
			}
		
				#publicQuote span {
				
					font:10px Arial, Helvetica, sans-serif;
					color:#ffffff;
					line-height:22px;
					text-transform:uppercase;
					text-align:right;
					
				}
		
			#publicCallout4 {
			
				width:200px;
				height:106px;
				
			}
		
			#publicContentVNav {
			
				width:200px;
				/*height:180px;*/
				background:#011f5b url(../../../Images/bg_vnav.jpg) top left repeat-x;
				padding-bottom:15px;
				
			}
		
			#publicVNavBottom {
			
				width:200px;
				height:30px;
				background:url(../../../Images/bg_vnavbottom.jpg) top left no-repeat;
				
			}
		
			#privateVNavBottom {
			
				width:200px;
				height:25px;
				background:url(../../../Images/bg_vnavbottomprivate.jpg) top left no-repeat;
				
			}
		
/*			#privateCallout1 {
			
				width:200px;
				height:85px;
				
			}*/
				
			#privateCallout1 a, #privateCallout1 a:hover { 

				width: 200px;
				height: 110px;
				display: block;
				
			}
				
			#privateCallout2 a, #privateCallout2 a:hover { 

				width: 200px;
				height: 112px;
				display: block;
				
			}
				
			#privateCalloutCal a, #privateCalloutCal a:hover { 

				width: 444px;
				height: 62px;
				display: block;
				
			}
				
			#privateCalloutSpotlight a, #privateCalloutSpotlight a:hover { 

				width: 216px;
				height: 62px;
				display: block;
				
			}
				
			#privateCalloutInbox a, #privateCalloutInbox a:hover { 

				width: 216px;
				height: 62px;
				display: block;
				
			}
				
			#privateCalloutAnnouncements a, #privateCalloutAnnouncements a:hover { 

				width: 214px;
				height: 62px;
				display: block;
				
			}
				
			#privateCalloutBulletin a, #privateCalloutBulletin a:hover { 

				width: 214px;
				height: 62px;
				display: block;
				
			}
				
				#privateCallout1 a span, #privateCallout2 a span, #privateCalloutCal a span, #privateCalloutSpotlight a span, #privateCalloutInbox a span, #privateCalloutAnnouncements a span, #privateCalloutBulletin a span {
				
					display: none;
					
				}
				
				#privateCallout1 a {
				
					background: url(../../../Images/private_callout1.jpg) no-repeat top left;
					
				}
				
				#privateCallout1 a:hover {
				
					background: url(../../../Images/private_callout1.jpg) no-repeat bottom left;
					
				}
				
				#privateCallout2 a {
				
					background: url(../../../Images/private_callout2.jpg) no-repeat top left;
					
				}
				
				#privateCallout2 a:hover {
				
					background: url(../../../Images/private_callout2.jpg) no-repeat bottom left;
					
				}
				
				#privateCalloutCal a {
				
					background: url(../../../Images/header_calendar.jpg) no-repeat top left;
					
				}
				
				#privateCalloutCal a:hover {
				
					background: url(../../../Images/header_calendar.jpg) no-repeat bottom left;
					
				}
				
				#privateCalloutSpotlight a {
				
					background: url(../../../Images/header_memberspotlight.jpg) no-repeat top left;
					
				}
				
				#privateCalloutSpotlight a:hover {
				
					background: url(../../../Images/header_memberspotlight.jpg) no-repeat bottom left;
					
				}
				
				#privateCalloutInbox a {
				
					background: url(../../../Images/header_inbox.jpg) no-repeat top left;
					
				}
				
				#privateCalloutInbox a:hover {
				
					background: url(../../../Images/header_inbox.jpg) no-repeat bottom left;
					
				}
				
				#privateCalloutAnnouncements a {
				
					background: url(../../../Images/header_announcements.jpg) no-repeat top left;
					
				}
				
				#privateCalloutAnnouncements a:hover {
				
					background: url(../../../Images/header_announcements.jpg) no-repeat bottom left;
					
				}
				
				#privateCalloutBulletin a {
				
					background: url(../../../Images/header_bulletinboard.jpg) no-repeat top left;
					
				}
				
				#privateCalloutBulletin a:hover {
				
					background: url(../../../Images/header_bulletinboard.jpg) no-repeat bottom left;
					
				}
		
			#privateCallout5 {
			
				width:200px;
				height:91px;
				
			}
		
		#publicRight {
		
			width:740px;
			background:#9c603d;
			margin-right:10px;
		
		}
		
			#navLeft {
			
				width:20px;
				height:40px;
				background:#990000;
				margin-top:10px;
				text-align:center;
				
			}
			
			#navLeft img {
			
			display:block;
			}
			
			
		
			#nav {
			
				width:720px;
				/*height:40px;*/
				background:9c603d;
				padding-top:10px;
				text-align:center;
				
			}
				#nav img {
				display:block;
				}
			
				#navInnerWrapper {
					background:#990000;
					height:40px;
				
				}
	
			#flash {
			
				width:740px;
				height:580px;
				
			}
	
			#contentImage {
			
				width:740px;
				height:136px;
				margin-top:10px;
				
			}
		
			#navLeftContent {
			
				width:20px;
				height:40px;
				background:#990000;
				text-align:center;
				
			}
		
			#navContent {
			
				width:720px;
				height:40px;
				background:#990000;
				
			}
		
			#contentArea {
			
				width:740px;
				background:#ffffff;
				
			}
		
				#contentArea .inside {
				
					padding:25px 40px 60px 40px;
					background:#ffffff;
					text-align:left;
					
				}
				
				#contentArea .inside img {
				display:inline;
				}
		
			#privateHome {
			
				width:740px;
				background:#e4eaf4;
				
			}
		
				#privateHome .inside {
				
					padding:20px 30px;
					
				}
				
				#privateHomeLeft {
				
					width:460px;
					
				}
					
					#privateHomeLeft .insid {
					
						padding-right:14px;
						
					}
					
				#privateHomeRight {
				
					width:218px;
					
				}
		
			#privateContent {
			
				width:740px;
				background:#ffffff;
				
			}
		
				#privateContent .inside {
				
					padding:20px 25px 40px 40px;
					text-align:left;
					
				}
				
				#privateContent .modules {
				padding:20px 10px 40px;
				text-align:left;
				/*width:720px;*/
				/*overflow-x:auto;*/
				}
				
				#moduleWrapper {
				width:960px;
				margin: 0 auto;
				background:#9C603D;
				}
				
				#moduleWrapper .toppad {
				padding:10px 0px;
				}
				
				#moduleWrapper .toppad #modNav {
				width:940px;
				margin:0 auto;
				background:#990000;
				height:40px;
				}
				
				#moduleWrapper .toppad #moduleContent {
				width:960px;
				background:url(../../../Images/bg_module.jpg);
				margin:0 auto;
				}
				
				#moduleWrapper .toppad #moduleContent .modules {
				padding:20px 0px 40px;
				text-align:left;
				margin:0px 10px;
				width:940px;
				}
				
					
				
				
				#privateContent .modules table img {
				display:inline;
				}

	#publicContent {
	
		width:960px;
		background:#9c603d url(../../../Images/bg_publiccontent.jpg) top left repeat-y;
	
	}

	#privateHomeContent {
	
		width:960px;
		background:#9c603d url(../../../Images/bg_privatehome.jpg) top left repeat-y;
	
	}

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

#footer {

	width:960px;
	height:50px;
	border-top:10px solid #9c603d;
	margin:0 auto;

}

	#footer .inside {
	
		text-align:right;
		font:bold 8pt Arial, Helvetica, sans-serif;
		color:#c9af9f;
		padding-top:10px;
	
	}
	
	#footer .inside a,a.small,a.anchor,a.visited {
	
		color: #c9af9f;
		font: inherit;
		text-decoration: none;

	}
	
	#footer .inside a:hover {
	
		color: #c9af9f;
		font: inherit;
		text-decoration: underline;

	}
	
	/*---------------------------------------------------------------------
LOGIN CLASSES
---------------------------------------------------------------------*/

.advLogUsername {
border: 1px solid #2a1b11; 
width: 127px; 
height: 21px; 
font: 11px Arial, Helvetica, sans-serif;
color:#000;
padding-left:10px;
background: #fff url(../../../Images/unbg.gif) no-repeat top center;
}

.advLogPassword {
border: 1px solid #2a1b11; 
width: 127px; 
height: 21px; 
font: 11px Arial, Helvetica, sans-serif;
color:#000;
padding-left:10px;
background: #fff url(../../../Images/pwbg.gif) no-repeat top center;
}

	#login_container .advLogUsername, #login_container .advLogPassword {
	background-color:#fff;
	background-image:none;
	color:#000;
	}
	
	#loginArea img, #loginArea table img {
	display:inline;
	}
	
	table .inboxfix img {
	display:inline;
	}
	
/*================================================================
=MOdules WIDE
=================================================================*/
	
.moduleWidesiteWrapper {
	width:1100px;
	margin:0 auto;
	}
	
	#moduleWideWrapper {
	width:1100px;
	margin:0 auto;
	}
	
	#moduleWideContent {
	width:1100px;
	background:url(../../../images/bg_moduleWide.jpg) repeat-y top left #9c603d;
	}
	
	#moduleWideRight {
	margin-right:10px;
	background:#9c603d;
	width:880px;
	}
	
	#moduleWideNav {
	width:880px;
	margin-top:10px;
	background:#990000;
	height:40px;
	text-align:center;
	}
	
	#moduleWideNav .inside {
	margin-left:20px;
	width:860px;
	}
	
	#moduleWideContentMain {
	width:880px;
	background:#fff;
	}
	
	#moduleWideContentMain .inside {
	padding:20px 0px;
	margin-left:15px;
	width:850px;
	text-align:left;
	}
	
	#moduleWideContentMain .inside img {
	display:inline;
	}
	
	#moduleWideFooter {
	border-top:10px solid #9c603d;
	height:50px;
	margin:0 auto;
	width:1100px;
	}
	
	#moduleWideFooter .inside {
	color:#c9Af9f;
	font:bold 8pt Arial, Helvetica, sans-serif;
	padding-top:10px;
	text-align:right;
	}