#spacer{
border: 1px dotted black; 
width; 233px; 
}




	/* TOPLEVEL SKELETONS */
#leftwrapper {float: left; width: 522px;}
#leftwrapperborder {float: left; width: 525px; border-right: dotted 1px #666;}
#rightwrapper {
float: right; 
width: 238px;
width/**/: 248px;
}
#rightwrapperborder {
float: right; 
border-left: dotted 1px #666;
width: 238px;
width/**/: 248px;}

#feature {width: 522px; height: 172px; text-align: center; background-color: #edf3f9; padding: 5px 0 0 0;}
#highlights, #museum, #currex, #visinfo {width: 522px; background-color: #fff; display: inline;}
#promos  {width: 248px; background-color: #fff; text-align: center; display: block;}


/* TOPLEVEL TEXT STYLES */
#highlights p, .highlights p, #museum p, #visinfo p {display: block; background: #fff; margin: 5px 5px 10px 15px; width: 500px; font-size: 80%; color: #666;}
#highlights a:link, #results_012851236848755849370:dpiba2ay6zm a:link, #museum a:link, #currex a:link, #visinfo a:link {color: #06c;}
#highlights a:visited, #results_012851236848755849370:dpiba2ay6zm a:visited, #museum a:visited, #currex a:visited, #visinfo a:visited {color: #06c;}
#highlights a:hover, #results_012851236848755849370:dpiba2ay6zm a:hover, #museum a:hover, #currex a:hover, #visinfo a:hover {color: #f60;}
#highlights a:active, #results_012851236848755849370:dpiba2ay6zm a:active, #museum a:active, #currex a:active, #visinfo a:active {color: #f60;}
#highlights li, #results_012851236848755849370:dpiba2ay6zm li {margin: 0 0 5px 30px; list-style-image: url(/museum/images/rev3/listbullet.gif); list-style-position: outside; color: #666; font-size: 80%; width: 450px;}
#highlights ul, #results_012851236848755849370:dpiba2ay6zm ul {width: 450px; margin: 0; padding: 0;}
#visinfo div.one {float: left; display: inline; margin: 5px 0 0 0; font-size: 80%; list-style: none; width: 250px;}
#visinfo div.two {float: left; display: inline; margin: 5px 0 0 25px; font-size: 80%; list-style: none; width: 250px;}
#visinfo div.one a, #visinfo div.two a {display: block; padding-bottom: 5px; margin-left: 15px;}
/*p#test {position: absolute; top: 0; left: 0; color: #f00;}*/



/* eNOTES/VISITOR INFO (ENVI) BUTTONS ON HOMEPAGE */
#rightbuttons {background-color: #fff; margin: 0 0 0 7px;
width: 288px;
width/**/: 233px;}
#rightbuttons img.pic {float: left; padding-right: 5px; }
#rightbuttons p.text {font-size: 60%; margin: 0 3px 0 0; display: block;}
#rightbuttons a:link {text-decoration: none; font-weight: normal; color: #666;}
#rightbuttons a:visited {text-decoration: none; font-weight: normal; color: #666;}
#rightbuttons a:hover {text-decoration: none; font-weight: normal; color: #69f;}
#rightbuttons a:active {text-decoration: none; font-weight: normal; color: #666;}
#inner_rbuttons {width: 288px; background-color: #edf3f9; margin: 0 0 0 0;}

/* CURRENT EXHIBITIONS */
#currex {float: left;}
#currex .exhibit {float: left; width: 45%; padding: 0 0 0 15px; display: inline;}
#currex .exhibit img {float: left; padding: 5px 5px 20px 0;}
#currex .exhibit a {display: block;}
#currex .exhibit p {font-size: 80%; color: #666; margin: 5px 0 0 75px;}

/* MEET THE CURATOR */
#curator {margin: 5px 0 0 7px; background-color: #d1e0f7; width: 234px;}
#curator img.curimg {float: left; padding: 5px;}
#curator p, #curator h5 {font-size: 80%; color: #666;}
#curator h5 {margin: 10px 0 0 90px;}
#curator p {margin: 0 10px 5px 90px;}
#curator h5 a {text-decoration: none; color: #666;}
#curator h5 a:hover {color: #69f;}

/* CALENDAR */
div#calendar{
	font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	}
div#calendar td{
	font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	}
div#calendar table{
	
	padding: 5px 0 5px 0; 
	margin: 6px 7px 5px 7px;
	background-color: #f3f9ff;
	color: #336;
	text-align: center;	
	width: 203px;
	width/**/: 203px;
	}	
* html div#calendar table{
	border: 2px solid #f60;
	padding: 5px 0 5px 0; 
	margin: 6px 7px 5px 7px;
	background-color: #f3f9ff;
	color: #336;
	text-align: center;	
	width: 223px;
	width/**/: 233px;
	}	
div#calendar .smallcal{font-size: 90%; color:#336;}
div#calendar .calendar-month {
	font-size: 120%;
	background: transparent;
	font-weight: bold;
	}
div#calendar a:link	{font-weight: bold; text-decoration: none;color: #f60;background: transparent;}
div#calendar a:visited	{font-weight: bold; text-decoration: none;color: #f60;background: transparent;}
div#calendar a:hover	{font-weight: bold; text-decoration: none;color: #7Db8f0;background: transparent;}
div#calendar a:active	{font-weight: bold; text-decoration: none;color: #7Db8f0;background: transparent;}

/**
 * Spanky Corners -- CSS Rounded Corners by SitePoint
 *
 * Auto generated code
 * Details @ http://tools.sitepoint.com/spanky/
 * @version 1.1b
 */

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #edf3f9 url(/images/bl_8_edf3f9_ffffff.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 8px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* bottom element in 'div.rounded' gets the B-R corner */
div.rounded #bottom {
  background: #edf3f9 url(/images/br_8_edf3f9_ffffff.gif) no-repeat bottom right;
  color: #333333;
  padding: 1px 2px 8px 0;
  margin: 6px 0 -8px 8px;
  height:100%;
  clear: both;
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1 {
  color: #ffffff;
  font-size: 100%;
  background: #edf3f9 url(/images/tr_8_edf3f9_ffffff.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(/images/tlc_8_edf3f9_ffffff.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0 0 -28px 0;
  z-index: -1;
  position: relative;
}

/* PICTURE OF THE WEEK FEATURE ON HOMEPAGE */
#picweek {width: 233px; margin: 5px 0 0 7px;}
#picweek #imageofday {float: left; margin: 0 10px 4px 10px;}

#picweek span.head {text-align: left; font-size: 70%; color: #666; margin: 0; display: block;}

#picweek span.date {text-align: left; font-size: 60%; color: #666; margin: 1px 0 4px 0; display: block;}

#picweek span.text {text-align: left; font-size: 60%; color: #666; margin: 2px 0 0; display: block;}

#picweek span.bottom {text-align: center; font-size: 50%; color: #666; margin: 0; display: block;}


#picweek a:link {text-decoration: none; color: #669;}
#picweek a:visited {text-decoration: none; color: #669;}
#picweek a:hover {text-decoration: none;color: #f60;}
#picweek a:active {text-decoration: none;  color: #999;}



