html {
	height:100%;
}
body {
	font-family: arial, verdana, sans-serif;
	color: #000;
	margin:0;
	padding:0;
	font-size: 100%;
	height:100%;
	background: #fff repeat;
}

html, body, div, span,
applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, form, label,
h1, h2, h3, h4, h5, h6, hr {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	line-height: 1.2em;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}	
	
/*images right/left alignment*/
.contents img[align="right"], 
.contents img.right {
	float: right;
	margin: 0 0 .5em 1em;
	clear: right;
}	

.contents img[align="left"], 
.contents img.left {
	float: left;
	margin: 0 1em .5em 0;
	clear: left;
}	

/* OL/UL in content area*/
.contents ul {
	list-style-position: inside;
	list-style-image: url(assets/bullet.jpg);
	margin: 0 0 0 0px;
	text-indent: -13px;
}
	
/* want the paragraphs to have a nice even margin */

.contents a {letter-spacing:.02em;font-weight:500;}
.contents a:link {color:#000;border-bottom:1px dotted #000;}
.contents a:visited {color: #000; border-bottom:1px dotted #000;}
.contents a:hover {color: #000; border-bottom:1px dotted #000; font-style:italic;}
.contents a:active {color: #fff; }
	
/*horizontal rules */
hr {border: 1px dotted #000;border-width: 1px 0 0 0;border-collapse: collapse;clear: both;margin: 10px 0;}
		
/*SITE HEADINGS */	
h1 {margin: 0 0 14px 0;font-size: 1.2em;color: #000;font-weight: 300;text-transform:uppercase;}	
h2 {margin: 10px 0 5px 0;font-size: .8em;color: #000;font-weight: 300;text-transform:uppercase;}	
h1 a, h2 a, h3 a, h4 a, h5 a {color: inherit;text-decoration: none;}

/* navigation */
	.navigationTopFlyout .mainNav {
	position:relative;
	top:0px;
	left:0px;
}

	.navigationTopFlyout .mainNav  li{
	float:left;
	height:27px;
	padding-right:0px;
	padding-bottom:10px;
	margin-right:0px;
	z-index:90;
}

	.navigationTopFlyout .mainNav  li a.topLevel {
		display: block;
		text-decoration: none;
		height:27px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		padding-bottom:5px;
		margin-bottom:25px;
	}
	.navigationTopFlyout .mainNav  li.WhoWeAre>a{
	position:relative;
	left:0;
	background: url(assets/whoweare.jpg) 0 0 no-repeat;
	width:222px;
}	
		#missionstatement{background: url(assets/bmissionstatement1.jpg) 0 0 no-repeat;width:126px;}
		#bio{background: url(assets/bbio1.jpg) 0 0 no-repeat;width:117px;}
		#contact{background: url(assets/bcontact1.jpg) 0 0 no-repeat;width:53px;}
		
	.navigationTopFlyout .mainNav  li.WhatWeDo>a{
	position:relative;
	left:116px;
	background: url(assets/whatwedo.jpg) 0 0 no-repeat;
	width:224px;
}
		#design{background: url(assets/bDesign.jpg) 0 0 no-repeat;width:51px;}
		#planning{background: url(assets/bPlanning.jpg) 0 0 no-repeat;width:68px;}
		#policy{background: url(assets/bPolicy.jpg) 0 0 no-repeat;width:50px;}
		#resources{background: url(assets/bResources.jpg) 0 0 no-repeat;width:75px;}
		#parkinglaws{background: url(assets/bNYCbikeparkinglaws2.jpg) 0 0 no-repeat;width:203px;}

	.navigationTopFlyout .mainNav  li.WhatWeveDone>a{
	position:relative;
	left:232px;
	background: url(assets/whatwevedone.jpg) 0 0 no-repeat;
	width:323px;
}		
		#NYUMasterPlan{background: url(assets/bNYUstateofcycling.jpg) 0 0 no-repeat;width:185px;}
		#PalladiumRedesign{background: url(assets/bPalladiumRedesign.jpg) 0 0 no-repeat;width:199px;}
		#TimesUp{background: url(assets/bTimesUp3.jpg) 0 0 no-repeat;width:195px;}
		#Fayville{background: url(assets/bfayville.jpg) 0 0 no-repeat;width:172px;}
		#Press{background: url(assets/bPress.jpg) 0 0 no-repeat;width:33px;}
		
		
		.navigationTopFlyout .mainNav li topLevel a:hover, 
		.navigationTopFlyout .mainNav li a.topLevel:hover,  
		.navigationTopFlyout .mainNav li:focus a.topLevel, 
		.navigationTopFlyout .mainNav li.sfhover a.topLevel,
		.navigationTopFlyout #Pal .mainNav .WhatWeveDone a.topLevel,
		.navigationTopFlyout #NYU .mainNav .WhatWeveDone a.topLevel,
		.navigationTopFlyout #XUP .mainNav .WhatWeveDone a.topLevel,
		.navigationTopFlyout #FRAC .mainNav .WhatWeveDone a.topLevel,
		.navigationTopFlyout #PRESS .mainNav .WhatWeveDone a.topLevel,
		.navigationTopFlyout #BDES  .mainNav .WhatWeDo a.topLevel,
		.navigationTopFlyout #BPLA  .mainNav .WhatWeDo a.topLevel,
		.navigationTopFlyout #BPOL .mainNav .WhatWeDo a.topLevel,  
		.navigationTopFlyout #BRES  .mainNav .WhatWeDo a.topLevel,
		.navigationTopFlyout #BPAR  .mainNav .WhatWeDo a.topLevel,
		.navigationTopFlyout #MS  .mainNav .WhoWeAre a.topLevel,
		.navigationTopFlyout #BIO  .mainNav .WhoWeAre a.topLevel,
		.navigationTopFlyout #C  .mainNav .WhoWeAre a.topLevel {
			border-bottom:#99cc33 3px dotted;
			z-index:90;	
		}
	
		/* mouseover navigation. for level 2*/

		.navigationTopFlyout .mainNav li.WhoWeAre ul.level2 {
			display: none;
			position: absolute;
			width:1010px;
			z-index: 3;
			top:30px;
			left:-5px;
			background-color: #fff;
			border-top:none;
			margin-top:0px;
			padding-top:15px;
			padding-left:0;
			
		}
		.navigationTopFlyout .mainNav li.WhatWeDo ul.level2 {
			display: none;
			position: absolute;
			width:803px;
			z-index: 3;
			top:30px;
			left:0px;
			background-color: #fff;
			border-top:none;
			margin-top:0px;
			padding-top:15px;
			padding-left:212px;
			
		}
		.navigationTopFlyout .mainNav li.WhatWeveDone ul.level2 {
			display: none;
			position: absolute;
			z-index: 3;
			width:809px;
			top:30px;
			left:0px;
			background-color: #fff;
			border-top:none;
			margin-top:0px;
			padding-top:15px;
			padding-left:192px;
			padding-right:0;
			margin-right:0;
		}
		.navigationTopFlyout .mainNav li:hover ul.level2, 
		.navigationTopFlyout .mainNav li:focus ul.level2, 
		.navigationTopFlyout .mainNav li.sfhover ul.level2 {
			display: block;
			z-index:60;
		}
		.navigationTopFlyout .mainNav li ul.level2 li {
			padding-left: 5px;
			float: left;
			display:inline;
			height:14px;
		}		
		#navBar ul.level2 li a {
				display: block;
				height:14px;
				text-decoration: none;
				text-indent: -9999px;
			}
			#navBar ul.mainNav li ul.level2 li a:hover {
				text-decoration:none;
				background-position: 0px -14px;	
			}
			.navigationTopFlyout #Pal .mainNav .WhatWeveDone ul.level2,
			.navigationTopFlyout #NYU .mainNav .WhatWeveDone ul.level2,
			.navigationTopFlyout #XUP .mainNav .WhatWeveDone ul.level2,
			.navigationTopFlyout #FRAC .mainNav .WhatWeveDone ul.level2,
			.navigationTopFlyout #PRESS .mainNav .WhatWeveDone ul.level2,
			.navigationTopFlyout #BDES .mainNav .WhatWeDo ul.level2, 
			.navigationTopFlyout #BPLA .mainNav .WhatWeDo ul.level2,
			.navigationTopFlyout #BPOL .mainNav .WhatWeDo ul.level2,
			.navigationTopFlyout #BRES .mainNav .WhatWeDo ul.level2,
			.navigationTopFlyout #BPAR .mainNav .WhatWeDo ul.level2,
			.navigationTopFlyout #MS .mainNav .WhoWeAre ul.level2,
			.navigationTopFlyout #BIO .mainNav .WhoWeAre ul.level2,
			.navigationTopFlyout #C .mainNav .WhoWeAre ul.level2
			{
				display: block;
				z-index:20;
			}
			.navigationTopFlyout #Pal .mainNav .WhatWeveDone ul.level2 #PalladiumRedesign,
			.navigationTopFlyout #NYU .mainNav .WhatWeveDone ul.level2 #NYUMasterPlan,
			.navigationTopFlyout #XUP .mainNav .WhatWeveDone ul.level2 #TimesUp,
			.navigationTopFlyout #FRAC .mainNav .WhatWeveDone ul.level2 #Fayville,
			.navigationTopFlyout #PRESS .mainNav .WhatWeveDone ul.level2 #Press,
			.navigationTopFlyout #BDES .mainNav .WhatWeDo ul.level2 #design,
			.navigationTopFlyout #BPLA .mainNav .WhatWeDo ul.level2 #planning,
			.navigationTopFlyout #BPOL .mainNav .WhatWeDo ul.level2 #policy,
			.navigationTopFlyout #BRES .mainNav .WhatWeDo ul.level2 #resources,
			.navigationTopFlyout #BPAR .mainNav .WhatWeDo ul.level2 #parkinglaws,
			.navigationTopFlyout #MS .mainNav .WhoWeAre ul.level2 #missionstatement,
			.navigationTopFlyout #BIO .mainNav .WhoWeAre ul.level2 #bio,
			.navigationTopFlyout #C .mainNav .WhoWeAre ul.level2 #contact{
				text-decoration:none;
				background-position: 0px -14px;
			}

#pageContainer {
	position:relative;
	top:22px;
	width:1000px;
	height:698px;
	margin: 0 auto;
	background:#fff;
	padding:22px;
	border:none;
	
}

#contents {
	position:relative;
	background:#fff url(assets/logo2.jpg) bottom right no-repeat;
	width:1000px;
	height:624px;	
	top:73px;
	left:0;
}


#leftPicHome {
	position:absolute;
	top:0;
	left:0;
	background: #fff url(assets/Homepic1.jpg) 0 0 no-repeat;
	width:510px;
	height:602px;
	z-index:1;	
}

