/* 
======================================================================================================
                                     MUSEUMS AND GALLERIES
======================================================================================================
*/

/*
MUSEUMS AND GALLERIES COLORS
Home Colours

Dark Red = #b0000b
Light Red = #f5e4e0
Grey = #cbcbcb
*/

html {
	height: 100%;
}

body  {
	min-height: 100%;
	height: 100%;	
	width: 100%;
}


/************ LAYOUTWRAPPER *************/
#layoutWrapper
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/home_page_bg.gif);
	position:relative;
	height: auto;
	}

/************** LAYOUT ******************/
#layout
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/home_logo_shadow.gif);
	background-position:top 100%;
	background-repeat: no-repeat;
	height: auto;
}
/****************************************/

/************** MGHOMEWELCOME *******************/

#mgHomeWelcome
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/home_welcome_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#F7E4E0;
	padding:10px;
	padding-left:280px;
	border: 1px #EBBBBA solid;
	height: auto;
}

#mgHomeWelcome h1,#mgHomeWelcome h2
{
	color:#b0000b;
	font-size:small;
}
/******************************************/

/************** TWOCOLHOMENEWSWRAPPER *******************/
/*
LAYOUT CORE:
Margins and bgrounds cause various issues in IE (mostly 6)
The background is in the outer most container because 
otherwise IE6 and FFox disagree about where the position 50% puts it.
Borders are used in favour of margins as they mess up the width calculation
*/

/* center is used to create the fake margin between the 50% floated divs */
#mgHomeCenter /* CHANGED ID ON HOME PAGE TITLE FOR THIS LAYOUT */
{
	width: 100%;
	min-width: 680px;
	padding:0px !important; /* overrides the setting in corporate stylesheets */
	margin-top:10px;
	height: auto;
}

#mgHomePageBottom {
	height: 100%;
	
	border-top:solid 10px #FFF;	
	background-color: #dfdfdf;
}

#mgHomePageBottomLeft {
		height: 100%;
		float: left;
		width: 60%;
		border-right: 10px solid #fff;
}

#mgHomePageBottomRight {
	   height: 100%;
	   float: right;
	   width: 38.5%;
	   background-color: #dfdfdf;
	   }

#twoColHomeNewsWrapper
{
	/* left hand container for the two news items */
	width:100%;
	background-image: url(/graphics/MG_MuseumsAndGalleries/home_egg_bg.gif);
	background-repeat: no-repeat;
	background-color: #dfdfdf;
	padding-bottom: 5px;
}

#twoColHomeNewsWrapper .ListingEntry
{
	padding:10px;
	padding-top:10px;
	/* psueudo-padding to prevent background showing through */
}

/* for some reason you get a margin on the h1 */
#twoColHomeNewsWrapper .ListingEntryTitle
{
	display:block;
	margin:0px;
	margin-bottom:10px;
	margin-top:-10px;
	padding:4px;
	padding-left:0px;
	color:#b0000b;
	font-weight:bold;
	font-size:small;
}

/* this is added for IE 6 only, as it produces a 20px margin */
* html #twoColHomeNewsWrapper .ListingEntryTitle
{
	margin-top:-20px !important;
}

#twoColHomeNewsWrapper #dontMiss
{
	padding-bottom: 15px;
	height: auto;
}

#container {
	height: 100%;
}

#mgHomePageBottomLeft #new
{
	float: left;
	border-top: 10px solid #fff;	
	width: 100%;
	height:100%;
	padding: 0px;
	background-image:url("/graphics/MG_MuseumsAndGalleries/wsquare3.gif");
	background-repeat: repeat-y;
	_background-position: center;
	background-position: 50.2% 0% !important;
	background-color: #dfdfdf;

}

#mgHomePageBottomLeft #new #newLeft
{
	width:49%;
	_width: 48.7%;
	float:left; 
	height: 100% !important;
	min-height: 100%;
	height: 100%;
	background-color: #dfdfdf;
}

/******* IE7 Hack for element width *******/

html>body #mgHomePageBottomLeft #new #newLeft
{
*width: 48.7%;

}

#mgHomePageBottomLeft #new #newRight
{
	width: 48.6%;
	float:right; 
	margin-top:-1px;
	#margin-top: 0px;
	height: 100% !important;
	min-height: 100%;
	height: 100%;
	background-color: #dfdfdf;
}

#mgHomePageBottomLeft #new .newHeading
{
	padding: 0px 0px 0px 0px;
	color:#b0000b;
	font-weight:bold;
	font-size:small;
}

.ListingEntryImage
{
	/*margin-top:-26px;*/
	float:right;
}

