﻿body
{
	position:relative;
	margin:0px;
	padding: 0;
}

.clearingDiv
{
	clear:both;
}

/******** Text Size On Sub-Pages ********/

#userContent 
{
	font-size: small;
}

/************** LAYOUTWRAPPER ***********/
#layoutWrapper
{
	margin-left:50px;
	margin-right:50px;
	position:relative;
	background-repeat:no-repeat;
	width: 90%;
}

/************** LAYOUT ******************/
#layout
{
	position:relative;
	background-position:top right;
	background-repeat: no-repeat;
}
/****************************************/

/************** MUSEUMSHEADER ***********/

#museumsHeader
{
	padding:0px;
}

.museumBanner
{
	border:none;
}

.museumLogo
{
	position:absolute;
	right:0px; 
	/* hack required for older browsers that measure from page not container*/
	top:0px;
}

/* IE6 disagrees on start of absolute positioning 
* html .museumLogo
{
	right:48px !important; 
}*/


/****************************************/

/************* COREMENU AND GENERALLINKS *****************/

#generalLinks
{
	display:block;
	padding:4px;
	background-color:#3f3f3f;
	color:#FFF;
	font-weight:bold;
	width:10em;
	background-image:url(/graphics/mg_museumsandgalleries/generalEgg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	padding-left:30px;
}

#coreMenu
{
	border:solid 1px #CCC;
	border-top: 1px solid #fff;
	margin-left:50px;
	margin-right:50px;
	background-color:#CCC;
}

#coreMenu ul
{
	float:left;
	margin:0px;
	padding:0px;
}

#coreMenu li
{
	list-style-type:none;
	display:inline;
}

#coreMenu a
{
	display:block;
	border-right:solid 1px #FFF;
	float:left;
	padding:4px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

/****************************************/

/************ VENUE AND GALLERY MENU ***********/

 .homePageLink
 {
	display:none;
 }

.leftNav a
{
	color: #333;
	/*color:#cc6600;*/
	text-decoration:none;
	font-size:small;	
}

.leftNav A:hover
{
	color: #cc6600;
	text-decoration:none;
}

.leftNav UL
{
	list-style-type: none;
	margin: 0px;
	list-style-type: none;
	padding:0px;
}

.leftNav li
{
	padding: 4px 0px 7px 37px;
	border-bottom: 1px solid #ccc;
}

.AHlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/AH_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.AMlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/AM_bullet.gif");
background-repeat: no-repeat;
/*background-position: 0 0.3em; */
background-position: 10px center;
}

.DClink {
background-image: url("/CMSSharedResources/Museumsandgalleries/DC_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.KAlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/KA_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.LCAGlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/LCAG_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.LCMlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/LCM_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.LHlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/LH_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.MGlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/MG_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.TNlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/TN_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

.TMlink {
background-image: url("/CMSSharedResources/Museumsandgalleries/TM_bullet.gif");
background-repeat: no-repeat;
background-position: 10px center;
}

/***********************************************/

/******************* MENU ********************************/

#menu ul
{
	margin:0px;
	padding:0px;
}

#menu ul
{
	list-style-type:none;
}

#menu li
{
	margin:0px;
	padding:4px;
	padding-left:10px;
}

.menuItem
{
	font-size:small;
	font-weight:bold;	
}

.menuCurrent
{
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left 35%;
	display:block;	
}

#menu li .menuCurrent
{
	padding-left:16px;
}

.menuChild
{
	margin-left:15px;
	display:block;
}

.menuSibling
{
	margin-left:0px;
	display:block;	
}

#menu a
{
	text-decoration:none;
	color: #3f3f3f;
}

#menu a:link
{
	text-decoration:none;
	color: #3f3f3f;
}

#menu a:visited
{
	text-decoration:none;
	color: #3f3f3f;
}

#menu a:hover
{
	text-decoration:underline;
	color: #3f3f3f;
}


/************************************************************/

/************* CRUMBTRAIL ***************/

.crumbTrail
{
	padding:12px;
}

.crumbTrail a
{
	text-decoration:none;
	color:#000;
}

/****************************************/

/**************** LAYOUT TABLE **********/

#container TD
{
	padding-left:10px;
	padding-right:10px;
}

#container divXXXX
{
	border:dashed 1px green;
}

#container
{
	width:100%;
	padding:0px;
}

body
{
	margin:0px;
}

#right
{	
	width:18em;
	padding-top:10px;
}

#left
{	
	width:18em;
	padding-top:10px;
}

#center
{
	padding-top:10px;
}


/****************************************/

/************ VENUEMENU *****************/
.vmenuLink
{
	display:block;
}

.topvmenuLink
{
	padding-top:8px;
}

#venueMenu img
{
	border:none;
}

#venueMenu {
	/*border-bottom:solid 1px #ccc;*/
	padding-top: 5px;
	padding-bottom: 5px;
}

.imageLinkText
{
	display:none;
}

/****************************************/

/********* SEARCH AREA *********/

#siteSearch
{
	padding:0px;
	padding-left:10px;
	padding-bottom: 10px;
	margin:0px;
	margin-top:0px;
	border-bottom:solid 1px #ccc;
}

#siteSearch H2
{
	display:none;
}

#siteSearch p
{
	padding:0px;
	margin:0px;
}

#siteSearch a
{
	display:none;
}

/****************************************/

/*********** INFO SECTION ***************/

#infoWrapper
    {
    	background-repeat:repeat-x;
    	width:18em;
    	margin-top:20px;
    }
    #info
    {
    	width:18em;
    	background-repeat:no-repeat;
    	background-position:top right;
    	padding-top:6px;
    	padding-bottom:6px;
    }
    #info h2
    {
    	padding-left:8px;
    	height:2em;
    	line-height:2em;
    	background-repeat:no-repeat;
    	background-position:top right;
    	margin-top:0px;
    	margin-bottom:6px;
    }
    #info p
    {
    	padding:6px;
    	margin:0px;
    }

/****************************************/

/******** WHATS ON THUMBNAILS ***********/

#whatsOnThumbnails h1
{
	padding-left:8px;
	height:2em;
	line-height:2em;
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:0px;
	margin-bottom:0px;	
	font-size:small;
}

#new #whatsOnThumbnails h1
{
	color: #b0000b;
	margin-left: 0px;
	padding-left:0px;
}

#whatsOnThumbnails h2, h3
{
	font-size:x-small;
	margin-top: 10px;
	margin-bottom: 0px;
}

#new #whatsOnThumbnails h2, h3
{
	font-size:x-small;
}
     
#whatsOnThumbnails
{
	width:18em;
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:5px;
}

#new #whatsOnThumbnails
{
	width:100%;	
}

#whatsOnUpper {
}

#whatsOnInner
{
	padding-left: 6px;
	margin:10px;
}

#new #whatsOnInner
{
	padding: 0px;
}

p.eventDetails {
	margin-top: 6px;
	margin-bottom: 0px;
}

#new p.eventDetails {
	margin: 0px;
}

.eventImage {
	text-align:center;
	}
	
#new .eventImage {
	text-align:left;
	}


/****************************************/

/******** FOOTER *****************/

#museumsFooter
{
	padding-top:15px;
	padding-bottom:15px;
	margin-top:10px;
}

#museumsFooter ul, #museumsFooter li
{
	margin:0px;
	padding:0px;
}

#museumsFooter li
{
	list-style-type:none;
	display:block;
	float:left;	
}

#museumsFooter li a
{
	padding:8px;
	text-decoration:none;
}
/********************************/


