@import url(global_v1-2.css);
@import url(UCNYC_css/modules.css);
@import url(UCNYC_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: #09314F;
	font: 22px "Times New Roman", Georgia, Times, serif;

}


#pubContent h2 {
	
	color: #FFF;
	font: bold 18px "Times New Roman", Georgia, Times, serif;
	
}

#privPages h2 {

	color: #09314F;
	font: 18px Arial, Helvetica, sans-serif;

}

h3 {
	
	color: #09314F;
	font: 14px "Times New Roman", Georgia, Times, serif;

}

h4 {
	
	color: #4F4F4F;
	font: 14px/1.6 Arial, Helvetica, sans-serif;

}

h5 {
	
	color: #09314F;
	font: 12px "Times New Roman", Georgia, Times, serif;
	
}

h6 {
	
	color: #09314F;
	font: 11px Arial, Helvetica, sans-serif;

}

p {
	
	color: #4F4F4F;
	font: 13px/1.4 Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 11px Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #09314F;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #09314F;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/headerBg.gif) repeat-x center top #001638;
	text-align: center;
	
}

.page.shift {
	
	background: url(../../../Images/headerBg.gif) repeat-x center 30px #001638;
	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: #bfd0d5;
	border: 1px solid #1d334c;
	font-family:"Times New Roman", Georgia, Times, serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #bdced3;
	color: #09314F;
	font: bold 12px Arial, Helvetica, sans-serif;

}

	.adminbar .abut {
		
		background: #F6F8F9;
		border: 1px solid #1d334c;
		font: normal 11px Arial, Helvetica, sans-serif;
		margin-right: 0;

	}

/*////////////////////////////////////
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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {

	width: 100%;
	
}

#contentContainer {

	width: 100%;
	background: url(../../../Images/pub_blueBg.gif) repeat-y center top;

}

#pubHome {

}

#pubContent {
	
}

#privPages {
	
}

/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	width: 960px;
	height: 170px;
	
}

	#branding #upper {

		width: 100%;
		height: 135px;
	
	}
	
		#pubHome #branding #logo,
		#pubContent #branding #logo,
		#privPages #branding #logo {
	
			width: 372px;
			height: 100%;
			background: url(../../../Images/pubHome_headerLogo.gif) no-repeat center center;
		
		}
	
	#privPages #branding #upper .floatRight {
	
		width: 540px;
		margin-top: 100px;
		text-align: right;
	
	}
		
		#privPages #branding #upper .floatRight a {
		
			text-decoration: underline;
			margin-left: 20px;
		
		}
		
		#privPages #branding #upper .floatRight a:hover {
		
			text-decoration: none;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#branding #lower {

	width: 100%;
	height: 35px;

}

	#nav {
	
		width: 100%;
		height: 25px;
		margin-top: 5px;
	
	}
	
	#navPublic {
	width: 250px;
	height: 25px;
	margin-top: 5px;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {
	
	width: 960px;
	
}

#mediaWindow {
	
	width: 100%;
	
}

/***********
public home
************/

#pubHome #contentArea {
	
	background: url(../../../Images/pubHome_sidebarBg.gif) repeat-x center top #FFF;
	
}

	#pubHome #sidebar {
		
		width: 300px;
		padding: 22px 0;
		text-align: left;
		
	}
	
		#pubHome #sidebar .inside {
		
			width: 256px;
			margin-left: 22px;
		
		}
		
	#pubHome #contentMain {
	
		width: 660px;
	
	}
	
	#mediaWindow img,
	#pubHome #sidebar img,
	#pubContent #contentMain .inside .floatLeft img,
	#pubContent #contentMain .inside .floatRight img,
	#privPages #sidebar #sidebarLower .inside img {
	
		display: block;
	
	}

/**************
public content
***************/
	