.ListingEntry a
{
	display:block;
	text-transform:uppercase;
	color:#B0000B;
	text-decoration:none;
	font-weight:bold;
	margin-top:10px;
	width:4em;
	padding-right:10px;
	background-image:url(/graphics/MG_MuseumsAndGalleries/home_arrow_onColour.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

.siteMorseHack
{
	display:none;
}

/*********** LATEST NEWS **************/

#latestNews
{
	/* psueudo-padding to prevent background showing through */
	width: 100%;
	height: 100%;
	float:right;
	background-color:#DFDFDF;
}

#mgHomePageBottomRight #latestNews h1, #objectOfTheDay h1, #whatsOnThumbnails h1, #mgHomePageBottomRight #latestNews h2, #objectOfTheDay h2, #whatsOnThumbnails h2
{
	background-color:#B0000B;
	color: #fff;
	font-size:x-small;
	margin-top:0px;
	padding:6px;
	padding-left:10px;
}

#latestNews p
{
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
}

#latestNews .ListingEntryTitle
{
	font-weight:bold;
	display:block;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
}

#latestNews .ListingEntry
{
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	padding:0px;
	padding-top:100px;
	background-image:url(/graphics/MG_MuseumsAndGalleries/LatestNewsBgnd.jpg);
	background-repeat:no-repeat;
	background-position:45% 0%;
}

#latestNews .ListingEntryImage
{
}

#latestNews .ListingEntry a
{
	clear:both;
	display:block;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#B0000B;
}

#latestNews .otherNewsLinks
{
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	padding:0px;
}

#latestNews .otherNewsLinks li
{
	margin:0px;
	padding:10px;
	padding-left:0px;
	list-style-type:none;
	border-top:solid 1px #CCC;
}

#latestNews .otherNewsLink a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

/******************************************/

/*********** INFO SECTION ***************/

#infoWrapper
    {
		background-image:url(/CMSSharedResources/museumsandgalleries/wsquare.gif);
    }
    #info
    {
    	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_info_DivBgnd.gif);
    }
    #info h2, #info h1
    {
    	background-color:#b0000b;
    	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_dloads_Hbgnd.gif);
    }

/****************************************/

/************************* PAGE TITLE ***********************/

#userContent h2, #userContent h1
{
	color:#b0000b;
}
/************************************************************/


/******************* MENU ********************************/

.menuCurrent
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/arrow_red_onWhite.gif);
}

/************************************************************/

/************ LINKS CONTACTS AND DOWNLOADS ******************/

.usefulLinks h1, .usefulWebLinks h1, .fileDownloads h1, #contacts h1, .usefulLinks h2, .usefulWebLinks h2, .fileDownloads h2, #contacts h2
{   	
	background-color:#b0000b;
}
    
#contacts
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_whatsOn_DivBgnd.gif);		
}
#contacts h1, #contacts h2
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_whatsOn_Hbgnd.gif);
}
    
.usefulLinks
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_weblinks_DivBgnd.gif);
}
.usefulLinks h1, .usefulLinks h2
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_weblinks_Hbgnd.gif);
}
    
.usefulWebLinks
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_weblinks_DivBgnd.gif);
}
.usefulWebLinks h1, .usefulWebLinks h2
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_weblinks_Hbgnd.gif);
}
    
.fileDownloads
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_dloads_DivBgnd.gif);
}
.fileDownloads h1, .fileDownloads h2
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/mgh_dloads_Hbgnd.gif);
}
    
.usefulLinks a, .usefulWebLinks a
{
	background-image:url(/graphics/MG_MuseumsAndGalleries/arrow_red_onWhite.gif);
}

/******************************************************/

/********************* OBJECT OF THE DAY **********************/

#objectOfTheDay
{
	margin-top: -6px;
	#margin-top: 0px;
	height: auto;
	padding-bottom: 10px;
	}
	
#objectOfTheDay h1, #objectOfTheDay h2
{
	color: #fff;
	font-size:x-small;
	font-weight: bold;
	display:block;
	background-color: #b0000b;
	padding: 7px;
	color: #ffffff;
	}
	
#objectOfTheDay .imgObjOfTheDay
{
	margin-top: 5px;
	#margin-top: -7px;
	margin-bottom: 10px;
	margin-left: 10px;
	}


#objectOfTheDay	.ObjOfTheDayTitle 
{
	color: #000;
	font-size:xx-small;
	font-weight: bold;
	text-transform:uppercase;
	margin-left:9px;
	margin-right: 0px;
	margin-bottom: -10px;
	display:block;
}

#objectOfTheDay .ObjOfTheDayDesc 
{
	color: #000;
	font-size:xx-small;
	margin-left: 9px;
	margin-right: 0px;
	margin-bottom: 10px;
	display:block;
	}
	
#objectOfTheDay	.ObjOfTheDayMoreLink 
{
	font-weight:bold;
	margin-left: 9px;
	text-decoration:none;
	text-transform:uppercase;
	color:#B0000B;
}

.imageContainer
{
	background-color: #cc4a3c;
}


/************************ What's On Styles ******************************/

#EventSearch {
	
}

#searchBox {
	
}

#searchContainer {
	padding-top: 10px;
	position:relative;
	float:left;
	}
	
#searchContainer p {
	padding-bottom: -5px;
	}

#calendarContainer {
	position:relative;
	float:right;
	}

.headerCell {
	background-color:#ba000e;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.resultsGridStyle {
	background-color:#fbf1f1;
}

.resultsAlternatingRowStyle {
	background-color:#f4d8da;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

.whatsOnCalendar {
	background-color:#fbf1f1;
}

.availableForSelection {
	background-color:#f4d8da;
}

.DayHeaderStyle {
	background-color:#ba000e; 
	color: #ffffff;
}

.OtherMonthDayStyle {
	color:#999999;	
}

/* Fix to allow Firefox do display rounded corners on search box */

fieldset {
-moz-border-radius: 8px;
border-radius: 8px;
}




/*** START: SITE WIDE LINK STYLING - set to over-ride all other styles ***/
a
{
	text-decoration:none !important;
}

a:hover
{
	text-decoration:underline !important;
}

a:active, a:focus
{
	background-color:#B0000B !important;
	color:#ffffff !important;
}
/*** END: SITE WIDE LINK STYLING - set to over-ride all other styles *****/