@import url(global_v1-1.css);
@import url(CMAANYC_css/modules.css);
@import url(CMAANYC_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: #245B95;
	font: 30px "Times New Roman", Georgia, Times, serif;
	margin-bottom: 10px;
	

}


h2 {
	
	color: #707070;
	font: 13px/1.6 Arial, Verdana, sans-serif;
	margin-bottom: 10px;
	
}

h3 {

	color: #245b95;
	font: 13px/1.6 Arial, Verdana, sans-serif;
	margin-bottom: 10px;

}

h4 {
	
	color: #707070;
	font: 12px/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: 9px Arial, Verdana, sans-serif;

}

p {
	
	color: #1A1816;
	font: 11px Arial, Verdana, sans-serif;

}

table, div {
	
	font: 11px Arial, Verdana, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #245b95;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #245b95;
	font: inherit;
	text-decoration: none;

}

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

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: CMAA - City of New York
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.siteWrapper {

	width: 820px;
	margin: 20px auto 0;
	
}

	#siteContainer {

		width: 770px;
		margin: 0 auto;
	
	}

#pubHome {


	
}

#pubContent {


	
}


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

#branding {
	
	width: 525px;
	height: 52px;
	background: url(../../../Images/logo_top.gif) no-repeat left top;
	
}

#weather {

	width: 230px;
	margin-right: 25px;
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	width: 100%;
	height: 42px;
	padding: 5px 0;
	background: url(../../../Images/logo_bottom.gif) no-repeat left top #033B68;

}

#nav .inside {
	width: 700px;
	margin-right: 5px;
	margin-left: 65px;
	height: 42px;

}

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

	#contentArea {
		
		width: 100%;
		background: #FFF;
		
	}
	
		#twoCol #contentArea, #threeCol #contentArea {
		
			background:url(../../../Images/content_left.gif) repeat-y left top #FFF;
		
		}
	
		#contentWrapper {
		
			width: 100%;
			background:url(../../../Images/content_right.gif) no-repeat 266px 0;
			text-align: left;
		
		}
		
			#sidebarWrap {
		
				width: 220px;
				padding-left: 46px;
				
		
			}
			
				#sidebar {
			
					width: 220px;
					padding: 18px 0;
			
				}
				
					#sidebar .inside {
			
						width: 184px;
						margin: 0 18px;
			
					}
			
			#contentMain {
			
				width: 504px;
				padding: 20px 0;
				
			}
			
				#contentMain .inside{
			
					width: 464px;
					margin: 0 20px;
				
				}
	
		#mediaWindow {
		
			width: 100%;
		
		}
		
			#mediaWindow img {
			
				display: block;
			
			}
			
			#thumbNailWrap {
			
				width: 420px;
				margin: 0 auto;
				text-align: center;	
			
			}
			
				#thumbNailWrap img {
				
					display: block;
				
				}
			
				#thumbNailWrap td {
				
					width: 128px;
					padding-right: 10px;
				
				}
				
				#thumbNailWrap h3 {
				
					margin-top: 6px;
					line-height: normal;
				
				}
			
			
			#threeCol #contentSecondary {
			
				width: 100%;
				margin-bottom: 40px;
			
			}
			
				#threeCol #contentSecondary .floatLeft {
			
					width: 260px;
			
				}
				
				#threeCol #contentSecondary .floatRight {
			
					width: 126px;
					margin-right: 20px;
			
				}
				
				#threeCol #contentSecondary .floatRight {
			
					color: #245B95;
			
				}
				
					#threeCol #contentSecondary .floatRight img {
					
						display: block;
					
					}

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

#footer {

	width: 100%;
	text-align: center;
	background: #033B68;
	padding: 50px 0;

}

	#footer a {
	
		color: #FFF;
		text-decoration: underline;
	
	}
	
	#footer a:hover {

		color: #FFF;
		text-decoration: none;

	}
	
	#copyright {
	
		margin-top: 8px;
	
	}