#pubContent #contentArea {
	
	background: url(../../../Images/pubContent_sidebarBg.jpg) no-repeat left top #FFF;
	
}


	#pubContent #sidebar {
		
		width: 260px;
		padding: 0 0 20px;
		text-align: left;
		
	}
	
		#pubContent #sidebar #sidebarHeading {
		
			width: 100%;
			height: 130px;
			text-align: center;
			margin-bottom: 20px;
			background: url(../../../Images/pubContent_sidebarHeadingBg.gif) repeat-x center bottom #09314F;
		
		}
		
			#pubContent #sidebar #sidebarHeading h2 {
			
				line-height: 130px;
			
			}
	
		#pubContent #sidebar .inside {
		
			width: 220px;
			margin-left: 20px;
		
		}
		
	#pubContent #contentMain {
	
		width: 700px;
		text-align: left;
		padding-bottom: 20px;
	
	}
	
		#pubContent #mediaWindow {
	
			margin-bottom: 20px;
	
		}
	
		#pubContent #contentMain .inside {
	
			width: 660px;
			margin-left: 20px;
	
		}
		
			#pubContent #contentMain .inside .floatLeft {
	
				width: 380px;
	
			}
			
			#pubContent #contentMain .inside .floatRight {
	
				width: 210px;
	
			}
			
				#pubContent #contentMain .inside .floatRight h6 {
			
					margin-top: 8px;
					color: #4F4F4F;
					line-height: 1.4;
			
				}

/**************
private pages
***************/

#privPages #contentArea {

	width: 100%;
	background: url(../../../Images/priv_upperContentBg.gif) repeat-x center top;

}

	#privPages #mediaWindow {
	
		width: 960px;
	
	}	

#privPages #contentWrapper {

	width: 100%;
	background: url(../../../Images/priv_patternFadeBg.gif) repeat-x center top #FFF;

}

	#privPages #contentTupperware {
	
		width: 960px;
		padding: 20px 0 20px;
		text-align: left;
	
	}
	
		#middleContentHeadings {
			
			width: 940px;
			background: url(../../../Images/priv_midContDivider.gif) no-repeat left bottom;
			
		}
		
			#privPages #sidebarHeading {
		
				width: 260px;
				background: url(../../../Images/priv_sidebarHeaderBg.gif) repeat-y center top;
		
			}
			
				#privPages #sidebarHeading .inside {
				
					padding-bottom: 20px;
					text-align: center;
				
				}
		
			#privPages #pullQuoteWrapper {
				
				width: 640px;
				text-align: center;
				margin-right: 20px;
				margin-top: 20px;
		
			}		
	
		#privPages #sidebar {
		
			width: 260px;
			text-align: left;
		
		}
		
			#privPages #sidebar #sidebarLower {
			
				width: 100%;
				background: url(../../../Images/priv_sidebarBg.gif) no-repeat center top #FFF;
				min-height: 296px;
				height:auto !important;
				height: 296px;
				
			
			}
	
				#privPages #sidebar .inside,
				#privPages #sidebarHeading .inside  {
				
					width: 220px;
					margin-left: 20px;
				}
				
				#privPages #sidebar #sidebarLower .inside {
				
					padding-top: 20px;
				
				}
		
		#privPages #contentMain {
		
			width: 700px;
			text-align: left;
			padding: 20px 0;
		
		}
		
			#privPages #contentMain .inside {
	
				width: 660px;
				margin-left: 20px;
	
			}
			
				#privPages #contentMain .inside #privHomeIntro {
				
					width: 370px;
		
				}
				
				#privPages #contentMain .inside #privHomePlugWrap {
				
					width: 230px;
		
				}
				
					#privPages #contentMain .inside #privHomePlugWrap #bulletinMop {
				
						width: 100%;
		
					}
					
						#privPages #contentMain .inside #privHomePlugWrap #bulletinMop a {
						
							display: block;
							width: 100%;
							height: 90px;
							background:url(../../../Images/privHome_bulletinBtn.gif) no-repeat left;
			
						}
						
						#privPages #contentMain .inside #privHomePlugWrap #bulletinMop a:hover {
						
							background:url(../../../Images/privHome_bulletinBtn.gif) no-repeat right;
			
						}
						
						#privPages #contentMain .inside #privHomePlugWrap #weatherMop {
						
							width: 190px;
							margin: 20px;
						
						}
						
				#privPages #contentMain .inside #theFinalBottom {
				
					width: 100%;
					padding: 20px 0;
					background: url(../../../Images/priv_ornament.gif) no-repeat center top;
				}
	
					#privPages #contentMain .inside #theFinalBottom #quickLinkWrapper {
				
						width: 500px;
						margin: 20px 0 0 100px;
						
					}
					
						#privPages #contentMain .inside #theFinalBottom #quickLinkWrapper div {
				
							font: bold 16px "Times New Roman", Georgia, Times, serif;
							overflow: hidden;
						
						}
				
							#privPages #contentMain .inside #theFinalBottom #quickLinkWrapper a {
						
								margin-right: 8px;
								padding: 0 12px 0 38px;
								float: left;
								height: 42px;
								line-height: 40px;
								background: url(../../../Images/privContent_quickLinkBig.gif) no-repeat left center;
								border: 1px solid #b5a771;
								text-decoration: none;

							}
							
							#privPages #contentMain .inside #theFinalBottom #quickLinkWrapper a:hover {
							
								border: 1px solid #9b9061;
								text-decoration: underline;
							
							}
							
				#privPages #contentMain .inside #privContMainArea {
				
					width: 100%;
					color: #4F4F4F;
					font: 13px/1.4 Arial, Helvetica, sans-serif;
				
				}
				
					#privPages #contentMain .inside #privContMainArea div,
					#privPages #contentMain .inside #privContMainArea table {
				
						color: #4F4F4F;
						font: 13px/1.4 Arial, Helvetica, sans-serif;
				
					}
				
				#privPages #contentMain .inside #theFinalBottom #pluginWrapper {
				
					width: 100%;
					
				}
				
					#privPages #contentMain .inside #theFinalBottom #pluginWrapper .floatLeft {
				
						width: 322px;
					
					}
					
					#privPages #contentMain .inside #theFinalBottom #pluginWrapper .floatRight {
				
						width: 322px;
					
					}
					
