/* ************************************* */
/* 1. Element declarations               */
/* ************************************* */
body { margin: 0; padding: 10px 10px 10px 20px; background-color:Transparent; }
body { font-family: Arial, Sans-Serif; }
div { /* Make default explicit for ie display issues */ text-align:left; position: relative; margin: 0; padding: 0; }
a img {
border:0;
}

/* ************************************* */
/* 2. General content classes            */
/* ************************************* */
.hidden { display: none; }

/* ************************************* */
/* 3. Template layout (ids)              */
/* ************************************* */

/* Added by Nathan: 19-08-08 */
body#Home #bHeaderGeneral { width:100%; height:100%; background: #60cae4 url(/images/css_images/b_header_top1.gif) 0 0 no-repeat; }
body#General #bHeaderGeneral { width:100%; height:100%; background: #60cae4 url(/images/css_images/b_header_top2.jpg) 0 0 no-repeat; }

#bCenteredTable { width: 100%; border-style:none; }
#bHeader { width: 735px; height: 100px; max-height: 100px; }                                            /* Header Div */
#bHeader { margin-bottom: 2px; }
/*  Commented out 19-08-08 due to new styles above.
    #bHeaderHome { width:100%; height:100%; background: #60cae4 url(/images/css_images/b_header_top1.gif) 0 0 no-repeat; }    
    #bHeaderGeneral { width:100%; height:100%; background: #60cae4 url(/images/css_images/b_header_top2.jpg) 0 0 no-repeat; }
*/
    #bHeader h1 { font-size: 1em; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; z-index: 1; }
    #bHeader h1 a { position: relative; display: block; width: 253px; height: 100px; text-indent: -500em; text-decoration: none; border: 0; background: transparent; }
    #bHeader h2 { font-size: 1em; margin: 0; padding: 0; position: absolute; top: 72px; left: 184px; z-index: 1; width: 265px; height: 20px; text-indent: -500em; text-decoration: none; border: 0; background: transparent; }
    /* #bHeaderSearch { position: absolute; top: 70px; left: 535px; width: 200px; height: 30px; } */
    #bHeaderSearch { float:right; width:280px; margin: 3px 3px 0 0; text-align:right; }          /* Search box & button Div */
        #searchBox { border: solid 1px #ccc; padding:2px; min-width:150px; max-width: 280px; }
        #fSearchSubmit { border-style:none; background-color: Transparent; color: #fff; font-family: Century Gothic, Arial, Sans-Serif; font-weight: bold; font-size: 1em; padding: 1px; vertical-align: bottom; cursor:pointer; }
