/* CSS Document */
/* NMRMA */
html {height:100%;}
 
body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*color:#55646f;*/ 
	background:#f0f0f0 url(../images/bg.jpg) repeat-x 0 0;
    width:100%; 
	font:12px/18px Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0 auto;

}


body * {text-align:left;}
.hidden {display: none;}

/* GLOBAL DEFAULTS
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}

ol
{
	display: block;
	list-style-position: inside; 
}

h3 {font-size:13px; color:#789d1e;margin-bottom:-5px;}

h3.big {font-size:15px; color:#789d1e;margin-bottom:-5px;}
h4 {font-size:11px; color:#6c6760;margin-bottom:-5px;}

h5 {font-size:13px; color:#574a35;margin-bottom:-5px;}


a:link, a:active, a:visited  {color: #308ea0; text-decoration:underline;font-weight:normal;}
a:hover {color: #071c51; text-decoration:underline;}

a:focus { outline: none;}

b {color:#4d4539;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:2px;
	border:0px;
}

img.left {
	float:left;
	margin:2px;
	border:0px;
}

p, td, div
{	
	font-size: 11px;
	line-height: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color:#5c5c5c;
}

p {	margin: 9px 0 0 0; }

ul {margin:0px; padding:0px;}


.dining { padding-top:35px; }





	  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0px auto 0px auto;
	width: 980px;
	background:#ffffff;
	border:4px solid #fff;
	text-align:left;
	
}

#header
{
	width: 980px;
	height: 140px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	position:relative;
	
}

#contentcontainer
{
	width: 980px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	position:relative;
	border:0px solid #ddd;
	
}



/* MISC. HEADER OBJECT STYLES
========================================*/
.logo { width:385px; margin: 0px 0px 0px 0px; padding:0;float:left;position:relative; display:inline;}
.headrightcol { width:595px; float:left; margin: 20px 0px 0px 0;position:relative; display:inline;}

.randompic {position:absolute; z-index:400; }
.smithsoniantag {
	position:absolute;
	z-index:500;
	top:34px;
	left:554px;
}
.topsquare {position:relative; z-index:300; }




#contentcontainer /*this is holding everything below the header div */
{
	width: 980px;
	position:relative;
	float: left;
	margin-top:4px;
}


#leftcol /*holds the side navigation */
{
	width: 260px;
	float: left;
	margin: 0px 5px 0px 0px;	
}



#maincol /*main content area */
{
	width: 715px;
	float: left;
	margin: 25px 0px 20px 0px;
	padding-top:8px;
	
}



#maincolwide /*main content area */
{
	width: 975px;
	float: left;
	margin: 30px 0px 20px 0px;
}


#content {margin:10px 50px 0px 20px; text-align:left;}


/* UNORDERED LISTS
========================================*/


#content ul {
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	
}

#content ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 12px;
	padding-bottom: 4px;
	position:relative
}

#content ul.links li
 /* basic lists in content area */
{ 
	background: url(../images/bullet_arrow.gif) no-repeat 0 4px;
	padding-left: 12px;
	padding-bottom: 5px;
	position:relative
}

ul.double { float: left; width: 630px; margin: 5px 0 15px 5px; padding: 0px 0 0 0px; list-style: none;display:block;}
ul.double li { float: left; width: 300px; margin: 0; padding: 0 0 0 12px;}

ul.triple { float: left; width: 655px; margin: 5px 0 15px 5px; padding: 0px 0 0 10px; list-style: none;display:block;}
ul.triple li { float: left; width: 200px; margin: 0; padding: 0 0 0 12px; }






/* MISC. CONTENT OBJECT STYLES
========================================*/

