/*
Title: Three-Column Fixed Width
Author: Jeremy Boggs
Version: 1.0
Created: 20 January 2006
Updated: 7 March 2006
Adapted for NYPL.org: 9 September 2007 [Josh Greenberg]
*/


/*-----------------------------------------
Layout
------------------------------------------*/

/* Generic */
* {
margin:0; 
padding:0;}

body {
margin: 10px auto; 
width: 768px;
}

/* Wrap */
#wrap{
width: 100%;
}

/* Contents */
#contentwrap {
/* display:block; */
width: 100%;
}

/* Footer */
#footer {
margin: 0;
padding: 0;
clear:both; 
width: 100%; 
}

#promobanners {
clear:both; 
width: 100%;
}
 

/*-----------------------------------------
Navigation
------------------------------------------*/
#navbar a {
	border:none;
}
#navbar a:hover img {
	visibility:hidden;
}

/* both IE/win and mac */
#navbar a {display:inline-block;}
/* \*/
html #navbar a {display:block;}
html #inline-images a {display:inline;}
/* end hiding from IE/mac */

#navigation {
clear:both; 
width: 100%;
}

#navigation {
	margin:1em 0;
	padding:0;
	list-style:none;
}

#navigation li {
	margin:0;
	padding:0;
}

#navigation {
	height:30px;
	width:768px;
	margin:0;
}
#navigation li {
	display:block;
	width:auto;
	float:left;
}
#navigation a:hover img {
	visibility:hidden;
}
#navigation a {
	display:block;
}
#navigation a/**/ {
	height:30px; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
/* html #navigation a {
	cursor:hand;
}*/
* html #navigation li a:hover {
	height:1%;
}

/* */
.darkhome {
background:url(Images/TN-homeO.jpg);
width:70px;
}
.darkblog {
float:left; 
}
.darkserv {
background:url(Images/TN-ServicesO.jpg);
width:88px;
}

.lightserv {
background:url(Images/TN-ServicesA.jpg);
width:88px;
}

.darkind_sol {
background:url(Images/TN-Industry-SolutionsO.jpg);
width:159px;
}
.darkdigital {
background:url(Images/TN-Tech-Support-O.jpg);
width:152px;
}
.darkcase_st {
background:url(Images/TN-Case_StudyO.jpg);
width:121px;
}
.darknews {
background:url(Images/TN-NewsO.jpg);
width:67px;
}
.darkabout {
background:url(Images/TN-AboutO.jpg);
width:105px;
}
.darkskyblog {
background:url(Images/TN-SkyblogO.jpg);
width:87px;
}

#currentnav img {
	visibility:hidden;
	}
/*-----------------------------------------
Typography
------------------------------------------*/

/* Generic */
body {
font: 75.25% "Lucida Grande",Verdana, sans-serif;
}
h2,h3,h4,h5 {
margin-left:0px; 
margin-right: 0px;  
padding:10px 0;
}

li {
margin-left: 14px;
}
/* */p, ul, ol {
font-size: 1em;
} 

ul, ol {
margin-top:0px; 
padding-top:0px;
}
/* */h1 {
font-size: 2em;
} 
h2 {
font-size: 1.3em;
color:#d2232a;}

h3 {
font-size: 1.3em;
color:#0c5ba3;}

h4 {
font-size: 1.3em;
color:#000000;}

h6 {
font-size: 1.3em;
color:#0c5ba3;
margin-left:20px;}

/* Header and Footer */
.mainnav {
/* list-style:none; */
clear:both;
}
.mainnav li {
display:inline; 
list-style:none; 
margin-left:0; 
margin-right: 12px;
}
.mainnav a {
text-decoration:none;
color:#fffdfe;
}


/*-----------------------------------------
Colors, Borders, and Background Images
------------------------------------------*/

/* Generic */
body {
background: #fff; 
color: #333;
border: 1px solid #ccc;
}
a {
text-decoration:none;
color: #333;
}
a:hover {
color:#c02a2b;
text-decoration:underline;
}

#email {
color:#c02a2b;
text-decoration:underline;
}


img {
border:0;
}
.newred {
color:#d2232a;
}
.newblue {
color:#0a579d;
}
/* Wrap
#wrap {
background: #fff;
}
 */
/* Contents */
#contentwrap {
}
#alerts {
padding:5px;
color:#333333;  /*this is green #d2232a;*/
background:#ecf0b4;
/*background:#d2232a;*/
/*  background:#e6e7e9; 
background:#ccc; */
text-align:center;
font-weight:bold;
}
#alerts a {
 color:white; 
/*color:#d2232a;*/
}
/* Header */
#header {
/* background: #fff; */
color: #999;
}

/* Footer */
#footer {
background: #fff;
}

/*Promotions */
#promobanners {
border-top:1px solid #ccc; 
}

/* List Elements */




/* Gray border */
.graybottom {
border-bottom:1px solid #ccc;
}
.grayleft {
border-left:1px solid #ccc;
}
/*-----------------------------------------
Unique NYPL Stuff 
------------------------------------------*/

h1#logo {
/* display:block; */
float:left;  
width:450px; }

/* Top Search  */
div#topfind {
/* display:block; */
float:right; 
padding:10px; 
text-align:right; 
width:310px;
margin-top:10px;
}