#bMiddleWrapper { width: 735px; min-height: 275px; }        /* Without this Div the float:left of #bMiddle (style below) causes the #bMiddle Div to float all the way left and not be centered in the table. Therefore this Div is solely to center the child Div elements. */
#bMiddle { width: 735px; min-height: 275px; float: left; }  /* float:left here ensures that bMiddle background (if specified) gets extended (grows downwards) when child divs do. This Div that holds all Divs between the Header Div and Footer Div*/
    /* #bMiddleTopRight { height: 30px; max-height: 30px; width: 560px; max-width: 560px; float: right; } */
    #bMiddleTopRight { width: 560px; max-width: 560px; float: right; }  /* Top Menu Div */
        #bNavigation { list-style: none; padding: 0; margin: 0; display: block; }
        #bNavigation li { font-weight: bold; font-size: 0.9em; float: left; text-align: center; margin: 0 0 0 2px; padding: 0; display: block; background: transparent left top no-repeat; min-width: 110px; }
        #bNavigation li span.topright { display: block; background: transparent no-repeat right top; }
        #bNavigation li span.bottomleft { display: block; background: transparent no-repeat left bottom; }
        #bNavigation li a { padding: 9px 4px; margin: 0; color: #fff; text-decoration: none; display: block; min-height: 17px; min-width: 102px; background: transparent no-repeat right bottom; }
        * html #bNavigation { margin: 0 0 0 -2px; }  /* IE6 */
        * html #bNavigation li a { width: 102px; }  /* IE6 */
        #bNavigation li a:hover { color: #fff; text-decoration: underline; }
            li#bNavWhatsOn, li#bNavWhatsOn span.topright, li#bNavWhatsOn span.bottomleft, li#bNavWhatsOn a { background-image: url(/images/css_images/b_tab1.gif); }
            li#bNavAbout, li#bNavAbout span.topright, li#bNavAbout span.bottomleft, li#bNavAbout a { background-image: url(/images/css_images/b_tab2.gif); }
            li#bNavParticipate, li#bNavParticipate span.topright, li#bNavParticipate span.bottomleft, li#bNavParticipate a { background-image: url(/images/css_images/b_tab3.gif); }
            li#bNavVenue, li#bNavVenue span.topright, li#bNavVenue span.bottomleft, li#bNavVenue a { background-image: url(/images/css_images/b_tab4.gif); }
            li#bNavContact, li#bNavContact span.topright, li#bNavContact span.bottomleft, li#bNavContact a { background-image: url(/images/css_images/b_tab5.gif); }
    #bMiddleLeft { width: 175px; max-width: 175px; float: left; }                                       /* Left Menu Div */
        #bSideNavigation { width: 171px; max-width: 171px; margin: 0; padding: 0; list-style: none; }
        #bSideNavigation li { margin: 0 0 2px 0; padding: 0; font-weight: bold; font-size: 0.9em; }
        #bSideNavigation li a { display: block; padding: 8px 10px 8px 10px; min-height: 19px; color: #fff; text-decoration: none; }
        #bSideNavigation li a:visited { margin: 0 0 0 0;  display: block; padding: 8px 10px 8px 10px; min-height: 19px; color: #fff; text-decoration: none; }
        * html #bSideNavigation li a { height: 19px; }  /* IE6 */
        #bSideNavigation li a:hover { text-decoration: underline; }
        #bSideNavigation li#bSidenavBookNow { background: #006a72 left top no-repeat; }
        #bSideNavigation li#bSidenavBookNow a { background: transparent left bottom no-repeat; }
        #bSideNavigation li#bSidenavBookNow, #bSideNavigation li#bSidenavBookNow a { background-image: url(/images/css_images/b_leftbutton1.gif); }
        #bSideNavigation li#bSidenavMailingList { background: #aed68b left top no-repeat; }
        #bSideNavigation li#bSidenavMailingList a { background: transparent left bottom no-repeat; }
        #bSideNavigation li#bSidenavMailingList, #bSideNavigation li#bSidenavMailingList a { background-image: url(/images/css_images/b_leftbutton2.gif); }
        #bSideNavigation li#bSidenavDirections { background: #6a767c url(/images/css_images/b_leftbutton_map.gif) left top no-repeat; margin-bottom: -3px;}
        #bSideNavigation li#bSidenavDirections a { background: transparent url(/images/css_images/b_leftbutton_map_bottom.gif) left bottom no-repeat; padding-top: 284px; }
        #bSideNavigation li#bSidenavDirections span.small { font-size: 0.7em; margin: 0; padding: 0; display:block; color: #fff; }
        #bNavTree { list-style: none; margin: 18px 6px 0 0; padding: 0; font-size: 0.8em; border-bottom: solid 1px;}
        #bNavTree a { text-decoration: none; }
        #bNavTree a:hover { text-decoration: underline; }
        #bNavTree ul { list-style: none; margin: 0 0 -1px 15px; padding: 0; border-bottom: solid 1px; } 
        #bNavTree li { margin: 0; padding: 0; border-top: solid 1px; } 
        #bNavTree li.selected { font-weight: bold; } 
        #bNavTree li.selected li { font-weight: normal; }
    #bMiddleRight { width: 560px; max-width: 560px; float: right; }                                     /* Div that holds Breadcrumb and Content Area Divs */
        /* #bMiddleRightBreadCrumb { height: 30px; } */
        #bMiddleRightBreadCrumb { }                                                       /* Breadcrumb Div */
            #bMiddleRightBreadCrumb ul { list-style: none; margin: 8px 0 0 10px; padding: 0; font-size: 0.8em; }
            #bMiddleRightBreadCrumb ul, #bMiddleRightBreadCrumb a { color: #999; } 
            #bMiddleRightBreadCrumb a:hover { color: #666; }
                #bMiddleRightBreadCrumb ul li { display: inline; margin: 0 5px 0 0; padding: 0; }
                #bMiddleRightBreadCrumb ul li:before { content: "\00BB \0020 \00A0"; }
        #bMiddleRightContent { }                                                                        /* Div that holds Content Area Divs only */
            #bHomePageContent { margin: 2px 0 0 2px; padding: 0; width: 558px; height: 356px; background: url(/images/css_images/b_home_photo.jpg) 0 0 repeat-x; }                                                                    /* Content Area Div (Home template only) */
                #bHomePageContent p { margin: 0; padding: 0; text-indent: -500em; text-decoration: none; border: 0; }
            /* #bGeneralPageContent { } */
            #bGeneralPageContent { margin: 0 0 20px 10px; }                                                                    /* Content Area Div (General template only) */
            #bGeneralPageContent h3 { font-size: 1.2em; padding: 0; margin: 10px 0; }
            #bGeneralPageContent h4 { font-size: 1em; padding: 0; margin: 10px 0 0 0; }
            #bGeneralPageContent #sitemapWrapper { font-size: 0.8em; }

/* Added by Nathan: 05/09/08 */
#bGeneralPageContent h4 a
{ 
color: #250858; 
font-size: 1em; 
padding: 0; 
margin: 10px 0 0 0; 
text-decoration: none;
}
#bGeneralPageContent h4 a:hover, a:visited
{ 
color: #250858; 
font-size: 1em; 
padding: 0; 
margin: 10px 0 0 0; 
text-decoration: underline;
}
#bGeneralPageContent a, a:visited
{
  color: #999;
  text-decoration: underline;
}
#bGeneralPageContent a:hover
{
  color: #666;
  text-decoration: underline;
}


            #bGeneralPageContent p { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; }
            /* #bGeneralPageChildPagePreview { } */
            #bGeneralPageChildPagePreview { display: none; }                                                           /* Content Area - Child Page Preview Div (General template only) */
            #bTwoColPageContent { margin: 0 0 20px 10px; }                                                                    /* Content Area Div (General template only) */
            #bTwoColPageContent div.column { width: 16.5em; padding: 0 0.5em 0 0; float: left; }
            #bTwoColPageContent h3 { text-indent: -500em; padding: 0; margin: 3px 0 0 -9px; display: block; height: 157px; width: 558px; background: #eee url(/images/css_images/b_twocol_photo.jpg); }
            #bTwoColPageContent h4 { font-size: 1em; padding: 0; margin: 10px 0 0 0; color: #124370; }
            #bTwoColPageContent p { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; }

    /* Added by Nathan: 15-08-08 */
    #bFooterLinks { text-align:left; width: 735px; clear:both; }                 /* Footer Div - clear:both ensures that the footer is correctly pushed downwards when the middle Divs get extended/grow downwards */
    #bFooterLinks ul { margin: 10px 0 0 0; padding: 0; float: right; list-style: none; }
    #bFooterLinks ul li { display: inline; font-size: 0.8em; }
    #bFooterLinks a { color: #999 }
    #bFooterLinks a:visited { color: #999 }
    #bFooterLinks a:hover { color: #666 }
    
/* #bFooter { text-align:left; width: 735px; height: 30px; max-height: 30px; clear:both; } */
#bFooter { text-align:left; width: 735px; clear:both; }                 /* Footer Div - clear:both ensures that the footer is correctly pushed downwards when the middle Divs get extended/grow downwards */
    #bFooter ul { margin: 10px 0 0 0; padding: 0; float: right; list-style: none; }
    #bFooter ul li { display: inline; }
    #bFooter ul li a { text-indent: -500em; text-decoration: none; border: 0;  margin: 0 0 0 18px; }
    #bFooter ul #bFooterSpace a { background: url(/images/css_images/b_footer_space.gif) 0 0 repeat-x; width: 44px; height: 43px; display: block; float: left; }
    #bFooter ul #bFooterArtsCouncil a { background: url(/images/css_images/b_footer_artscouncil.gif) 0 0 repeat-x; width: 44px; height: 43px; display: block; float: left; }
    #bFooter ul #bFooterWestWing a { background: url(/images/css_images/b_footer_westwing.gif) 0 0 repeat-x; width: 54px; height: 43px; display: block; float: left; }
    #bFooter ul #bFooterSlough a { background: url(/images/css_images/b_footer_slough.gif) 0 0 repeat-x; width: 96px; height: 43px; display: block; float: left; }


#bGeneralPageContent ul li
{
font-size: 0.8em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}


/* Section-specific colours */
/*
    Tab 1:
        main colour: #124370
        darker: #04213b
        lighter: #ceddeb
    Tab 2:
        main colour: #250858
        darker: #3e0021
        lighter: #c2b2de
    Tab 3:
        main colour: #7c0041
        darker: #3d0020
        lighter: #dba4c1
    Tab 4:
        main colour: #93298e
        darker: #4d0b4a
        lighter: #d59ed2
    Tab 5:
        main colour: #ca2d92
        darker: #6e0c4b
        lighter: #eab8d8
*/
        div.section1 #bNavTree, .section1 #bNavTree a, .section1 #bGeneralPageContent h3, .section1 #bGeneralPageContent h4 { color: #124370; }  /* Section colour */
        li#bNavWhatsOn { background-color: #124370; }
        .section1 #bNavTree a:hover { color: #04213b; } /* Section colour (darker) */
        .section1 #bNavTree, .section1 #bNavTree ul, .section1 #bNavTree li { border-color: #ceddeb; } /* Lighter colour (lighter) */
        div.section2 #bNavTree, .section2 #bNavTree a, .section2 #bGeneralPageContent h3, .section2 #bGeneralPageContent h4 { color: #250858; }  /* Section colour */
        li#bNavAbout { background-color: #250858; }
        .section2 #bNavTree a:hover { color: #12022e; } /* Section colour (darker) */
        .section2 #bNavTree, .section2 #bNavTree ul, .section2 #bNavTree li { border-color: #c2b2de; } /* Lighter colour (lighter) */
        div.section3 #bNavTree, .section3 #bNavTree a, .section3 #bGeneralPageContent h3, .section3 #bGeneralPageContent h4 { color: #7c0041; }  /* Section colour */
        li#bNavParticipate { background-color: #7c0041; }
        .section3 #bNavTree a:hover { color: #3d0020; } /* Section colour (darker) */
        .section3 #bNavTree, .section3 #bNavTree ul, .section3 #bNavTree li { border-color: #dba4c1; } /* Lighter colour (lighter) */
        div.section4 #bNavTree, .section4 #bNavTree a, .section4 #bGeneralPageContent h3, .section4 #bGeneralPageContent h4 { color: #93298e; }  /* Section colour */
        li#bNavVenue { background-color: #93298e; }
        .section4 #bNavTree a:hover { color: #4d0b4a; } /* Section colour (darker) */
        .section4 #bNavTree, .section4 #bNavTree ul, .section4 #bNavTree li { border-color: #d59ed2; } /* Lighter colour (lighter) */
        div.section5 #bNavTree, .section5 #bNavTree a, .section5 #bGeneralPageContent h3, .section5 #bGeneralPageContent h4 { color: #ca2d92; }  /* Section colour */
        li#bNavContact { background-color: #ca2d92; }
        .section5 #bNavTree a:hover { color: #6e0c4b; } /* Section colour (darker) */
        .section5 #bNavTree, .section5 #bNavTree ul, .section5 #bNavTree li { border-color: #eab8d8; } /* Lighter colour (lighter) */
 

/* ************************************* 
CALENDAR AND FORM STYLES - Added 15/08/08   

#bHomePageContent p { margin: 0; padding: 0; text-indent: -500em; text-decoration: none; border: 0; }
        font-family: Arial, Sans-Serif; font-size: 0.8em; padding: 0; margin: 0 0 10px 0; font-weight:normal;
 ************************************  */
.leftEventField
{
position: relative;
float: left;
width: 30%;

margin: 0; 
padding: 0; 
font-weight:normal;
font-size: 0.8em;
text-decoration: none;
}
.rightEventField
{
width: auto;
margin-left: 30%;

margin: 0; 
padding: 0; 
font-weight:normal;
font-size: 0.8em;
}
.clearEventField
{
margin: 0 !important; 
padding: 0 !important; 
clear: both; 
font-size: 0.1px !important; 
line-height: 0.1px !important; 
height: 0.1px; 
}

/* Calendar Submission content classes */
.calSubmissionFieldMultiple  { clear: both; }
.calSubmissionHeadingText { width: 495px; clear:both;}
.calSubmissionFieldText { width: 495px; }
.calSubmissionFieldSub { float:left; } 
.calSubmissionFieldSubText { width: 165px; float:left; } 
.calSubmissionSpace { height: 25px; clear:both; }


/* ContactDetails content classes */
.contactSubmissionFieldMultiple  { clear: both; }
.contactSubmissionHeadingText { width: 495px; clear:both; font-family: Arial, Sans-Serif; font-size: 0.8em; padding: 0; margin: 0 0 10px 0; font-weight:normal; } 
.contactSubmissionFieldSub { float:left; font-family: Arial, Sans-Serif; font-size: 0.8em; padding: 0; margin: 0 0 10px 0; font-weight:normal; } 
.contactSubmissionFieldSubError { width: 100px; float:left; } 
.contactSubmissionFieldSubText { width: 165px; float:left; font-family: Arial, Sans-Serif; font-size: 0.8em; padding: 0; margin: 0 0 10px 0; font-weight:normal; } 

/* DirectoryArtist Search content classes */
.searchTextDirectoryArtist {width: 495px; }
.searchFieldContainterDirectoryArtist { width: 495px; clear:both;}
.searchFieldDirectoryArtist { width:245px; float:left; }
 
 /* Search Event UserControl content classes */