#homeLinks td {
	padding-bottom:8px;}
					
#homeLinks td a {
	width:182px;
	height: 42px;
	background: url(../../../Images/privContent_quickLinkBig.gif) no-repeat left center;
	border: 1px solid #b5a771;
	text-decoration: none;
	display:block;
	padding-left:38px;
	font: bold 16px/42px "Times New Roman", Georgia, Times, serif;

}

#homeLinks td a:hover {
	border: 1px solid #9b9061;
	text-decoration: underline;}

#privPages #sidebar #bulletinMop a.clickToEditAnchor {
	background-image:none;}

#privPages #sidebar #bulletinMop {
				
						width: 230px;
						margin:0 auto;
		
					}
					
#privPages #sidebar #bulletinMop a {

	display: block;
	width: 230px;
	height: 90px;
	background:url(../../../Images/privHome_bulletinBtn.gif) no-repeat top left;

}

#privPages #sidebar #bulletinMop a:hover {

	background-position:top right;

}

#privPages #sidebar .homeLinks td a:hover {

	border: 1px solid #9b9061;
	text-decoration: underline;

}

#privPages .floatLeft .plgCalendarWeekday, #privPages .floatLeft .plgCalendarWeekend, #privPages .floatLeft .plgCalendarDayOn {
	padding:4px 0px 8px;}
	
#privPages .floatLeft .plgCalendarHeader {
	font-weight:bold;
	padding-top:4px;}
				
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 100%;
	height: 40px;
	background: #8498A7;
	border-bottom: 5px solid #09314F;

}

	#footer .inside {
	
		width: 960px;
		height: 100%;
		margin: 0 auto;
	
	}
	
	#footer h6 {
	
		line-height: 40px;
	
	}
	
	
#privPages #contentMain .inside #privHomePlugWrap #bulletinMop .clickToEditAnchor,
#privPages #contentMain .inside #theFinalBottom #quickLinkWrapper .clickToEditAnchor{

	margin: 0;
	padding: 0;
	width: 90px;
	height: 22px;
	display: inline;
	float:none;
	background: none;
	border: none;
    line-height: normal;
	overflow: auto;

}


#directoryCavern {

	width: 100%;
	background: url(../../../Images/directoryBg.gif) no-repeat center top;
	padding-top: 16px;
	min-height: 296px;
	height:auto !important;
	height: 296px;

}

#directoryCavern table, 
#directoryCavern div {
color: #09314F;

}

#directoryCavern input{
margin-right: 4px;
}
	
#directoryCavern .adminbar input {
margin-right: 0;
}