#leftPicContent{
	position:absolute;
	top:0;
	left:0;
	width:329px;
	height:334px;
	z-index:1;	
}

#leftPicContentbio {
	position:absolute;
	top:0;
	left:0;
	width:329px;
	height:334px;
	z-index:1;
	background:url(assets/markandem2.jpg) 0 0 no-repeat;	
}
#leftPicContentbio:hover{
	background-position:0 -334px;
}
#leftPicContent .leftImg{
	position:absolute;
	top:0;
	left:0;
	width:329px;
	height:334px;
	z-index:1;	
}
#rightSmall {
	position:absolute;
	top:0px;
	left:443px;
	background: #99cc33;
	width:557px;
	height:334px;
	z-index:80;
}
#rightBig {
	position:absolute;
	top:0px;
	left:329px;
	background: #99cc33;
	width:671px;
	height:334px;
	z-index:80;
	overflow-y:auto;
}
#textContainer {
	position:absolute;
	top:20px;
	left:28px;
	width:600px;
}

#textContainer.contact p,
#textContainer.home p {
	text-indent:0;
}
#textContainer.home {
	position:absolute;
	top:20px;
	left:28px;
	width:486px;
}

#rightBig p, #rightSmall p {
	font-size:.73em;
	font-weight:lighter;
	text-align:justify;
	line-height:1.3;
	letter-spacing:-.02em;
	margin:0 0 8px 0;
	padding-top:0;
	padding-left:0px;
	padding-right:0px;
	text-indent:0px;
}
#footer {
	position:absolute;
	top:602px;
	width:510px;
	height:22px;
	background: #99cc33;
}
.contentList {
	font-size:.73em;
	font-weight:lighter;
	text-align:justify;
	line-height:1.3;
	letter-spacing:-.02em;
	padding-top:0;
	padding-left:15px;
	padding-right:0;
	padding-bottom:10px;
}

