@import url("menubar.css");
@import url("footer.css");
@import url("mainSlider.css");
@import url("h4.css");

/* mainstyle.css
/* main layout style sheet for the home page
/* nmnaturalhistory.org
/* modified: May 25 2010

/*-- 0. NORMALIZATION --*/

/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0;  padding: 0; }

/* Normalize header font-size */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Remove list-styles */
ol, ul { list-style: none; }

/* Remove borders*/
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* Remove quotation marks from q */
q:before, q:after {content: '';}

/*-- End Normalization --*/



/*-- 1. BODY --*/

html {
	text-align: center;
}

body {
text-align: center;
background-color: #dae2e7;
  background-image: url(../images/body_glowdown4.png);
  background-repeat: repeat-x;
  background-position: top;
}

#wrapper  {
	width: 800px;
	background: url(../images/mainbkgj.png) repeat-y 50% 0;
	border-left: 3px solid white ;
	border-right: 3px solid white;
	position: relative;
	margin: 0 auto;
}


/*-- 2. TOP OF THE PAGE --*/

/*-- 2a. HEADING TEXT STYLES--*/
h1 {
	width: 100%;
	height: 80px;
	background: white url(img/header3.png) no-repeat 100% 0;
  text-indent: -9999px;
}

/*-- h4: headings in the three columns specified in h4.css --*/


/*-- search_form --*/
#search_form {
	height: 25px;
	float: right;
	margin: -30px 10px 0 0;
	padding: 0;
	text-align: right;
}


/*-- slider: div holding the rotating banner images --*/
/*-- see also scripts/nivoslider/nivo-slider.css --*/
 #slider {
	margin: 53px 0 0 0;
	position: float;
	background: #4b5d6c url(loading.gif) no-repeat 50% 50%; 
	width: 800px;
	height: 175px;
	border-top:3px solid white;
	border-bottom:3px solid white;
} 






/*-- 3. MAIN BODY (3 COLUMNS) --*/

/*-- encompass: div holding #maincontent + #rightcolumn --*/
#encompass {
	border-top: 3px solid #FFFFFF;
  background-image: url(../images/h4glowdown.png);
  background-repeat: repeat-x;
  background-position: top;
}


#encompass {
	text-align: left;
	font-family: Trebuchet, Trebuchet MS, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

#encompass p { margin-bottom: 10px; }

#encompass a {
	font-family: Trebuchet, Trebuchet MS, sans-serif;
	font-size: 13px;
	text-decoration: underline;
  color: #294C5E;	
}

#encompass a:hover {
	font-family: Trebuchet, Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #660000;
	text-decoration: underline;
}

/*-- maincontent: div holding #leftcolumn + #middlecolumn --*/
#maincontent {
	width: 513px;
	float: left;
	margin-left: 15px;
		/*background-image: url(../images/h4glowup.png);*/
	background-repeat: repeat-x;
	background-position: bottom;
}



/*-- 4. LEFT COLUMN --*/

#leftcolumn {
	width: 252px;
	padding: 0;
	float: left;
	text-align: center;
	
}


#leftcolumn a:hover {
	color: #660000;
}


h5, #leftcolumn h5, #middlecolumn h5, #rightcolumn h5 {
	font-family: Trebuchet, Trebuchet MS, sans-serif;
	font-size: 13px;
}


/*-- 4a. TODAY AT THE MUSEUM --*/

/*-- todaydiv: div for containing various showcalendars --*/
#leftcolumn #todaydiv {
		margin: 3px auto 5px auto;
		padding: 5px 0 0 0;
		width: 234px;
		text-align: center;
		background-image: url(../images/main/toggleboxtop.jpg);
		background-position-y: 0;
		background-repeat: repeat-x;
}


/*-- #todaydiv .todate: today's date at the top of the showcalendar list --*/
#leftcolumn #todaydiv .todate {
	margin: 0 8px 2px 8px;
	padding: 0;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color:#f9fff9;
}

/*-- #todaydiv #todaybox: contains the toggleable showcalendar lists --*/
#leftcolumn #todaydiv #todaybox {
	padding: 0 0 5px 0;
  background-color: #5d6970;
  background-image: url(../images/main/toggleboxshadow.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  text-align: center;

}




/*-- 5. MIDDLE COLUMN--*/

#middlecolumn {
	margin-left: 259px;
}

/*-- events: div for Upcoming events in the middle column --*/
.events {
	margin: 5px auto 4px auto;
	padding: 4px 0 10px 0;
	border: 1px solid white;
	background:  url(../images/main/toggleboxcontentbeige.png) repeat-x 0 25%;
	width: 215px;
}

#middlecolumn .events .registry a {
	font-size: 11px;
}

#middlecolumn .events p { margin: 2px 10px; }

#middlecolumn a, #rightcolumn a {
        text-decoration: none;
        font-weight: bold;
 }




/*-- 6. RIGHT COLUMN --*/
#rightcolumn {
	width: 252px;
	margin: 0 6px 0 530px;
	text-align: center;
}

 #announcements {
 	margin: 3px auto 20px auto;
	padding: 0;
	width: 100%;
	text-align: center;
}


.main_annote {
	margin: 0 auto 4px auto;
	padding: 2px 0;
	background: #ffffff url(../images/main/toggleboxcontent2.png) repeat-x scroll bottom;
	text-align: left;
	width: 215px;
	border: 1px solid white;
	border-right: 0;
}

.main_annote h6, .main_annote p { margin: 2px 10px; }