#searchoptions {
width:8em;
}

#topsearch .searchbox {
width:8em;
}

#howdoyou {
/* display:block; */
float:left; 
text-align:right;
width:310px;
margin-top:26px;
}

#howdoyouoptions {
width:13em;
}

/* Catalogs */
#leofind .searchbox, #catnypfind .searchbox {
width:11em;
}


.catalog {
margin-bottom:.5em;
} 

ul.catalog {

margin-left: 2px;
}

.catalog li:hover, .catalog li a:hover  {
list-style-image:none;
}

#collections, #news, #services, #featured, #calendar {
float:left;
/* display:block; */
margin:0; 
padding:0; 
}
 /* Featured Online, Books & Materials, Services */
#featured {
width:352px;
}
#collections {
width:230px;
margin-top:10px;
/* border-right:1px solid #ccc ; */
}
#services {
/*width:180px; */ 
margin-top:10px; 
border-left:1px solid #ccc ;
}
ul#serviceslist {
clear:both;
}

/* Calendar */
#calendar {

}

/* Headline News section */
#news {
margin:0;
padding:0;
height:135px;

}
#topstory {
width:100%; 
/*
height:174px;
*/
/* display:block; */
background-color:white; 
}
#topstory p {
margin-left:20px;
padding:0 0 6px 0;
}
#topstoryart {
width:155px; 
height:174px;
/* display:block; */
float:right; 
margin-left:5px;

}
#enews {
float:right;
margin-left:10px;
width:99px;

}
#press {
height:30px;
margin:0;
padding:0;
background-color:#ecf0b4;
}
#press2 {
height:30px;
margin:0;
padding:0;
background-color:#e6e6e6;
}
#secondarynews {
padding-top:7px;
}
#secondarynews p {
margin-left:20px;

}
#morenews {
float:right;
margin-right: 10px;
}

/*Footer Elements */
#promobanners img {
margin-right: 0px;
margin-left: 0px;
}






#bottomnav {
margin:0;
padding: 5px 0 5px 10px;
background-color:#c6282d;
color:white;
}
/* */#bottomnav a {
color:white;
} 
#legalinfo {
font-size:smaller; 
padding:5px;
}
#legalinfo a {
color:black;
}


/* Margins, Padding */
.sections {
padding-top:0;
margin-left: 15px;
}
.nobottom {
margin-bottom:0;
padding-bottom:0
}
.first {
margin-top:0;
padding-top:0
}
.space2 {
margin: 10px 0px 30px 10px;
}

/* Styles for the Calendar Scroller */
#pscroller1 {
/* position: relative; 
overflow:auto;*/
width: 360px;
height: 120px;
padding: 5px;
margin: 0 0 3px 15px;
}

#pscroller1 a {
text-decoration: none;
color: #000;
}
#pscroller1 a:hover {
text-decoration: underline;
color: #d2232a;
}

.linker {
margin-left:20px;
color: #d2232a;
}
.linker a {
text-decoration: none;
color: #d2232a;
}
.linker a:hover {
text-decoration: underline;
}

.innerDiv {
position: absolute;
width: 100%;
}
/* End styles for Calendar Scroller */

/* subnav block */

	
	
	
	
	
	
/* BEGIN Story */

div.story {
	_background: white;		
	margin-bottom: 8px;
	margin-top: expression( this == this.parentNode.firstChild ? "0px" : "12px" ); 
	}
				
div.story:first-child {
	margin-top: 0;
	}
				
div.story h1,
div.story h2,
div.story h3,
div.story h4,
div.story h5 {
	font-weight: bold;
	line-height: inherit;
	margin: 0;
	padding: 0;
	font-size: 125%; 
	font-family: Georgia, "Times New Roman", Times, serif;
	}
				
.byline {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	}

span.timestamp, div.story div.byline span.timestamp {
	color: #a81817;
	}

div.story p.summary {
	margin: 2px 0 0 0;
	font-size: 100%;
	font-family: Georgia, Verdana, "Times New Roman", Times, serif;
	line-height: 1.35em;
	color: #333;
	}
				
div.story div.kicker {
	color: black;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	}
				
div.story div.callout,
img.callout {
  float: right;
  margin-left: 24px;
  margin-bottom: 12px;
  font-size: 92%;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  }

.callout .credit {
  font-size:91%;
  }

div#main div.bColumn div.story div.callout {
	margin-left: 0;
	}
					
div.story div.callout div.calloutTools {
	float: right;
	}				

div.story div.callout div.calloutTools a.enlargeTool {
	display: block;
	padding-left: 10px;
	background: transparent url(/images/article/functions/enlarge_icon.gif) no-repeat 0 0;
	}
				
div.story div.callout img {
	border: none;
	padding: 0;
	}
					
div.story div.callout div.credit {
	text-align: right;
	color: #666666;
	}

div#main div.bColumn div.story h1,
div#main div.bColumn div.story h2, 
div#main div.bColumn div.story h3,
div#main div.bColumn div.story h4,
div#main div.bColumn div.story h5 {
	font-size: 100%;
	}

div#main #abColumns div.columnGroup#readersOpinionsColumnGroup div.story h5 {
	font-size: 85%;
	}
	
/* END Story */