/*
** base.css
** 
** Version 0.0 - 22 August 2006
*/

*  {		
	margin: 0;
	border: 0;
	padding: 0;
} 
	
body { 
	background: #6B6B6B;
	color: #000;
	text-align: center; /* part 1 of 2 centering hack */
}

/*-------------------------------------------------
Content Wrapper / Centers Layout
-------------------------------------------------*/

#wrap {
 	background-color:#fff; /*fix for grey flash?*/
	border: 1px solid #000;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto; 
	text-align:left; /* part 2 of 2 centering hack */
	width: 771px;
}

* html #wrap { 
	width: 773px; /*fixes for IE5win*/
	w\idth: 771px; /*fixes for IE6win/IE5mac */
}

/*-------------------------------------------------
Masthead / Logo / Search Form
-------------------------------------------------*/

#mastHead 	{
	width: 771px;
	position: relative;
	background: #000 url(../_img/headerMastHead.gif) no-repeat; 
}

#mastHead h1 span{
	position: absolute;
	top: -5000px;
	left: 0;
}

#mastHead h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 74px;
	background: #000 url(../_img/headerMastHead.gif) no-repeat;
	width: 369px;
	float: left;
}

/*-------------------------------------------------
Search Form
-------------------------------------------------*/

#searchForm {
	padding: 10px 10px 0 586px;
	height: 74px;
}

#qt {
	width: 10em;
	/*width:136px;*/
	background: #CCC;
	margin-right: .1em;
	vertical-align: middle;
}

#qt, #submit {
	vertical-align: middle;
}

#searchForm p {
	margin: 4px 0 0 0;
}

#searchForm label {
	position: absolute;
	top: -500px;
}

#searchForm fieldset {
	border: 0;
}

#searchForm a:link, #searchForm a:visited  {
	color: #ccc;
	font-weight: normal;
	text-decoration: underline;
}

#searchForm a:hover, #searchForm a:active {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/*-------------------------------------------------
Global Navigation
-------------------------------------------------*/

#globalNav {
	background: #808080;
	width: 771px;
}

#globalNav ul     {
	list-style: none;
	width: 771px;
	background: #808080;
	float: left;
}

#globalNav ul li {
	text-align: center;
	float: left;
}

#globalNav ul a  {
	display: block;
	/*line-height: 2.1em;
	line-height: 24px;*/
	text-decoration: none;
	color: #fff; 
	font-size: 11px;
	background: #808080 url(../_img/headerGlobalNavDiv.gif) no-repeat right; 
	padding: 5px 0 8px 0; /* fix for text resize, or convert to line height above?*/
}
		
#globalNav ul a:hover {
	background: #A6A6A6 url(../_img/headerGlobalNavDiv.gif) no-repeat right;
}

#globalNav ul li a.lastlist {
	background:#808080;
}

#globalNav ul li a:hover.lastlist {
	background: #A6A6A6;
}

#globalNav ul a.menuPlan {
	width: 102px;
}

#globalNav ul a.menuExhibitions {
	width: 88px;
}

#globalNav ul a.menuEducation {
	width: 79px;
}

#globalNav ul a.menuResearch {
	width: 147px;
}

#globalNav ul a.menuExplore {
	width: 109px;
}

#globalNav ul a.menuAbout {
	width: 76px;
}

#globalNav ul a.menuInvolved {
	width: 93px;
}

#globalNav ul a.menuCalendar {
	width: 77px;
}

/*-------------------------------------------------
Side Content / Sub Content / Left & Right Columns
-------------------------------------------------*/
#sideContent {
	float: left;
	width: 175px;
	padding-bottom: 40px; /* for content light pages */
}

#sideContent div.sideGutter  {
	/*padding-top: 6px; gutters*/
	padding: 20px 11px 4px 11px;
	}

#sideContent h1 	{
	margin: 0;
}

#sideContent h1 .deptof {
	display: block;
}

#sideContent h1 .deptname {
	display: block;
}

#sideContent img { /* image should be placed outside of div#gutter */
	margin: 10px 0 0 0;
	width: 175px;
	overflow: hidden;
}

#sideContent div.sideGutter img { /* image should be placed inside of div#gutter */
	margin: 10px 0 0 0;
	width: 153px;
	overflow: hidden;
}

#sideContent h2 {
	padding: 14px 0 4px 0;
}

#sideContent ul, #subContent ul,  #floatbox ul {
	list-style-type: none;
	padding: 0 0 4px 0;
	margin: 0px;
}

#sideContent ul li, #subContent ul li{
	margin-bottom: .4em;
}

#sideContent ul ul, #subContent ul ul {
	list-style-type: none;
	padding: 0 0 8px 0;
	margin: 0px;
}

#sideContent ul ul li, #sideContent ul ul li {
	margin-bottom: .2em;
}

