/* CSS Document */
/* NMRMA */


body
{
	text-align:center;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/bg.jpg) repeat-x;
}


.mcnote {color: #ff0099; font-size:14px;}



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

h3 {font-size:14px; color:#899337;margin-bottom:-5px;}
h4 {font-size:11px; color:#6c6760;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:#6c6760;}

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: "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#6c6760;
}

p {	margin: 9px 0 0 0; }

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







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

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

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



/* MISC. HEADER OBJECT STYLES
========================================*/
.logo { margin:0px !important; margin: 0px 0px 0px -3px; padding:0;float:left; width:385px; height:120px;}


.headrightcol,
.randompic,
.smithsoniantag,
.topsquare 

{ display:none;}




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


#leftcol /*holds the side navigation */
{ display:none;}



#maincol /*main content area */
{
	width: 95%;
	float: left;
	margin: 30px 0px 20px 0px;
	
}



#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: 655px; margin: 5px 0 15px 5px; padding: 0px 0 0 10px; list-style: none;display:block;}
ul.double li { float: left; width: 315px; 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;}


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

.contentleft /*main content area */
{
	float: left;
	position:relative;
	width: 325px;
	margin: 10px 30px 0px 30px !important;
	margin: 10px 30px 0px 15px;

}


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

.contentwide /*main content area */
{
	position:relative;
	width: 695px;
	float:left;
	margin:10px 15px 0px 20px;
	
}
.contentnarrow /*main content area */
{
	position:relative;
	width: 230px;
	float:left;
	margin: 0px;
}

.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
{
	    display:none;
}

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


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



/* NAVIGATION
========================================================================*/   
#mainnav,
#mainnav ul,
#mainnav li 
{
    display:none;
}



.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#store li.onstore span.highlight

{ position: absolute;
  background: url(../images/navhighlight.gif) no-repeat;  
  top:-24px; 
  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

{ 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 */
{ display:none;}


.iconnav { display:none;}

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

.subnav /* subnavs in the middle fo the pages */
{ display:none;}


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

{  background: #fff;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;}


.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:290px; float:left; margin: 4px 0px 20px 0px;}
.hmcoltwo {width:411px; float:left; margin: 4px 0px 20px 0px;}

#hmmaincol /*main content area */
{
	width: 705px;
	float: left;
	margin: 4px 0px 20px 0px;
	padding:0px;

}

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

}

#welcomeblock 
{
	background:#d0cbc4;
	width: 260px;
	height:297px;
	float: left;
	margin: 0px 0px 0 0px;	
	position:relative;
}

#welcomeblock p
{
	
	margin: 0px 5px 0px 15px;	
	clear:both;
}
.welcomefooter 
 {background: url(../images/hmleftcolfooter.gif) no-repeat;
 width:261px;
 height:54px;
 margin-top:15px;
 clear:both;
 position:absolute;
 left:0px; bottom:0px;  text-transform:uppercase;}
 
 .opendaily {margin:0px 0 0px 110px;padding-top:6px;float:left;}
 
#leftbottom { margin:10px 0 0 20px;float:left;}


/* Bigger Bullets 
========================================*/
.bigbutton a {
		display:block;
		width: 190px;
		text-transform:uppercase;
		margin: 1em 0; 
		padding:8px 0 10px 35px;
		font: bold 11px/1.2 sans-serif;
		background: url("../images/gobullet1.jpg") 0 0px no-repeat;
		text-decoration: none;
		}
.bigbutton a:hover {	
		background: url("../images/gobullet2.jpg") 0 0 no-repeat;
		}
.bigbutton a:active {
		background-position: -314px 0;
		color:white;
		}
		
		
		
/*Features*/

#feats, #feats2, #feats3 {display:block; clear:both;float:left;width:680px;}

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

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

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

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


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

#feats ul li p,
#feats2 ul li p,
#feats3 ul li p {
  margin: 0;
  padding: 0;
  width: 180px;
  display: block;
  margin-left: 140px;
}


/* 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;}

.mainfeature {display:block; border:3px double #b4a99f;float:left;margin-bottom:20px;}