.contentList li {
	margin-bottom:.6em;
	
}
#footer p{
	margin-top:1px;
	font-size:.75em;
	font-weight:500;
	text-align:justify;
	line-height:1.5;
	letter-spacing:-1px;
	padding-left:10px;
	padding-right:10px;
}
#thumbs {
	position:absolute;
	top:341px;
	left:-1px;
	width:250px;
}
#thumbs a {
	border:none;
	float:left;
	padding:0 6px 6px 0;
}
#thumbs img {
	border:solid 1px #bbbcc0;
}
/*LIGHTBOX!*/
#lightbox{
	position: absolute;
	margin-top:-37px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 40%;
	height: 100%;
	background: transparent url(assets/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { float: left; display:inline;}
#nextLink { float: right; display:inline;}
#prevLink:hover, #prevLink:visited:hover { background: url(assets/prevlabel.jpg) 3% 1% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(assets/nextlabel.jpg) 97% 1% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #000; }
#imageData a {	padding:0 0; color: #000;border-bottom:dotted 1px #000;} 
#imageData a:hover {padding:0 0; color: #000;border-bottom:dotted 1px #000; font-style:italic;} 

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}	
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; padding-top: 2px;	}			
#imageData #bottomNavClose{ width: 80px; float: right;  padding-bottom: 0.7em;	border:none;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */