/*
 * This stylesheet utlises overrides so that css
 * can be targeted at ie6. To do this the fact that ie6
 * can't read child selectors has been exploited.
 *
 * All overrides are commented
 */

html{overflow: -moz-scrollbars-vertical}


/*** left column ***/
#welcome
{
	width:220px;
	float:left;
	margin:20px 0 0 20px;
	display:inline;	
}

#welcome p
{
	font-size: 13px;
	color: #776666;
}

#welcome a
{
	color: #ed0760;
	text-decoration:none;
	border: none;
}

#welcome a img 
{
    border:none;
}

#welcome a:hover
{
	color:  #c30c45;
	text-decoration:none;
}


/*** ________________________________________________________________________ ***/


/*** right column 
#whatsonContainer
{
    float: left; 
    margin-left: 40px; 
}

#whatson
{
    float:left;
	width:440px;
	padding:0;
	margin:20px 0 0 0;
}

#whatson a
{
	font-size: 1.9em;
	color: #ed0760;
	text-decoration: none;
	padding:0;
	margin:0 0 5px 0;
	display:block;
	float:left;
	width:199px;
}

#whatson a.torq
{
	font-size:  14px;
	color: #86bec0;
	text-decoration: none;
	padding:0;
	margin:0 0 5px 0;
	display:block;
	float:left;
}

#whatson a.torq:hover
{
	font-size: 14px;
	color: #86bec0;
	text-decoration: none;
	padding:0;
	margin:0 0 5px 0;
	display:block;
	float:left;
}


#whatson a:hover
{
	font-size: 1.9em;
	color: #776666;
	text-decoration: none;
	padding:0;
	margin:0 0 5px 0;
}


#whatson p.torq
{
	color: #86bec0;
	font-size: 14px;
	padding:0;
	margin:0;
}

#whatson p.red
{
	color: #743952;
	font-size: 14px;
	padding:0;
	margin:0;
}

#whatson p
{
	font-size: 13px;
	color: #776666;
	padding:0;
	margin:0;
	float:left;
}

#whatson p.date
{
	color: #c30c45;
	font-size: 12px;
	padding:0;
	margin:0 0 18px 0;
}


#whatson #image
{
	padding: 0 0 18px 0;
	width: 206px;
}

#whatson h2
{
    text-indent:-20000px;
    background-image:url("/images/global/whatson.gif");
    background-repeat:no-repeat;
    width: 206px;
    padding: 0 0 18px 0;
    height:34px;
    margin:0;
}


#whatson .thumbnail img
{
	border: solid 1px #743952;
	width: 105px;
	height: 69px;
	padding:0;
	margin:5px 0px 18px 100px;
	float: left;
}

#whatson #left
{
	float:left;
}

#whatson #right
{
	float:right;
}
***/
/*----------------------------------------------------------------------------------------
NEWS LIST
----------------------------------------------------------------------------------------*/

#whatsonContainer
{
    float: left; 
    margin-left: 40px; 
    width: 440px;
}

#whatson
{
    float:left;
	padding:0;
	margin:20px 0 0 0;
}
/*.news-list h2 {font-size: 1.7em; margin-bottom:0;}
.news-list p.intro {padding: 30px 0; font-size: 1.2em;}
.news-list p.summary {margin:0; padding:0; font-size: 1.5em; font-weight: bold; color: #8C8080;}
.news-list {border:1px solid #8C8080; margin:0 0 0.5em 0; padding:0 0 0.5em 0.5em;float:left; }
.news-list h2 a {text-decoration: none; }
.rotundaSite .news-list h2 a:hover, .collectionSite .news-list h2 a:hover, .artGallerySite .news-list h2 a:hover, .museumTrustSite .news-list h2 a:hover { color: #776666; }
.news-extract {width:236px;  padding:0;float:left;}
.news-list img {margin:10px; float:right; width:184px; height: 121px;}

.no-border
{border:none;}*/

.news-list {margin:0 0 10px 0; padding:0 0 10px 0; width:440px; text-align:left; float:left; display:inline;}
.news-list-body {margin:0; padding:10px 10px 0 10px; width:420px; text-align:left;  float:left; display:inline; }

.museumTrustSite .news-list {background: url(/images/intro/museum-trust-article-bottom.gif) bottom no-repeat;}
.museumTrustSite .news-list .news-list-body {background: url(/images/intro/museum-trust-article-top.gif) no-repeat;}

.artGallerySite .news-list {background: url(/images/intro/art-gallery-article-bottom.gif) bottom no-repeat;}
.artGallerySite .news-list .news-list-body {background:url(/images/intro/art-gallery-article-top.gif) no-repeat;}

.rotundaSite .news-list {background:url(/images/intro/rotunda-article-bottom.gif) bottom no-repeat;}
.rotundaSite .news-list .news-list-body {background:url(/images/intro/rotunda-article-top.gif) no-repeat;}

.collectionSite .news-list {background:url(/images/intro/collections-article-bottom.gif) bottom no-repeat;}
.collectionSite .news-list .news-list-body {background:url(/images/intro/collections-article-top.gif) no-repeat;}


.news-list h2 {font-size: 1.7em; margin: 0; padding:0;}
.news-list p.intro {padding:0; margin:0; font-size: 1.2em;  color: #776666;}
.news-list p.summary {margin:0 0 0.3em 0; padding:0; font-size: 1.5em; font-weight: bold; color: #8C8080;}
.news-list h2 a {text-decoration: none; margin: 0; }
.rotundaSite .news-list h2 a:hover, .collectionSite .news-list h2 a:hover, .artGallerySite .news-list h2 a:hover, .museumTrustSite .news-list h2 a:hover { color: #776666; }
.news-extract {padding:0; }
.news-list img {margin-left:20px; float:right; width:184px; height: 121px;}
#newsPage h2 { font-size: 1.3em; }
.no-border
{border:none;}

/*** ________________________________________________________________________ ***/

/*** subscription_confirmation user control (start) ***/
.subscription_confirmation
{
	width: 450px;
	float:left;
	margin-top:20px;
}

.subscription_confirmation h2
{
    margin:0;
    padding:0;
    float:left;
    clear:both;
}

.subscription_confirmation p
{
    margin:0;
    padding:0;
    float:left;
    clear:left;
}
/*** subscription_confirmation user control ( end ) ***/

/*** rotunda main ***/
#main, #subscribeForm, #newsPage{
	width: 450px;
	float:left;
	margin:20px 0 0 20px;
	display:inline;	
}


#main .title{
    float:left;
    margin-bottom:18px;
}

#main #rightInlineContent{
 float:right;
 width:220px;
}

#main .rightInlineContentPadding{
  padding:10px;
  float:left;
}
#mainContent
{
	width: 450px;
}

#main .newsListTitle
{
    font-size:2em;
    float:left;
    clear:both;
    margin-right:5px;
width: 100%;
}

#main .newsListTime
{
    font-family:Georgia;
    float:left;
    clear:both;
    font-weight:bold;
    font-size:1.1em;
}

#main .newsListIntroduction
{
    font-family:Georgia;
    float:left;
width: 100%;
    clear:both;
}

#main .green
{
   font-size:1.2em;
   padding:0;
   margin:0;
   color:#56a9a8;
   
}

#main ul, #newsPage ul{
	list-style-type: none;
	padding:0;
	margin:5px 0 10px 15px;
}

#main li{
	background-image: url(/images/global/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 0 0px 3px 15px;
	margin: 0;
	font-size: 1.3em;
	color:#776666;
}

.h1Container
{
    border-top:solid 1px #8c8080;
    border-bottom:solid 1px #8c8080;
    padding:9px 0 3px 0;
    /*float:left;*/
    margin:0 0 15px 0;
}

h1.flashReplacement
{
    font-family:Arial;
    margin:0 0 0 0;
	font-size: 15px;
    /*float:left;*/
    clear:both;
    width:450px;
} 

h1.flashReplacement1
{
    font-family:Arial;
    margin:0 0 0 0;
	font-size: 15px;
    /*float:left;*/
    clear:both;
    width:206px;
    text-align:left;
} 