.searchEventResultsDiv { width: 295px; float: left; padding-right: 15px; } /* 245 originally */
.searchEventCalendarDiv { width: 220px; float: left; } /* 215 originally */
.searchEventResultsTable { width: 100%; }
.searchEventResultsTableHeaderDate { width: 56px; }
.searchEventResultsTableHeaderEvent { width: 80%; }
.searchEventResultsTableHeaderDateCell { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; text-decoration: underline; font-weight:normal; }
.searchEventResultsTableHeaderEventCell { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; text-decoration: underline; font-weight:normal; }
.searchEventResultsTableCellDate { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 56px; }   /* Warning: Class name is written into the WebControl SearchEventResult */
.searchEventResultsTableCellEvent { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 80%; }   /* Warning: Class name is written into the WebControl SearchEventResult */
.searchEventResultsTableNoResults { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; text-decoration: underline; font-weight:normal; }

/* Upcoming Events UserControl content classes */
.upcomingEventsTable { width: 100%; }
.upcomingEventsTableHeaderDate { width: 56px; }
.upcomingEventsTableHeaderEvent { width: 80%; }
.upcomingEventsTableHeaderDateCell { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; text-decoration: underline; font-weight:normal; }
.upcomingEventsTableHeaderEventCell { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; text-decoration: underline; font-weight:normal; }
.upcomingEventsTableCellDate { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 56px; }   /* Warning: Class name is written into the WebControl SearchEventResultShort */
.upcomingEventsTableCellEvent { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 80%; }   /* Warning: Class name is written into the WebControl SearchEventResultShort */
.upcomingEventsTableNoResults { text-decoration: underline; font-weight:normal; }
/**/ 
.frmChbxDiv { width: 175px; float: left; }
.frmSubmissionValidation { color: #FF0000; }

/* Styles for EventType and Event Artform drop down/select lists */
#SearchEventControl_DropDownListEventTypeControl_lbl_eventType { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 80%; } 
#SearchEventControl_DropDownListEventArtformControl_lbl_eventArtform { font-size: 0.8em; padding: 0; margin: 0 0 10px 0; width: 80%; }

#EmailAFriendControl_pnl_ErrorMessage 
{ 
font-family: Arial, Sans-Serif; 
font-size: 0.8em; 
text-decoration: none; 
}

#bMiddleLeft p
{
margin-top: 8px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0px;
margin-right: 35px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 0.7em;
color: #999999;
}

/* West Wing Calendar */
.calendarTitleStyle
{
    background-color: #2A567F;
    font-family: "Arial,Sans-Serif;";
    color: #FFFFFF;
}
.calendarStyle
{
     border-width:1px;
     border-style:Solid;               
     height:120px;
     width:120px;
     border-collapse:collapse;
     font-size: 0.8em; 
     padding: 0; 
     margin: 0 0 10px 0;
}
 
/* Hides text that accompanies 'Read more...' link */
.hiddenCalendarLinkText
{
    position: absolute;
    left: -1000px;
    width: 900px;
}
 

/* 
    Style copied from SBC site (renamed from fAccessBar to bFooter). It hides the 'Normal Contrast' li that is inserted
    by our javascript into the footer div, when the normal (this) style sheet is displaying. That way the user only sees
    the 'High Contrast' link, and vice versa when the high contrast stylesheet is enabled.
 */              
#bFooterLinks li#normalContrastL { display: none; }

#bHeaderSearch label
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
color: #ffffff;
font-family: Century Gothic,Arial,Sans-Serif;
font-weight: bold;
font-size: 1em;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
vertical-align: bottom;
cursor: pointer;
}

#sitemapWrapper ul li 
{
font-size: 1.0em;
padding-top: 3pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}
 
/* Fixes spacing in email a friend control */
#EmailAFriendControl_pnl_EmailFormFields label {
 font-size: 0.8em;
}


/* ********************************************
    Search Results Styles
********************************************* */
.paging 
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
padding-top: 0.6em;
padding-right: 1em;
padding-bottom: 0.4em;
/*padding-left: 1em;*/
/*background-color: #eeeeff;*/
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
height: 1.2em;
}
.pagingLinks 
{ 
width: auto; 
margin-left: 70%; 
text-align: right; 
font-size: 0.8em;
}
.pagingInfo { font-size: 0.8em; color: #333333; }
.noSpacing { margin: 0 0 1em 0; }
.noSpacing p, .noSpacing h2, .noSpacing h3, .noSpacing h4, .noSpacing ul { margin: 0 !important; padding: 0 !important; }