@import url("../../inc/calendar.css");
@import url("../../inc/sitemaptree.css");

body { margin:0px;
		background-color:#cccccc;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#363636;}

p, .p {font-size:12px;
		line-height:18px;
		color:#363636;
		margin-top:0px;
		margin-bottom:18px;}

h1, .h1 {font-size:17px;
		color:#E5002F;
		margin-top:0px;
		margin-bottom:18px;
		font-weight:normal;}

h2, .h2 {
			font-size:14px;
			color:#E5002F;
		margin-top:0px;
		margin-bottom:9px;}

h3, .h3 {font-size:12px;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:9px;}

a {text-decoration:underline;
	color:#0066FF;}

a:hover {color:#3399FF;
text-decoration:none;}

a:visited {text-decoration:underline;
	color:#0066FF;}


/* containers */

#container {width:960px;
			margin:0px auto;}

#header {}

#nav_MainLinks {background-color:#7f7f7f;width:100%}

#contentarea {background-color:#ffffff;
background-image:url(images/page-background.gif);
background-position:right;
background-repeat:repeat-y;}

#sidebar {padding:20px 20px 20px 0px;
			float:right;
			width:225px;}

#contents {padding:20px 20px 20px 20px;
			float:left;
			width:650px;}

#feature {
		padding:5px 0px 0px 0px;
		float:left;
		width:690px;
}

#footer {clear:both;
text-align:center;
padding:20px;}



#nav_PlainTextLinks {float:right;
width:600px;
padding-top:45px;
text-align:right;}

#nav_PlainTextLinks a {color:#636466;
				text-decoration:underline;}
#nav_PlainTextLinks a:hover {color:#000000}
	
.photo {float:right;
		margin: 0px 0px 9px 9px;}
	
	/* sub containers go here */
	
.eventsfront {float:left;
			width:180px;}
.whatson {float:left;
			width:442px;}
			
.cleared {clear:both;}			
			
.exhibitbox {width:216px;
			float:left;}
			
.margins {margin-right:10px;}

.full {width:650px;
		clear:both;
		border-bottom:#cccccc solid 1px;
		margin-bottom:18px;}
.bigger {width:424px;}


	/* end sub container placeholder */


/* Styles to control the header styles in the pages. Defaults to the home style*/

.home h1, .home h2 {color: #E5002F;}

.about h1, .about h2 {color:#F1922F;}

.exhibit h1, .exhibit h2 {color: #98218F;}

.events h1, .events h2 {color:#93C84E;}

.programs h1, .programs h2 {color:#E4007a;}

.collection h1, .collection h2 {color:#008DD2;}

.resources h1, .resources h2 {color:#DB6624;}

.support h1, .support h2 {color:#DBB224;}

.morephotos img {margin: 0px 10px 10px 0px}




/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*/
/*
	----------------------------------------------------------------------
	---------- This is also part of the 'core', but you need to adjust this, depending on whether you want a vertical or horizontal menu.
	---------- Use one or the other, but not both. Just leave the one you dont want to use commented out. 
	----------------------------------------------------------------------
	---------- Horizontal Main Menu ----> */    #qm0 ul { top: 100%; } #qm0 ul li:hover>ul { top:0px; left:100%; }          /*
	---------- Vertical Main Menu   ----> *//*  #qm0 li, #qm0 a { float: none; } #qm0 li:hover>ul { top:0px; left:100%; } *//*
	----------------------------------------------------------------------
*/




/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		margin:0px;
		background-color:#7F7F7F;
		border-width:0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:8px 25px 8px 12px;
		margin:0px;
		background-color:#7F7F7F;
		color:#FFFFFF;
		font-family:Arial;
		font-size:15px;
		text-decoration:none;
		text-align:left;
		border-width:0px 0px 0px 10px;
		border-style:solid;
		border-color:#000000;
	}




	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#363636;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-color:#363636;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	/*#qm0 .qmparent	
	{	
		background-repeat:no-repeat;
		background-position:92% 50%;
	}*/


	/*"""""""" (MAIN) Parent Hover State""""""""*/	
	/*#qm0 .qmparent:hover	
	{	
		background-color:#363636;
		color:#FFFFFF;
		text-decoration:none;
	}*/


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:0px;
		background-color:#FFFFFF;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 40px 5px 5px;
		color:#ffffff;
		font-size:13px;
		border-width:1px 0px 0px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
	
			
			text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	

		background-repeat:repeat;
		text-decoration:underline;
		border-color:#75B1C2;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#112747;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#A2A1AD;
	}


	
#qm0 div a.subhome, #qm0 ul a.subhome, #qm0 div .subhome a, #qm0 ul .subhome a  {background-color:#E5002F;}

#qm0 div a.subabout, #qm0 ul a.subabout, #qm0 div .subabout a, #qm0 ul .subabout a  {background-color:#F1922F;}

#qm0 div a.subexhibit, #qm0 ul a.subexhibit,  #qm0 div .subexhibit a, #qm0 ul .subexhibit a {background-color: #98218F;}

#qm0 div a.subevents, #qm0 ul a.subevents, #qm0 div .subevents a, #qm0 ul .subevents a  {background-color: #93C84E;}

#qm0 div a.subprograms, #qm0 ul a.subprograms, #qm0 div .subprograms a, #qm0 ul .subprograms a  {background-color: #E4007a;}

#qm0 div a.subcollection, #qm0 ul a.subcollection, #qm0 div .subcollection a, #qm0 ul .subcollection a  {background-color: #008DD2;}

#qm0 div a.subresources, #qm0 ul a.subresources, #qm0 div .subresources a, #qm0 ul .subresources a  {background-color: #DB6624;}

#qm0 div a.subsupport, #qm0 ul a.subsupport, #qm0 div .subsupport a, #qm0 ul .subsupport a  {background-color:#DBB224;
							color:#333333;}

#qm0 .navhome a , #qm0 a.navhome{border-color: #E5002F;}


#qm0 .navabout a  , #qm0 a.navhome{border-left: 10px solid #F1922F;}

#qm0 .navexhibit a  , #qm0 a.navexhibit{border-left: 10px solid #98218F;}

#qm0 .navevents a  , #qm0 a.navevents{border-left: 10px solid #93C84E;}

#qm0 .navprograms a  , #qm0 a.navprograms{border-left: 10px solid #E4007a;}

#qm0 .navcollection a  , #qm0 a.navcollection{border-left: 10px solid #008DD2;}

#qm0 .navresources a  , #qm0 a.navresources{border-left: 10px solid #DB6624;}

#qm0 .navsupport a  , #qm0 a.navsupport{border-left: 10px solid #DBB224;}







.datestamp,.timestamp{display: none;}

td {vertical-align:top;}


.TileBasedNav{
	position: relative;
	display: block;
	width: 100%;
}

.TileBasedNavItem{
	display: inline;
	width: 200px;
	padding-right: 10px;
	float: left;
}


.tbni_image img{
	max-width: 200px;
	max-height: 300px;
}