#main h2
{
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: bold;
}

.museumTrustSite h2, .museumTrustSite h1, .museumTrustSite .news-list h2 a{color: #ed0760;}

.artGallerySite h2, .artGallerySite h1, .artGallerySite .news-list h2 a{color:#743952;}

.rotundaSite .news-list h2 a, .rotundaSite h2, .rotundaSite h1{color:#86bec0;}

.collectionSite h2,  .collectionSite h1, .collectionSite .news-list h2 a {color:#ccbe69;}




#main p.intro, .subscription_confirmation p.intro, #subscribeForm p.intro, #newsPage p.intro
{
	font-size: 1.7em;
	color: #776666;
	padding:0 0 1em 0;
	margin:0;
	width:450px;
	float:left;
	clear:both;	
}

#main p, .subscription_confirmation p, #subscribeForm p{
	font-size: 1.3em;
	color: #776666;
	padding:0 0 1.5em 0;
	margin:0;
	float:none
}

#main a{
	color: #86bec0;
	text-decoration:none;
}

#main a:hover{
	color: #86bec0;
	text-decoration:underline;
}

/*#text
{
	width: auto;/*changed from 225px -df*/
/*	float: left;
	padding: 0;
	margin:0;
}*/

#hold{
	width: 199px;
	float: left;
	padding: 0;
	margin:0 0 0 0;
}

#hold ul{
	list-style-type: none;
	padding:0;
	margin:5px 0 0 0;
}

#hold li{
	background-image: url(/images/global/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 0 0px 0 15px;
	margin: 0;
	font-size: 13px;
}

#hold li a
{
    font-size:0.9em;/*ammends to match design -df*/
    font-weight:bold;
	text-decoration:none;
	color: #776666;
	padding:0;
	margin:0;
}

#hold li a:hover{
	text-decoration:none;
	color: #423636;
}

#hold li.date{
	background-image:none;
	padding: 0 0px 0 15px;
	margin: 2px 0 2px 0;
	font-size: 12px;
	color: #86bec0;
}

/*** ________________________________________________________________________ ***/

/*** These styles apply to the upper and lower most links on the site 
   * controlled by two seperat user controls                         ***/

#rss, #bottomLinks{
	width:500px;
	display:block;
	float:left;
	margin:12px 0 30px 0;	
}

#rss #rssGif
{
position:relative;
top:-15px;
left:255px;
}

#bottomLinks h2 /*for text only version only*/
{
    display:none;
}
#bottomLinks{
    float:right;
    text-align:right;
}

#rss ul, #bottomLinks ul{
	list-style-type:none;
	display: inline;
	font-family: Arial;
	padding: 0;
	margin:0;
}

#rss li, #bottomLinks li{
	display: inline;
	font-size: 11px;
	color: #aaaaaa;
	padding:0 5px 0 0;
	margin:0;
}


#rss li.divider
{
	display: inline;
	font-size: 11px;
	color: #aaaaaa;
	padding:0px 5px 0 0;

}

#rss a, #bottomLinks a
{
	text-decoration:none;
	color: #aaaaaa;
}

#rss a:hover 
{
	text-decoration:none;
	color: #423636;
}

#bottomLinks a:hover
{
	text-decoration:none;
	color: #ffffff;
}


#rss h2 /*for text only version only*/
{
    display:none;
}
/*** logo ***/

#logo
{    
	margin-bottom:15px;
    margin-top:22px;
    margin-right:20px;
    float:right;	
}


/*** ________________________________________________________________________ ***/

body
{
    font-size:62.5%;
    font-family:Georgia,Arial;
    font-weight:normal;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-align:center;    

}


#container{
    position: relative;
    width:760px;
	margin: 0 auto;
	text-align:left;
}


#background{
    float:left;
    background-color:#ffffff;   
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	}

/***Sub Navigation User Control (start) df***/


#banner {display:inline;width:730px;float:left;}

#banner img#flashBanner
{
    display:inline;
    margin:0;
    padding:0;
    float:left;
}

.subNav
{
    background-color:#423636;
    float:left;
    overflow:hidden;
    width:730px;
    position:relative;
    padding:5px 0 5px 0;

}

