/*
** homeLayout.css
** 
** Version 1.1 - 06 February 2007
*/

#wrap {
	background-color: #fff;
	padding: 0 0 2em 0; /* padding: 0 0 4em 0; */ /* Changed by JAK 11/12/2014 */ 
}
/*-------------------------------------------------
Border below Global Navigation
-------------------------------------------------*/
#globalNav ul {
	border-bottom: 5px solid #4d4d4d;
}
/*-------------------------------------------------
leftColumn / Exhibitions + Reserch Projects
-------------------------------------------------*/
		
#leftColumn {
	float: left;
	/* width: 548px; Original width */
	width: 648px;
}
#leftColumn div#mainImage img {
	margin-bottom: 20px;
}
#leftColumn div#leftGutter {
	padding: 0 20px 0 20px;
	margin: 0 0 0 0;
	background: url(../_img/homeBorder.gif) repeat-y right;
}
#leftColumn div#leftGutter h2 {
	text-transform: uppercase;
	font: 90% Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin: 0 0 .5em 0;
}
#leftColumn div#leftGutter a:link, #leftColumn div#leftGutter a:visited {
	text-decoration: none;
	color: #013367;
	font-weight: bold;
	font-size: 95%;
}
#leftColumn div#leftGutter a:hover, #leftColumn div#leftGutter a:active {
	text-decoration: underline;
}
#leftColumn div#leftGutter dl {
	display: block;
	padding: 0 20px 1.5em 0;
}
#leftColumn div#leftGutter dt img {
	float: left;
	margin: 0 10px 0 0;
	border: none;
	width: 79px;
	height: 79px;
	overflow: hidden;
}
#leftColumn div#leftGutter dd {
	line-height: 1.2em;
	margin: 0 0 0 90px;
}
/*-------------------------------------------------
leftColumn / Museum News
-------------------------------------------------*/
.row {
	display: block;
	margin: 0;
	padding: 0;
}
#leftColumn div#leftGutter .row dl {
	float: left;
	width: 235px;
	padding: 0 10px 1.5em 0;
}
#leftColumn div#leftGutter .row dt img {
	margin: 0 10px 0 0;
	border: none;
	width: 56px;
	height: 56px;
	overflow: hidden;
}
#leftColumn div#leftGutter .row dd {
	line-height: 1.2em;
	margin: 0 0 0 66px;
}
/*-------------------------------------------------
Right Column
-------------------------------------------------*/

#rightColumn {
	background: url(../_img/homeRoundCorner.gif) no-repeat;
	float: right;
	/* width: 223px; Original width*/ /*1px less than mockup required for float*/
	width: 262px; /* 39px added */
}
#rightColumn div#rightGutter {
	padding: 22px 22px 1em 20px; /* padding: 22px 22px 44px 20px; */ /* Changed by JAK 11/12/2014 */ /*gutters*/
}
#rightColumn div#rightGutter h2 {
	font-size: 90%;
	line-height: 1.1em;
	color: #595959;
	margin: 3em 0 .6em 0;
}
#rightColumn div#rightGutter h3 {
	font-size: 90%;
	line-height: 1.1em;
	color: #595959;
}
#rightColumn div#rightGutter p {
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	color: #4D4D4D;
}
#rightColumn div#rightGutter p.tagline {
	font-size: 105%;
	font-weight: bold;
	color: #000;
}
#rightColumn div#rightGutter dl {
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 2.0em 0;
	color: #4D4D4D;
	display: block;
}
#rightColumn div#rightGutter a:link {
	text-decoration: none;
	color: #013367;
	font-weight: bold;
}
#rightColumn div#rightGutter a:hover {
	text-decoration: underline;
}
#rightColumn div#rightGutter img {
	border: none;
	margin: 0 auto !important; /* margin: 0 10px 0 0; */ /* JAK changed 11/13/2014 */
	display: inline; /* fixes IE/win double margin bug*/
	padding: 0; /* padding: 0 0 1.5em 0; */ /* JAK changed 11/12/2014 */
	max-width: 100%;  /* JAK added 11/12/2014 */
	height: auto;  /* JAK added 11/12/2014 */
	text-align: center;
}

/*-------------------------------------------------
Added by Jim Kochert on 6-17-2008 to remove excess space under the images 
used in the IMAX and Jazz Cafe listings in the right column of the NMNH Home Page
under the heading of ACTIVITIES.
-------------------------------------------------*/

#rightColumn div#rightGutter dt.img img {
	padding: 0 0 0 0 !important;
	margin-bottom: 0 !important;
}
/*-----------------------------------
Fixes for IE 5+6
-------------------------------------------------*/

/* CSS for highlights and notices. Moved here from head tag of home page by JAK. */
.red, #rightColumn div#rightGutter p.red {
	color: #FF0000;
}
.redalert, #rightColumn div#rightGutter p.redalert {
	color: #FF0000;
	font-weight: bold;
}
dt {
	clear: both;
}
dd + dt {
/* margin-top:1em; */
}

/* CSS for list of badges and buttons. Moved here from head tag of home page by JAK.  */
ul.buttons {
	list-style-type: none;
	clear: both;
	text-align: center;
}
ul.buttons li, ul.buttons li a {
	clear: both;
	margin: 0 !important;
	text-align: center;
}
/* New CSS for horizontal list of badges and buttons. Moved here from inline CSS of home page by JAK.  */
ul#buttons2, ul#buttons2 li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* CSS for list of IMAX movies. Moved here from head tag of home page by JAK.  */
ul.movielist2 {
	list-style-type: none;
	list-style-image: url(../_img/film_strip_icon.png);
}
ul.movielist2 li {
	/* padding-left: 63px; */
	list-style-position: outside;
	vertical-align: middle;
	line-height: 16px;
}
/* Added CSS in order to standardize width of Twitter feed widget */
#twitter-widget-0 {
	width: 212px;}