/*-------------------------------------------------
Breadcrumbs
-------------------------------------------------*/

#mainContent div#breadCrumb {
	background: #fff;
	border-bottom: 1px solid #fff; /*forces bg color down/match bg color*/
	padding: 10px 0 0 0;
}

#mainContent div#breadCrumb ul {
	display: inline;
	list-style: none;
} 

#mainContent div#breadCrumb ul li {
	display: inline;
}

#mainContent div#breadCrumb h1	{
	margin-bottom: 0.3em;
	padding: 22px 0 0 0;
}

/*-------------------------------------------------
Main Content Footer
-------------------------------------------------*/
#mainContent div#mainFoot {
	background: #fff;
	border-bottom: 1px solid #fff; /*forces bg color down/match bg color*/
	padding: 30px 0 30px 0;
	clear: both; 
}

#mainContent div#mainFoot p {
	margin: 0;
}

#mainFoot a.top {
	border-bottom: 1px solid #FFF;  /*stops 1 pixel shifting*/	
	padding-left: 1em;
	text-decoration: none;
}

#mainFoot a:hover.top {	
	padding-left: 1em;
	text-decoration: none;
}
	
/*-------------------------------------------------
Footer
-------------------------------------------------*/

#footer {
	margin: 1em auto;
	width: 771px;
	padding-bottom: 1em;
}

#footer ul {
	color: #fff;
	font-size: 7pt;
}

#footer ul li { 
	display: inline;
}

#footer ul li a {
	color: #fff;
	float: left; /*eliminates blue underline in IE5 mac*/
	border-left: 1px solid #fff;
	padding: 0 .6em;
}

#footer ul li a:link, #footer ul li a:visited {
	text-decoration: none;
}

#footer  ul li a:hover, #footer  ul li a:active {
	text-decoration: underline;
}

#footer ul li a:link.firstlist, #footer ul li a:visited.firstlist, #footer ul li a:hover.firstlist, #footer ul li a:active.firstlist {
	border-left: 1px solid #6B6B6B;
	padding-left: 0;
}

/*-------------------------------------------------
Practical Classes & IDs
-------------------------------------------------*/
		
.clear	 {
	clear: both; 
}

/*-------------------------------------------------
Styles added by Harold Maduro June 9, 2006
-------------------------------------------------*/	

 #mainArticle ul {
  margin-left: 20px;
  list-style-type: square;
}
			
			
#mainArticle ul li {	
  margin-bottom: 10px;
}	

.description {
  font-size: 0.8em;
  color: #999;
}

/*  Extra Styles CSS File from Harold Maduro
    National Museum Natural History
	Added by JAK to base.css on 10-August-2006
	
	Harold Maduro
	maduroh@si.edu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	



 img.thumbnail {
   margin: 0 10px 10px 0;
   padding: 5px;
   border: 1px solid #ccc;
   
   float: left;
   
 }

#mainContent  h2, #mainContent  h3, #mainContent  h4 {
   color: #343434;
   
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
} 
 
#mainContent  h2 {
   font-size: 1.6em;
}

 
#mainContent  h3 {
   font-size: 1.3em;
}

 
#mainContent  h4 {
   font-size: 1em;
}




/* SideContent  -- Left Column */

#sideGutter p {
 margin: 0 5px;
 
 font-size: 0.8em;
 line-height: 1.2;
}

/* SubContent -- Right Column */

#mainContent  div#subContent p {
 color: #999;
 
 font-size: 0.9em;
 line-height: 1.3;
}

#mainContent  div#subContent img {
 
  padding: 5px;
  
}

#mainContent  div#subContent img.photo_border {
 
  padding: 5px;
  
  border: 1px solid #ccc;
  
}

.photo_center {
  max-width: 500px;
  /* max-width:inherit; */
}

.photo_center, .photo_left, .photo_right  {
  margin: 0;
  padding: 0;

  text-align: center;

  display: block;
}

.photo_center img, .photo_left img, .photo_right img {
  padding: 5px;
  
  border: 1px solid #ccc;
}


#mainContent .photo_center p, #mainContent .photo_left p, #mainContent .photo_right p {
  margin: 5px 0 20px 0;
  padding: 0;
  
  color: #999;

  font-size: 0.8em;
  text-align: center;
}

.photo_right {
  width: 200px;
  margin: 5px 0 5px 20px;
  
  float: right;
}

.photo_left {
  width: 200px;
  margin: 5px 20px 5px 0;
  
  float: left;
}

/* Fixes added by JAK on 2006-09-29 */

input {
	vertical-align: text-top;
	border: 1px solid #999999;
}
select {
	vertical-align: text-top;
	border: 1px solid #999999;
}
.textTop {
	vertical-align: text-top;
	border: 1px solid #999999;
}