.subNav h2, #childNavHolder h2  
{
    display:none;
    text-indent:-4000px
}

.subNav .subNavPadding{
    padding:3px;    
    float:left;
    height: auto !important; /* for modern browsers */
    height: 18px;           /* for IE5.x and IE6 */
    min-height: 18px;       /* for modern browsers */
}

.subNav ul{
    float:left;
    padding:0;
    margin:0;
}

.subNav ul li{
    font-size:12px;
    font-weight:lighter;
    float:left;
    display:inline;
    position:relative;
    list-style-type:none;
    list-style-image:none;
    font-family:Arial;
    margin-left:17px;
    white-space:nowrap;

}

.subNav ul{
    width:560px;
}

.subNav ul li a{
    text-decoration:none;
    color:#ffffff;
    display:block;
    white-space:nowrap
}

.subNav ul li a:hover{
    text-decoration:none;
    color:#ed0760;
    display:block;
}


.subNav ul li a.artGallery:hover{color:#b56587;}
.subNav ul li a.rotundaSite:hover{color:#86bec0;}
.subNav ul li a.collectionsSite:hover{color:#ccbe69;}

/* to highlight what section user is currently in*/
.subNav ul li.current a.museumTrust{color:#ed0760;}
.subNav ul li.current a.artGallery{color:#b56587;}
.subNav ul li.current a.rotundaSite{color:#86bec0;}
.subNav ul li.current a.collectionsSite{color:#ccbe69;}

.subNav form {
    margin: 0;
}

.subNav #search_box {
    width: 143px;
    height: 20px;
    background: url(/images/subNavigation/searchBox.gif);
    background-repeat:no-repeat;
    float:left;
    position:absolute;
    top:6px;
    left:577px;
}

.subNav #search_box .panel  .inputTextBox /* for ie 6 overriden for all real browser by next css statement */
{
    float: left;
    padding: 0;
    margin: 7px 0px 0 5px;
    border: 0;
    width: 104px;/*for ie6*/
    height:18px;
    background: none;
    font-size: 1em;
    position:relative;
    top:-4px;
    z-index:1;
    font-size:12px;
}
.subNav #search_box .panel > .inputTextBox {/*not ie6 */
    width: 110px;
}

.subNav #search_box .go {
    /*position:absolute;
    margin: 0px 0px 0 0;
    top:1px;
    left:115px;
    z-index:10;*/
    display:block;
    float:right;
    position:relative;
    top:1px;/*correction to make flush*/
}

/*two rounded corners*/
.subNav .bottomLeft{position:absolute;bottom:-1px;left:0px;}
.subNav .subNavPadding .bottomRight{position:absolute;bottom:-1px;right:-1px;}/*for all browsers*/
.subNav .subNavPadding > .bottomRight{right:0px;bottom:0px}/*not for ie6*/
.subNav .subNavPadding > .bottomLeft{bottom:0px;}/*not for ie6*/

/***Sub Navigation User Control (end) df ***/


/***Subscribe User Control (start) df***/

.subscribeMargin
{
    float:left;    
}
.subscribeUC, .subscribeUCMuseumTrust, .subscribeUCRotunda
{
    position:relative;
    width:220px;
    height: auto !important;   /* for modern browsers */
    height: 57px;              /* for IE5.x and IE6 */
    min-height: 57px;          /* for modern browsers */
    /*background-color:#4d2e3b;/*gray*/
    background-color: #a94670;/*pink*/
    float:left;
    text-align:left;
}

.subscribeUCMuseumTrust{background-color:#4d2e3b;}
.subscribeUCRotunda{background-color:#48a8aa;}

.subscribeUC .subscribePadding, .subscribeUCMuseumTrust .subscribePadding, .subscribeUCRotunda .subscribePadding
{
    float:left;
    padding:9px 9px 0px 9px;
    margin-bottom:-10px;/*nasty fix so padding doesn't force unwanted height in FF*/
}

.subscribeUC h3, .subscribeUCMuseumTrust h3, .subscribeUCRotunda h3
{
    font-size:1.1em;
    font-weight:bold;
    /*color:#ed0760;/*redy colo*/
    color:#ffffff;
    font-family:Arial;
    text-align:left;
    margin:0 0 5px 0;
    padding:0;
}

.subscribeUC #subscribe_box,
.subscribeUCMuseumTrust #subscribe_box,
.subscribeUCRotunda #subscribe_box {
    width: 143px;
    height: 20px;
    background: url(/images/subscribe/pinkBox.gif);
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;
}

.subscribeUCMuseumTrust #subscribe_box{background: url(/images/subscribe/brownBox.gif);background-repeat:no-repeat;}
.subscribeUCRotunda #subscribe_box  {background: url(/images/subscribe/blueBox.gif);background-repeat:no-repeat;}

.subscribeUC #form,
.subscribeUCMuseumTrust #form,
.subscribeUCRotunda #form
{
    padding:0;
    margin:0;
    float:left;
    height:20px;
}

.subscribeUC #subscribe_box .panel .inputTextBox,
.subscribeUCMuseumTrust #subscribe_box .panel .inputTextBox,
.subscribeUCRotunda #subscribe_box .panel .inputTextBox 
{
    float: left;
    padding: 0;
    margin: 7px 0px 0 5px;
    border: 0;
    width: 104px;/*for ie 6 only*/
    height:18px;
    background: none;
    font-size: 1em;
    overflow:hidden;
    position:relative;
    top:-5px;
    z-index:1;
    font-size:12px;
}

.subscribeUC #subscribe_box .panel > .inputTextBox, 
.subscribeUCMuseumTrust #subscribe_box .panel > .inputTextBox,
.subscribeUCRotunda #subscribe_box .panel > .inputTextBox  
{width: 110px;}/*overide ie6*/

.subscribeUC #subscribe_box .subscribeButton, 
.subscribeUCMuseumTrust #subscribe_box .subscribeButton,
.subscribeUCrotunda #subscribe_box .subscribeButton
{display:block;float:right;}

.subscribeUC .subscribePadding .bottomLeft,
.subscribeUCMuseumTrust .subscribePadding .bottomLeft,
.subscribeUCRotunda .subscribePadding .bottomLeft
{position:absolute;bottom:-1px;left:0;}/* for ie6 and all other*/

.subscribeUC .subscribePadding > .bottomLeft,
.subscribeUCMuseumTrust .subscribePadding > .bottomLeft,
.subscribeUCRotunda .subscribePadding > .bottomLeft
{bottom:0px;}/* for browsers which are not crap*/

.subscribeUC .subscribePadding .bottomRight,
.subscribeUCMuseumTrust .subscribePadding .bottomRight,
.subscribeUCRotunda .subscribePadding .bottomRight
{position:absolute;bottom:-1px;right:0;}/* for ie6 and all others*/

.subscribeUC .subscribePadding > .bottomRight,
.subscribeUCMuseumTrust .subscribePadding > .bottomRight,
.subscribeUCRotunda .subscribePadding > .bottomRight
{bottom:0px;}/* for browsers which are not crap*/

.subscribeUC .topLeft,
.subscribeUCMuseumTrust .topLeft,
.subscribeUCRotunda .topLeft
{position:absolute;top:0;left:0;}

.subscribeUC .topRight,
.subscribeUCMuseumTrust .topRight,
.subscribeUCRotunda .topRight
{position:absolute;top:0;right:0;}

/***Subscribe User Control ( end ) df***/


/***Advert User Control (start) df***/
.advertMargin
{
    float:left;    
    margin-bottom:10px;
}
.advertUC
{
    float:left;
    position:relative;
    overflow:visible;
}

.advertImage
{
    position:absolute;
    top:0;
    left:0;
}
/***Advert User Control ( end ) df***/

/***Header User Control (start) df***/
.headerUC{
    width:730px;
    height:178px;
    float:left;
    padding:0;
    margin:0;
    background-image:url("/images/header/tempheader.jpg")
}
/***Header User Control ( end ) df***/

/***Flash Header Navigation Control (start)***/

.flashNav
{
    display:block;
    float:left;
    padding:0;
    margin:13px 0 0 0;
}

.flashNavItem
{    display:block;
    float:left;
    padding:0;
    margin:0;
}

/***Flash Header Navigation Control ( end )***/

/**/
#rightColumnContainer
{
    float:right;
    position:relative;
    width:220px;
    margin-top:20px;	
	}

/***Opening Times User Control (start)***/
.openingTimesMargin{float:left; margin:0 0 15px 0;}



.openingTimesUC p
{
    font-family:Georgia,Arial;
    color:#776666;
    font-size:1.9em;
    margin:0 0 0 0;
    padding:0;
    float:left;
}


.openingTimesUC .h2Container
{
    border-top:solid 1px #8c8080;
    border-bottom:solid 1px #8c8080;
    padding:9px 0 3px 0;
    /*float:left;*/
    margin:0 0 15px 0;
}

.openingTimesUC h2
{
    /*display:block;
    padding:0;
    font-size:11px;
    margin:0;
    height:35px;
    width:220px;
    float:left;*/
    margin:0 0 0 0;
	font-size: 15px;
    /*float:left;*/
    clear:both;
    width:220px;
    text-align:left;
}

.openingTimesUC .small
{
    float:left;
    font-size:0.7em;
}
/***Opening Times User Control ( end )***/

/*** search start ***/
#searchResults
{
    float:left;
    width: 450px;
    margin-top:20px;
    padding:0;
}

#searchResults ul
{
    list-style-type:none;
    float:left;
    font-size:1.2em;
}

#searchResults ul li p.searchSummary{
	font-size: 1em;
	color: #776666;
	padding: 0;
	margin:0px 0 0px 0;
    width:450px;
	float:left;
	clear:both;
}

#searchResults ul li{
	font-size: 1.3em;
	color: #776666;
	padding: 0;
	width:450px;
	margin:15px 0 0px 0;
	float:left;
}

#searchResults ul li a, #searchResults a
{
    text-decoration:none;
    color:#86bec0;
    font-size:1.23em;
    margin: 0 0 12px 0;
}

/*** search end ***/

.newsSummaryHeaderContainer
{
    border-bottom:solid 1px #423636;
    border-top:solid 1px #423636;/*requested by ste waring*/
    padding-top:5px;
    width:100%;
}
/*subscription text box */
.textBoxLabel
{
    float:left;
    clear:left;
    display:block;
    margin: 10px 0 5px 0;
}

.firstNameTextBox
{
    float:left;
    display:block;
    margin: 5px 0 5px 0;
}
.lastNameTextBox
{
    float:left;
    display:block;
    margin: 5px 0 5px 0;
}
.emailTextBox
{
    float:left;
    display:block;
    margin: 5px 0 5px 0;
}
.button
{
    float:left;
    clear:both;
}
/*subscription text box */


/*subscription form (start)*/

.firstNameTextBox
{
    width:200px;
    display:block;
    float:left;
}
.lastNameTextBox
{
    width:200px;
    display:block;
    float:left;
}
.emailTextBox
{
    width:200px;
    display:block;
    float:left;
}

/*subscription form ( end) */



/*news (start)*/



#newsPage .h1Container
{
    width:450px;
    border-top:solid 1px #8c8080;
    border-bottom:solid 1px #8c8080;
    padding:9px 0 3px 0;
    /*float:left;*/
    margin:0 0 15px 0;
}

#newsPage p{
	font-size: 1.3em;
	color: #776666;
	padding: 0;
	margin:0 0 25px 0;
	width:450px;
}


#subscribeForm .textBoxLabel
{
    width:100px;
    
}

img.right-element
{
	float:right;
	padding:0 0px 10px 10px;
}

img.left-element
{
	float:left;
	padding:0 10px 10px 0px;
}

table
{
	font-size:10px;
	font-family:Georgia;
	color: #776666;
}

table.layTable
{
	font-size:11px;
	font-family:Georgia;
	color: #776666;
}

table.layTable tr
{
	padding-bottom: 10px;
}

table.layTable td
{
	padding-right: 15px;
}