.contact {margin-left:25px; float:left;}
.specdate {color:#606a11;}
.homecoltwoADS {
	float:left;
	width: 182px;
	margin: -5px 0px 0px 215px;
	padding: 5px;
	border: solid 0px #ff0000;
	
	
}

.randomsidepic {border-bottom:12px solid #914f96;}


/* COLUMNS IN CONTENT
========================================*/

.contentleft /*main content area */
{
	float: left;
	position:relative;
	width: 350px;
	margin: 0px 0px 0px 0px;

}
.contentright /*main content area */
{
	position:relative;
	width: 260px;
	float:left;
	margin: 0px 0px 0px 30px;
}

.contentwide /*main content area - used on features page */
{
	position:relative;
	width: 695px;
	float:left;
	margin:10px 15px 0px 20px !important;
	margin:10px 15px 0px 10px;
	
	
}

.contentnarrow /*main content area - used on features page*/
{
	position:relative;
	width: 225px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding-left:5px;
	border-left: 1px solid #dddddd;
}

.wide /*main content area */
 { width: 500px; }

.narrow /*main content area */
{ width: 175px;}


.small {font-size:10px; line-height:12px; color:#aaaab2;}
.special {color:#473b27; text-transform:uppercase;}


/* FOOTER STYLES
========================================*/



#footer
{
	width: 980px;
	float:left;
	background:#fff;
	border-top:1px solid #ddd;
	border-bottom:12px solid #96b831;
	padding:8px 0 8px 0;
}

.footerinfo
{
	float:left;
	margin:0px 0px 0px 15px;
}

.aza
{
	float:left;
	margin:3px 0px 0px 15px;
}


.copyright
{
	font-size: 10px;
	line-height: 16px;
	color: #6e6557;
	float:right;
	text-align: right;
	margin:10px 15px 0px 0px;
}

#hmlogofooter
{
	width: 980px;
	float:left;
	background:#fff;
	border-top:1px solid #958c83;
	padding:8px 0 8px 0;
	margin:5px 0px;
}



/* NAVIGATION
========================================================================*/   
#mainnav 
{
        width: 980px;
		height: 35px;
        margin: 0px 0 10px 0;
        padding: 0px;
		background-color:#358b7c;
  		border-top:4px solid #fff;
  		text-align:center;
}


#mainnav ul
{
        margin: 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
        border:0px solid #ff0000;
}

#mainnav li
{		
        display:inline;
        margin: 0px;
        padding:0;
        position: relative;        
}



.mainnavlink {padding:0px 0px;}

.mainnavlink {
	color:#ffffff;
	font-size: 15px;
	text-transform:uppercase;
} 





/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/

span.highlight { visibility: hidden}

body#features li.onfeatures span.highlight,
body#home li.onhome span.highlight,
body#visitor li.onvisitor span.highlight,
body#groups li.ongroups span.highlight,
body#rental li.onrental span.highlight,
body#theater li.ontheater span.highlight,
body#store li.onstore span.highlight

{ position: absolute;
  background: url(../images/navhighlight.gif) no-repeat;
  top:-24px !important;
  top:0px;
  left: 17px;
  z-index:900;
  width: 13px;
  height: 8px;
  visibility: visible;
}

/*secondary nav option 1*/

span.highlightsm { visibility: hidden}

body#about li.onabout span.highlightsm,
body#memberships li.onmemberships span.highlightsm,
body#press li.onmedia span.highlightsm,
body#partners li.onpartners span.highlightsm,
body#employmentvol li.onvol span.highlightsm,
body#employmentjobs li.onemployment span.highlightsm

{ position: absolute;
  background: url(../images/navhighlight_sm.gif) no-repeat 0px 0px;
  bottom:-7px;
  left:7px;
  z-index:900;
  width: 13px;
  height: 8px;
  visibility: visible;
}



/*secondary nav option 2*/
/*body#about li.onabout,
body#memberships li.onmemberships,
body#press li.onmedia,
body#partners li.onpartners

{  background: #fff;padding:2px;}*/



/* SECONDARY NAVIGATION
========================================*/

#secnav /* Secondary nav is above the main navigation */
{
	width: 585px;
	margin: 7px 0 0px 0px;
	text-align:right;
	background:#fff;
	padding:0px 8px 4px 0px;
	border:0px solid #ddd;
	
}

#secnav ul li{
         display:inline; list-style-type: none; border-right:1px solid #ddd; position:relative;}

#secnav ul li a:link, #secnav ul li a:visited {
		text-decoration: none;
		color: #8a8989; 
		font: 10px Helvetica, Arial, sans-serif;
		font-weight:normal;
		text-transform: uppercase;
		padding:0px 10px 0px 7px;
		letter-spacing:0;
		
} 
#secnav ul li a:hover{
		color: #008e75;  
} 

.iconnav {float:right; margin-top:-5px;}

/*.igiveicon {float:right; margin-top:5px; margin-right:5px; border: solid 0px #ff0000;}*/

.igiveicon {margin-left:10px; margin-top:5px; border: solid 0px #ff0000;}

/* SUB NAVIGATION
========================================*/

.subnav /* subnavs in the middle fo the pages */
{
	width:auto;
	height:22px;
	margin: 12px 0 0 0;
	background:#dde6e8;
	padding: 6px 0px 0px 20px !important;
	padding: 6px 12px 6px 20px;
}


.subnav a:link, .subnav a:visited,
.subnavwide a:link, .subnavwide a:visited {
		text-decoration: none;
		color: #8a8989; 
		font: 11px Helvetica, Arial, sans-serif;
		font-weight:bold;
		padding:0 6px;
		letter-spacing:0;	
} 

.subnav a:hover, .subnavwide a:hover {
		color: #626b6c;  
		font: 11px Helvetica, Arial, sans-serif;
		font-weight:bold; 
		text-decoration:underline;
} 

.supersub {margin:5px 0 0 50px;}

/* SUB NAVIGATION HIGHLIGHTS 
========================================*/

body.convpartners a.navconvpartners,
body.commpartners a.navcommpartners,
body.affpartners a.navaffpartners,
body.abouthist a.navabouthist,
body.aboutboard a.navaboutboard,
body.aboutarchives a.navaboutarchives,
body.pressmain a.navpressmain,
body.logos a.navlogos,
body.pressphotos a.navpressphotos,
body.member a.navmember,
body.student a.navstudent,
body.vpd a.navvpd,
body.overnight a.navovernight,
body.newsletter a.navnewsletter,
body.hof a.navhof,
body.ecocruise a.navecocruise,
body.histsites a.navhistsites,
body.stay a.navstay,
body.directions a.navdirections,
body.hours a.navhours,
body.rentinfo a.navrental,
body.webcam a.navwebcam,
body.storemain a.navstorefront,
body.nowplaying a.navplaying,
body.employmain a.navemploy,
body.employapp a.navemployapp

{  background: #edf4f6;padding:3px;}

	
	
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none;}


body#press .submedia  { display: block;}
body#about .subabout { display: block;} 
body#visitor .submenu.subvisitor  { display: block;}
body#groups .submenu.subgroups { display: block;}
body#partners .submenu.subpartners { display: block;}
body#hallfame .submenu.subfame { display: block;}
body#features .submenu.subfeatures { display: block;}
body#store .submenu.substore { display: block;}
body#memberships .submenu.submemberships { display: block;}
body#rental .subrental { display: block;}
body#webcam .subwebcam { display: block;}
body#employment .subemployment { display: block;}
body#theater .subtheater { display: block;}


.supersub { display: none;}

body#groups.student .supersub.student { display: block;}
body#features.fame .supersub.fame { display: block;}
body#features.sites .supersub.sites{ display: block;}




/* FLOAT CLEAR FIX
========================================================================*/   

.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 */



/* FORMS
========================================================================*/   
input, textarea, select, checkbox, option {
	color: #000000;
	font-weight: normal;
	background-color: #f2f1ef;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #bbb3ab;
}

.submit {
	color: #000000;
	background-color: #c8b85d;
	font-weight: normal;
	font-size: 10px;
	padding: 2px;
	border: 1px solid #a2923a;
}


/* HOME PAGE STYLES
========================================*/

.hmcolone {width:170px; float:left; margin: 12px 4px 20px 0px;border:0px solid #ff0000;}
.hmcoltwo {width:525px; float:left; margin: 12px 0px 20px 0px;border:0px solid #0000ff;}

.hmcoltwoa {width:210px; float:left; margin: 0px 0px 20px 0px;border:0px solid #0000ff;}
.hmcoltwob {width:290px; float:left; margin: 20px 0px 20px 0px;border:0px solid #ff0000;}

#hmmaincol /*main content area */
{
	width: 708px;
	float: left;
	position:relative;
	display:inline;
	margin: 4px 4px 20px 0px;
	padding:0px;
	border:0px solid #ddd;

}

#hmleftcol /*holds the right side content */
{
	
	width: 265px;
	float: left;
	position:relative;
	display:inline;
	margin: 4px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	border:0px solid #ddd;

}

#welcomeblock 
{
	background:#166d98 url(../images/bg_adventure.jpg);
	width: 265px;
	height:267px;
	float: left;
	margin: 0px;	
	position:relative;
}

.welcomehd { 
	margin: 20px 0px 18px 20px;
	}

#welcomeblock p
{
	
	margin: 0px 5px 0px 15px;	
	clear:both;
}

 
 .opendaily {margin:0px 0 0px 110px;padding-top:6px;float:left;color:#3aabe3;font-weight:bold;font-size:13px;}
 
.nrhfbanner { margin:15px 0 0 0px; width:264px;border:0px solid #000;float:left;position:relative;}

		
		
		
/*Features*/

#feats, #feats2, #feats3, #feats4  {display:block; clear:both; float:left; width:690px;border-bottom: 3px solid #dde6e8;}

#feats ul,
#feats2 ul,
#feats3 ul,
#feats4 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#feats ul li,
#feats2 ul li,
#feats3 ul li,
#feats4 ul li {
background:none;
  float: left;
  padding: 10px;
  display: block;
  margin-right: 0px;
}

#feats ul li a,
#feats2 ul li a,
#feats3 ul li a,
#feats4 ul li a {
  display: block;
  overflow: hidden;
  height: 130px;
  width: 130px;
  text-decoration:none;
}

#feats .a1,
#feats2 .a1,
#feats3 .a1,
#feats4 .a1 {
  width: 320px;
}


#feats ul li img,
#feats2 ul li img,
#feats3 ul li img,
#feats4 ul li img {
  position: absolute;
  border: 3px solid #2c6f76;
}

#feats ul li p,
#feats2 ul li p,
#feats3 ul li p,
#feats4 ul li p {
  margin: 0;
  padding: 0;
  width: 180px;
  display: block;
  margin-left: 140px;
}
.moreinfo {color: #308ea0; font-weight:bold;text-decoration:none;}


/* STORE
========================================*/
.storenavs 
{
	width: 160px;
	text-align:left;
	float:left;
}
.storerow {float:left;border-bottom:1px solid #958c83; width: 965px;}

.products {float:left; width:165px;text-align:center;padding:10px 10px; display:inline;}

.storeimg {max-width:120px; max-height:120px;}

.pagepic {float:right; margin:-55px -50px 20px 20px !important; margin:-55px -53px 20px 20px;position:relative;padding-left:10px;}


.tableA td {border-bottom:1px solid #bbb3ab;}
.rule {border-bottom:1px solid #bbb3ab;height:10px;}

.mainfeature {display:block; border:0px solid #b4a99f;float:left;margin-bottom:20px;background:#d0c8bf; width:685px;}
.mainfeature p {color:#473e31; margin-left:200px;}
.mainfeature b {color:#241c10; font-size:14px;}


/* Contact Information / Twitter */
#socialmedia
{
	position: relative;
	float:left;
	margin: 5px 0px;
}

#socialmedia ul
{
	width: 275px;
	float: left;
	padding: 5px 0px 10px 0px;
	list-style-type: none;
	border:0px solid #ddd;
}

#socialmedia ul li
{
	height: 24px;
	width: 70px;
	line-height: 24px;
	color: #ffffff;
	background: transparent;
	margin-left: 10px;
	padding-left: 24px;
	white-space: nowrap;
	border:0px solid #ddd;
	float:left;
}



#socialmedia ul li#twitter {
background: 			url(../images/icons/icon_twitter.jpg) no-repeat left;
}

#socialmedia ul li#facebook{
background: 			url(../images/icons/icon_facebook.jpg) no-repeat left;
}

#socialmedia ul li#youtube {
background: 			url(../images/icons/icon_youtube.jpg) no-repeat left;
}

#socialmedia ul li#flickr {
background: 			url(../images/icons/icon_flickr.jpg) no-repeat left;
}




/* Bigger Bullets 
========================================*/
.PDFdownload a {
		display:block;
		width: 200px;
		/*text-transform:uppercase;*/
		margin: 10px 20px 3px; 
		padding:8px 0 5px 25px;
		font: normal 11px/1.2 sans-serif;
		background: url("../images/icon_pdf.jpg") no-repeat;
		text-decoration: none;
		}
.PDFdownload a:hover {	
		background: url("../images/icon_pdf2.jpg") no-repeat;
		}
.PDFdownload a:active {
		background-position: -314px 0;
		color:white;
		}
		
		
	 
.ifocus { width:689px; height:244px;border:1px solid #DEDEDE; background:#F8F8F8;}
	.ifocus_pic { display:inline; position:relative;float:left;width:570px; height:225px; overflow:hidden; margin:10px 0 0 10px; }
		.contentlist { position:absolute;left:0;top:0; }
		.contentlist li { width:570px; height:225px; overflow:hidden; display:none}
		.contentlist img { width:570px; height:225px;}
	.btnlist { display:inline; float:right; width:91px; margin:9px 9px 0 0;}
		.btnlist li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		.btnlist img { width:75px; height:45px; margin:7px 0 0 11px; }
		.btnlist .current { background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	.ifocus_opdiv { position:absolute; left:0; bottom:0; width:570px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	 .textlist { position:absolute; left:8px; bottom:8px; color:#FFF; }
	 .textlist a { color:#FEF400; text-decoration:none}
		.textlist li { display:none; }

.mainfeatures {float:left;width:680px;position:relative; margin-bottom:10px;border:0px solid #000;}
.mainfeatpic {float:left;width:190px;position:relative;}
.mainfeatcontent {float:left;width:470px;position:relative;margin-left:200px;}
.mainfeathd {font-size:20px; color:#000;margin:20px 0;}

#featanimation {width:190px;position:relative;float:left;}
#featanimation img {border:5px solid #6dcce7;}


.mainfeatcontent p {color:#333;}
.mainfeatcontent b {color:#222;}

.mainfeatures.green {background:green url(../images/featbg_green.jpg);padding:5px;}
.mainfeatures.orange {background:orange url(../images/featbg_orange.jpg);padding:5px;}
.mainfeatures.pink {background:pink url(../images/featbg_pink.jpg);padding:5px;}
.mainfeatures.cyan {background:#45b9ec url(../images/featbg_cyan.jpg) no-repeat;padding:5px;}

a.gallerialink:link, a.gallerialink:active, a.gallerialink:visited  {color: #ffffff; text-decoration:none;font-weight:bold;}
a.gallerialink:hover {color: #ffffff; text-decoration:underline;}