/* iepngfix.htc */
img { behavior: url(/portals/0/skins/eoa/iepngfix.htc) }

* { padding: 0px; margin: 0px; font-family: Gill Sans MT, Arial, sans-serif; line-height: 1.2em; }

body { font-size: 100%; }

/* This has been added in order for the bullets to appear, since the padding and margin has been set to 0 */
ul, ol { padding-left: 10px; margin-left: 10px; }

#page_container { padding-top: 10px; }
  
/* ----==== Text setup ====---- */

/* text size fixes */
#callToActionHorizontal a, #callToActionBottom a, #dnnLeftColOne a, #dnnLeftColOne a, #dnnLeftColOne a, #dnn_RightColOne a, #top_container a, #localAuthority a, #dnn_latestNews table.DarwinNewsStories, #dnn_latestNews table a, div.siloText a, #sub_nav, div#NavContentPane #main_navList36 a { font-size: 1em; }
#localEvent a, span#EnlargeImageInfo, span#ViewMoreImages a { font-size: 0.9em; }

.H1 { font-size: 1.95em; color: #ff0000; font-weight: lighter; }
.H2 { font-size: 1.1em; color: #ff0000; font-weight: normal; }
.H3 { font-size: 1.1em; _font-size: 1.0em; color: #ff0000; font-weight: normal; line-height: 0.9em;  }
.H4 { font-size: 1.1em; color: #666666; font-weight: normal; }
.H5 { font-size: 1.5em; color: #ff0000; font-weight: normal; }
 
.Text1Reg { font-size: 0.9em; color: #000000; }
.Text2Reg { font-size: 0.9em; color: #666666; }
.Text2Bold { font-size: 1.0em; color: #666666; font-weight: bold; line-height: 0.9em; }
.smallText { font-size: 0.8em; color: #666666; }

.LinksReg { font-size: 0.9em; color: #FF0000; }
.LinksSmall { font-size: 0.8em; color: #FF0000; }

.bold { font-weight: bold; }

.offerText { font-size: 1.0em; color: #000; list-style-type: none; margin-left: -19px;  }

a.Text1Reg:link, a.Text1RegLink:link { font-size: 0.9em; color: #000000; }

a.Text1Reg:hover { font-size: 0.9em; color: #FF0000; }

a.Text1RegLink:hover { font-size: 0.9em; color: #FFFFFF; }

a.wayToPay:link, a.wayToPay:visited { color: #000000; }
a.wayToPay:hover { color: #FF0000; text-decoration: none; }
a.callToActionLinkWhite:link, a.callToActionLinkWhite:visited { color: White; }
a.callToActionLinkWhite:hover { color: #000000; text-decoration: none; }
#HardCodedMenu a:hover { text-decoration: none; }

.Red { color: #FF0000; font-size: 0.9em; font-weight: bold;  }
.Grey { color: #666666; }
.Black { color: #000000; }
.White { color: #FFF; }

a.noHover:hover { color: White; text-decoration: none; }

#bottom_navList36 a { font-size: 0.8em; color: #666;  margin-right: 3px;  }

#bottom_nav ul { padding-left: 0px; margin-left: -5px; _position: relative; _left: -5px; }

#bottom_nav ul li { display: inline; float: left;  }

#bottom_nav a { border-left: solid 1px #CCC; padding-left: 5px; font-size: 0.8em; }

/* Bottom nav lists 2 and 3 - They had to be unordered lists so that the list items resize correctly. */

ul#bottom_nav_list_2 li, ul#bottom_nav_list_3 li { display: inline; float: left; list-style-type: none; padding-left: 5px; }

ul#bottom_nav_list_2 li a, ul#bottom_nav_list_3 li a { font-size: 0.8em; color: #666; border-left: solid 1px #ccc; padding-left: 5px; }
ul#bottom_nav_list_2 li a.ParentLink, ul#bottom_nav_list_3 li a.ParentLink { border-left: none; padding-left: 0px; }

ul#bottom_nav_list_2 li span, ul#bottom_nav_list_3 li span { font-size: 0.8em; color: #666; border-left: solid 1px #ccc; padding-left: 5px; }
ul#bottom_nav_list_2 li span.ParentItem, ul#bottom_nav_list_3 li span.ParentItem { font-size: 0.8em; color: #666; border-left: none; padding-left: 0px; }
 
ul#bottom_nav_list_2 li.ParentItem, ul#bottom_nav_list_3 li.ParentItem { padding-left: 0px; }
ul#bottom_nav_list_2, ul#bottom_nav_list_3 { padding-left: 0px; margin-left: 0px; } 

#bottom_nav a.ActiveParentLink, #bottom_nav a.ParentLink { border-left: none;  }

p { padding: 10px; _padding-right: 0px;  padding-bottom: 0px; padding-top: 0px; font-size: 0.9em; color: #000000; }

img { border: none; }

#search input {
    height: 1.1em; 
    position: relative;
    top: 2px;
    #top: -2px;
    _top: -2px;  
}

input.NormalTextBox { font-size: 0.8em; }

.breadcrumb
{
    padding: 5px;
}

#dnn_BREADCRUMB_lblBreadCrumb, #dnn_BREADCRUMB_lblBreadCrumb a
{
    color: #666;    
}

/* ----==== Link setup ====---- */

a:link, a:visited
{
    color: #FF0000; font-size: 0.9em; color: #FF0000; text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a.LinksReg:hover { text-decoration: underline; }

#main_navList36 a:link, #main_navList36 a:visited
{
    color: #FFF;
    font-size: 0.9em;
    _font-size: 0.8em;
}

#main_navList36 a:hover
{
    color: #CCC;
    text-decoration: none;
    font-size: 0.9em;
    _font-size: 0.8em;
}

a.LinksFooter:link, a.LinksFooter:visited
{
    font-size: 0.8px;
    color: #666;   
}

a.LinksHeader:link, a.LinksHeader:visited
{
    font-size: 0.9em;
    color: #666;   
}

a.LinksSmall
{
    font-size: 12px;   
}
                      
/* ----==== Page Construction ====---- */

#page_container
{
    width: 100%;
    margin: auto;
}

#bg_top
{
    background-image:url(backgroundTop980.gif);
    width: 980px;
    height: 21px;
    margin: auto;
    background-repeat: no-repeat; 
    background-color: #fff;   
}

#bg_top_timetable
{
    background-image:url(grey-bg-top-timetable.gif);
    width: 980px;
    height: 21px;
    margin: auto;
    background-repeat: no-repeat; 
    background-color: #e5e5e5;    
}

#bg_middle_timetable
{   
    width: 980px;
    background-color: #e5e5e5;
    margin: auto;
    float: left;        
}

#bg_middle
{
    min-height: 63em;
    _height: 61em;
    width: 980px;
    background-color: #e5e5e5;
    margin: auto;
    float: left;      
}
 
#bg_bottom_timetable
{
    width: 980px;
    height: 21px;
    background-image: url(grey-bg-bottom-timetable.gif);
    background-repeat: no-repeat; 
    margin: auto;
    float: left;    
}

#bg_bottom
{
    width: 980px;
    height: 15px;
    background-image: url(backgroundBottom980.gif);
    background-repeat: no-repeat; 
    margin: auto;
    float: left;    
}

#wrapper_timetable
{
	 max-width: 980px;
    _max-width: 980px;
	padding-left: 9px;
    padding-right: 9px;
    _padding: 0px;
    margin: auto;
    _margin-left: 10px;  
}

#wrapper
{
	 max-width: 980px;
    _max-width: 980px;
	padding-left: 10px;
    padding-right: 10px;
    _padding: 0px;
    margin: auto;
    _margin-left: 10px;     
}

#allWrapper_timetable
{
    width: 982px;
    margin: auto;   
}

#allWrapper
{
    width: 980px;
    margin: auto;   
}

#mainContentWrapper
{

}

#left_col
{
    float: left;
    width: 184px;
}


#centre_col
{
    float: left;
    width: 572px; /* subtract 10 from actuall width too allow for 5px padding each side. */
     /* Fix for IE 6 to stop centre column from pushing right column to the next line -- Added on July 3rd, 2008. */
    _width: 572px;
    margin-left: 10px;
    margin-right: 10px;
	_margin-right:3px;
}

#right_col
{
    float: left;
    width: 184px;
}

/* ----==== Header ====---- */

#bg_top_timetable span
{
    float: right;
    padding-right: 10px;
    padding-top: 3px;
}

#bg_top span
{
    float: right;
    padding-right: 10px;
    padding-top: 3px;
}

#header 
{
    width: 960px;
    height: 94px;
}


#main_nav li.ActiveParentItem_0, #main_nav li.ParentItem_0 { list-style-type: none; }

#main_nav li { list-style-type: disc; }

#main_nav ul
{
    float: left;
    margin-left: -10px;
    _margin-left: -20px; 
    padding-left: 0px;
}

#main_nav li
{   
    float: left;
    list-style-type: none;
    color: Red;
    margin-left: 24px;
    _margin-left: 16px;
    
    padding-top: 3px;
    _padding-top: 5px;
}
#main_nav ul li a
{
    float: left;  
}

#NavContentPane
{
    background-color: #000;
    width: 100%;
    height: 24px;
    margin-bottom: 10px;
    #margin-top: -5px;
    _margin-top: -4px;
    _margin-bottom: 0px;
}

.bottom_nav
{
    color: #666;
    font-size: 0.9em;
    border: solid 1px #CCC;  
}

#search
{
    float: right;
    padding-right: 10px;
    margin-top: 0px;
    _margin-top: 4px;
}

#search img
{
    width: 55px;
    height: 15px;
    border: none;
}

#search span
{
    position: relative;
    top: 2px;
}

#top_container
{
    margin-top: 34px;
    _margin-top: 10px;
}

.LeftRightHolder
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */
 
    margin-bottom: 4px;
    background-image:url(ITEM-TOP-121-90.gif);
    background-repeat: no-repeat;
    width: 184px;
    _width: 150px;
    background-color: #e22218;
    border-bottom: solid 1px #ccc;
    min-height: 121px;
    _height: 121px; /* IE6 treats height as height and min-height */
}


.LeftRightHolderRed
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */
 
    margin-bottom: 4px;
    background-image:url(rightLeftSiloRedBg.gif);
    background-repeat: no-repeat;
    width: 151px;
    _width: 174px;
    background-color: #e5e5e5;

    min-height: 121px;
    _height: 121px; /* IE6 treats height as height and min-height */
    _margin-left: 5px;
}

.LeftRightHolderXclusive
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */
 
    margin-bottom: 4px;
    background-image:url(Sub-Nav-Top-bg.gif);
    background-repeat: no-repeat;
    width: 151px;
    background-color: #f2f2f2;
    border-bottom: solid 1px #ccc;
    min-height: 121px;
    _height: 121px; /* IE6 treats height as height and min-height */
}

.LeftRightHolderXclusive .offerImage { padding-left: 0px; padding-top: 5px; padding-bottom: 5px; }

.LeftRightHolderXclusive .ItemOne { padding-left: 0px; padding-top: 0px; padding-bottom: 5px; }

.lineHeight_09
{

}

.LeftRightHolder div, .LeftRightHolderRed div, .LeftRightHolderXclusive div
{
    padding: 10px 0px 10px 10px;
    _padding: 0px;
    _padding-left: 0px;
    _padding-top: 10px;
}

/* ---=== Sub Nav ===---  */

#top10
{
    padding: 5px 0px 0px 0px;
}

.footerNav ul, .footerNav li
{
    float: left;
    margin-left: 2px;
    list-style-type: none;
}

.TopRight /* HomePage */
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */
    min-height: 219px;
    width: 150px;
    float: left;
   margin-left: 4px;
    _height: 219px;
    
}

.TopRightCentrePage /* Centre Page */
{
    /*
    DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */
    width: 184px;
    _width: 174px;
    
    margin-bottom: 10px;
    min-height: 218px;
   _height: 218px; /*  For IE 6 */
}


.TopLeft
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    OK TO ADD _height FOR IE 6 THOUGH
    */
    width: 184px;
    /*
    padding-bottom: 10px;
    margin-bottom: 10px;
    */
 }

/* ToDo - Is #SubNavbg Needed?  The class .SubNavbg is the style being used to style the sub nav */
/*
#SubNavbg  OverRides LeftRightHolder replacing the image specified there with a different image (same but white background) 
{
     DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    

    background-image:url(Sub-Nav-Top-bgNew.gif);
    background-repeat: no-repeat;
    background-color: #FFF;
    border-bottom: solid 1px #ccc;
}
*/
.SubNavbg /* OverRides LeftRightHolder replacing the image specified there with a different image (same but white background) */
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */

    background-image:url(updateGraphics/SubNavBg.gif);
    background-repeat: no-repeat;
    background-color: #FFF;
    border-bottom: solid 1px #ccc;
}

.SubNavbgTopRight /* OverRides LeftRightHolder replacing the image specified there with a different image (same but white background) */
{
    /* DONT ADD A FIXED HEIGHT
    IT WILL BREAK THE RESIZING IN FF WHEN THE FONT SIZE IS INCREASED.
    
    OK TO ADD _height FOR IE 6 THOUGH
    */

    background-image:url(updateGraphics/redLetter.gif);
    background-repeat: no-repeat;

    min-height: 177px;
    _height: 177px;
    width: 184px;
    _width: 174px;
    /*border-bottom: solid 1px #ccc;*/
}

#redLetterLink 
{
    min-height: 43px;
    _height: 43px;
    position: relative;
    left: -10px;
    _left: 0px;
    top: 25px;
    width: 184px;
    padding: 0px;
    background-color: #000;
    _margin-bottom: 10px; 
}

#redLetterLink a
{
    padding-top: 4px;   
    padding-left: 10px;
}


div#redLetterLink a:link, div#redLetterLink a:visited { }
    
div#redLetterLink a:hover
{
    color: #e22218;   
}

div#redLetterLink a:active {}

#callToActionHorizontal, #callToActionBottom
{
    width: 610px;
	_width: 572px;
    margin-top: 10px;
    _margin-top: -16px;
    #margin-top: -40px;
    margin-bottom: 10px;
    /* min-height: 236px; */
    _height: 236px;
    /* border-bottom: solid 1px #FFF; */
}

#callToActionHorizontal div.callToActionHorizontal, #callToActionBottom div.callToActionHorizontal
{
    margin: 0px;
    float: left;
    width: 184px;
    /* min-height: 236px;
    _height: 236px; */
    margin-right: 20px;
    _margin-right: 6px;
    position: relative;
}

#callToActionHorizontal div.lastDiv, #callToActionBottom div.lastDiv
{
    margin-right: 0px;   
}

#callToActionHorizontal div.callToActionHorizontal img, #callToActionBottom div.callToActionHorizontal img
{
    margin-top: -20px;
    #margin-top: 0px;   
}

#callToActionHorizontal div.callToActionHorizontalContent, #callToActionBottom div.callToActionHorizontalContent
{
    width: 184px;   
    margin-top: 5px;
    margin-left: 3px;
    #margin-bottom: 10px;
}

div.callToActionHorizontalContent
{
    width: 184px;   
    margin-top: 5px;
    margin-left: 3px;
}


#callToActionHorizontal ul li, #callToActionBottom ul li 
{
    color: #000;
    margin-left: -5px;   
}

/* ---=== Sub Navigation (top left) ===--- */

#bottom_navList36
{
    padding-top: 10px;
}

#sub_nav, .SubNavbg
{
    margin-bottom: 10px;    
}

#sub_nav a.ActiveLink_1
{
    color: #000;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    background-color: #c9c9c9;   
}

#sub_nav li.InActiveItem_2, #sub_nav a.InActiveLink_2
{
    background-image:url(updateGraphics/Sub-Nav.gif);
    background-repeat: no-repeat;
    background-color: #d7212c; 
}

#sub_nav li.ActiveParentItem_1
{
    display: none;
}

#sub_nav li.ActiveItem_2, #sub_nav a.ActiveLink_2
{
    color: #000;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;  
}

#sub_nav a.ActiveLink_2
{
    background-color: #c9c9c9;        
}

#sub_nav li.InActiveItem_3, #sub_nav a.InActiveLink_3
{
    margin-top: 1px;
    background-image: none;
    width: 96px; 
    list-style-type: disc;
    background-color: transparent;
    color: #666;   
}

#sub_nav li.InActiveItem_3, #sub_nav li.ActiveItem_3
{
    margin-left: 30px; 
}

#sub_nav li.ActiveItem_3, #sub_nav a.ActiveLink_3
{
    color: #666;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    list-style-type: disc; 
    margin-top: 1px;
    width: 96px; 
}

#sub_nav a.ActiveLink_3
{
    background-color: #c9c9c9;
    color: #000;      
}

/* For SubPageNavMenu2 */

#sub_nav2 li.InActiveItem_3, #sub_nav2 a.InActiveLink_3
{
    margin-top: 1px;
    background-image:url(updateGraphics/Sub-Nav.gif);
    list-style-type: none;
    background-repeat: no-repeat;
    color: #FFF;
    #margin-top: 0px;
    _margin-top: 0px;   
}

#sub_nav2 li.ActiveItem_3, #sub_nav2 a.ActiveLink_3
{
    color: #666;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    list-style-type: none; 
    margin-top: 1px;
    #margin-top: 0px;
    _margin-top: 0px;
}

#sub_nav2 a.ActiveLink_3
{
    background-color: #c9c9c9;
    color: #000;   
}

#sub_nav2 a.InActiveLink_2
{
      
}

#sub_nav2 li
{
    padding: 0px;
    list-style-type: none;
   width: 126px;
    margin-bottom: 1px;
    #margin-bottom: -1px; 
   _margin-bottom: -1px;    
}

#sub_nav2 ul li a
{
    color: #FFF;
    display: block;
    width: 160px;
    background-image:url(updateGraphics/Sub-Nav.gif);
    background-repeat: no-repeat;
    background-color: #d7212c;
    padding: 2px;
    font-family: Gill Sans MT,Arial,sans-serif;
}

#sub_nav2 a:hover
{
    color: #000;
    text-decoration: none;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    background-color: #c9c9c9;     
}

#sub_nav2 a.ActiveLastLink
{
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    color: #000;
    background-color: #c9c9c9;     
}

#sub_nav2 a.NavLinkSimple:hover { background: none; text-decoration: underline; color: #ff0000; }

/* Added 02-09-2008 - link on Centre Page Sub Pages back to Centre Page Main Page */

#sub_nav2 .ParentItem_2, #sub_nav2 .ParentLink_2
{
    background-image: none;
    background-color: Transparent;
	font-size: 1.05em;
	color: #ff0000;
	font-weight: normal;  
}

#sub_nav2 .ParentLink_2:link, #sub_nav2 .ParentLink_2:visited, #sub_nav2 .ParentLink_2:active
{
    
}

#sub_nav2 .ParentLink_2:hover
{
    background-image: none;
    background-color: Transparent;
    color: #ff0000;
    text-decoration: underline;
}

#sub_nav a.InActiveLink_2
{
      
}

#sub_nav li
{
    padding: 0px;
    list-style-type: none;
    width: 126px;
    margin-bottom: 1px;
    #margin-bottom: -1px; 
   _margin-bottom: -1px;   
}

#sub_nav ul, #sub_nav2 ul  
{
    padding-left: 0px;
    margin-left: 0px;
    _margin-left: 10px;
}

#sub_nav ul li a
{
    color: #FFF;
    display: block;
    width: 160px;
    background-image:url(updateGraphics/Sub-Nav.gif);
    background-repeat: no-repeat;
    background-color: #d7212c;
    padding: 2px;
    font-family: Gill Sans MT,Arial,sans-serif;
}

#sub_nav a:hover, #sub_nav ul li a:hover
{
    color: #000;
    text-decoration: none;
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    background-color: #c9c9c9;     
}

#sub_nav a.ActiveLastLink
{
    background-image:url(updateGraphics/Sub-Nav-rollover.gif);
    background-repeat: no-repeat;
    color: #000;
    background-color: #c9c9c9;     
}

#sub_nav a.NavLinkSimple:hover { background: none; text-decoration: underline; color: #ff0000; }

/* homepage image */

#leftTopColumn
{
    width: 184px;
    height: 220px;
    float: left;
}

#centreLocator
{
    _height: 220px;   
}

.locatorText
{
    margin-left: 8px;
    padding-top: 8px;
}

#ImageHolder
{
    float: left;
    width: 572px;
    margin-left: 10px;
    margin-right: 10px;
    height: 191px;
}

/* ---=== Hard Coded Menu (top right) ===--- */

#HardCodedMenu
{
    float: left;
     width: 184px;
    _width: 174px;
}

#HardCodedMenu li 
{
    padding: 0px;
    list-style-type: none;
    margin-bottom: 1px;   /* All browsers */
    _margin-bottom: -1px;  /* IE 6 */
    #margin-bottom: -1px;  /* All versions on IE */ 
}


#HardCodedMenu a
{
    color: #FFF;
    display: block;
    width: 164px;
    background-image:url(Sub-Nav-with-arrow.gif);
    background-repeat: no-repeat;
    background-color: #d7212c;
}

#HardCodedMenu a:hover
{
    color: #000;
    background-image:url(Sub-Nav-with-arrow-rollover.gif);
    background-repeat: no-repeat;
    background-color: #c9c9c9;     
}

#HardCodedMenu a.FindOutMore, #HardCodedMenu a.FindOutMore:hover {
	font-size: 1.0em; 
	color: #ff0000;
	background: none;
	display: inline;
}

#HardCodedMenu a.FindOutMore:hover { text-decoration: underline; }

#HardCodedMenu a.ActiveLastLink
{
    background-image:url(Sub-Nav-with-arrow-rollover.gif);
    background-repeat: no-repeat;
    color: #000;
    background-color: #c9c9c9; 
}

#HardCodedMenu a span
{
    margin-left: 20px;   
}

/* -------------------------------- */

.BottomRowMiddle
{
    width: 470px;
    position: relative;
    min-height: 4px;
}

#dnn_LeftMidBottom, #dnn_RightMidBottom
{
    width: 225px; float: left; min-height: 15.4em; padding: 5px;  
}

/* ----==== Content Formatting ====---- */

.LeftRightHolder img
{
    margin: 0px;
    padding-top: 0px;
}

#FitnessPersonality
{
    padding: 0px;   
}

#bottomStrap
{
    margin-top: 30px;
    margin-left: 5px;
}

/* ----==== Content Formatting - Right / Left Column images ====---- */

#dnn_centreLocator {
	padding-bottom:10px;}

.SideSilo
{
	min-height: 154px;
	_height: 154px;
}

/* silo margin
#dnn_LeftColOne span div table, #dnn_RightColOne span div table
{
	margin-bottom: 11px;
}
 */

/* silo margin */
#dnn_LeftColOne span div table, #dnn_RightColOne span div table
{
    margin-bottom: 11px;
}

.ColHomeMargin #dnn_LeftColOne span div table, .ColHomeMargin #dnn_RightColOne span div table
{
    margin-bottom: 0px;
    margin-top: 11px;   
}


.siloTopSection
{
    background-image:url(updateGraphics/siloContentTopSection.gif);
    background-repeat: no-repeat;
    min-height: 87px;
    _height: 87px;
    background-color: White;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    #margin-top: -5px;
}

.siloBottomSection
{
    height: 2px;
    border-bottom: solid 1px #d8d8d8;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;  
    background-color: White;
}

div.siloContent
{
    padding-left: 5px;
    padding-top: 5px;
}

div.siloContent *
{
    padding-top: 2px;   
}

div.siloHeader
{
   font-size: 1.1em;
   _font-size: 1.0em;
   color: #ff0000;
   font-weight: normal;
   line-height: 0.9em; 
}

div.siloText
{
    font-size: 0.9em;
    color: #000000;
}

div.siloContent ul li
{
    color: #000;
    padding-bottom: 3px;   
}

div.siloContent ul li span
{
    color: #666666;   
}

/* middle section */

#forChildren, #forAdults, #forFamilies
{
    margin-right: 1px;
    _margin-right: 0px;
    margin-bottom: 5px;
    _height: 124px;
    min-height: 120px;
    border: solid 1px #CCC;
    float: left;
    width: 470px;
    _width: 468px; /* For IE 6 */  
    background-color: #FFF;
    background-image: url(upperMiddleFade.gif);
    background-repeat: no-repeat;
    background-position: right top;
    #padding-top: -2px;
}

#forAdults
{
    _height: 122px;
    margin-bottom: 4px;
}

#forFamilies
{
    _height: 122px;
}  

#forChildren ul, #forAdults ul, #forFamilies ul
{
    color: #FF0000;   
    padding-left: 0px;
    margin-left: 0px;
}

#forChildren li, #forAdults li, #forFamilies li
{
    list-style-type: disc;
    margin-left: 16px;      
}

#forChildren div, #forAdults div, #forFamilies div {
    padding: .6%;
    _padding: 1.0%;
    padding-bottom: 0em;
}

.HomePageContentFix
{
    margin-top: 1px;
}

.middleText
{
 float: left;
 max-width: 330px;
 margin-left: 10px;
}

.middleText div
{
    clear: both;
}

.middleText ul, .middleText li
{
    list-style-type: disc;
    padding-left: 0px;
    margin-left: 0px;
}

.middleText li
{
    white-space: nowrap;   
}

.top10
{
    position: relative;
    top: 10px;   
}

ul.top10 { padding-left: 0px; margin-left: 0px; }

.IE_top_minus
{
    _margin-top: -13px;
}

/* TODO - Apply this style to all panes */

#dnn_ContentPane h1, .Normal h1 {
	font-size: 1.95em;
	color: #ff0000;
}

#dnn_ContentPane h2, .Normal h2 {
	font-size: 1.1em;
	color: #ff0000;
	font-weight: bold;
}

#dnn_ContentPane h3, .Normal h3 {
	font-size: 1.1em;
	color: #ff0000;
	font-weight: normal;
}

#dnn_ContentPane h4, .Normal h4 {
	font-size: 1.1em;
	color: #666666;
	font-weight: normal;
}

#dnn_ContentPane h5, .Normal h5 {
	font-size: 1.5em; 
	color: #ff0000;
	font-weight: normal;
}

#dnn_ContentPane h1, #dnn_ContentPane h2 #dnn_ContentPane h3, #dnn_ContentPane h4, #dnn_ContentPane h5, #dnn_ContentPane p
{
    margin-bottom: 10px;
}

#dnn_ContentPane p, .Normal p {
	font-size: 0.9em;
    margin-left: -10px;
}

/* when a table is used for formatting in the ContentPane */

#dnn_ContentPane table
{
    font-size: 1em;
    width: 99%;
}

#dnn_ContentPane table td
{
     vertical-align: top;  /* ensures all text that isn't a title aligns to the top of the td box. */ 
}

#dnn_ContentPane table strong /* for titles in table used on Members page */
{
    /* font-size: 1.1em; */
     /* adds space to the top and bottom of the title ** centres text verticaly... ** */
    /* vertical-align: top; */
    /* color: #ff0000; */
}   

#dnn_RightMidBottom * 
{
    margin-bottom: 10px;
}

#dnn_RightMidBottom a { font-size: 1.0em; }

#dnn_RightMidBottom p
{
    margin-left: -10px;
	color: #666666;
	font-size: 0.8em;
	font-weight: normal;
}

#dnn_LeftMidBottom tr, #dnn_LeftMidBottom td
{
    padding-bottom: 20px;   
}

#dnn_LeftMidBottom td span a, #dnn_RightMidBottom td span a { font-size: 1.0em; }

#dnn_ContentPane2 h1, #dnn_ContentPane2 h2 #dnn_ContentPane2 h3, #dnn_ContentPane2 h4, #dnn_ContentPane2 h5, #dnn_ContentPane2 p
{
    margin-bottom: 10px;
}

#dnn_ContentPane2 p
{
    margin-left: -10px;
}

/* ----==== Centre Page Layout Specific ====---- */

.CentreContent_timetable
{
    width: 958px; /* subtract 10 from actual width too allow for 5px padding each side. */
    min-height: 209px;
    margin-left: 0px;
    float:left; /* to float the right hand column next to this column */
    /* Fix for IE 6 to stop centre column from pushing right column to the next line -- Added on July 7th, 2008. */ 
     _width: 460px;
     _margin-left: 4px;
    padding:0px;
}

.CentreContent
{
    border: solid 1px #CCC;
    width: 467px; /* subtract 10 from actual width too allow for 5px padding each side. */
    background-color: #FFF;
    background-image: url(upperMiddleFade.gif);
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 209px;
    margin-left: 6px;
    float:left; /* to float the right hand column next to this column */
    /* Fix for IE 6 to stop centre column from pushing right column to the next line -- Added on July 7th, 2008. */ 
     _width: 460px;
     _margin-left: 1px;
    padding:0px;
}

#dnn_topImage
{
    width: 572px;
    padding: 0px;
    margin-left: -10px;
    _margin-left: 0px;
    border: none;
    _display: inline;
    #display: inline;   
}

#dnn_ContentPane
{
    width: 368px; 
    _width: 368px; 
    /* margin-left: 8px; */
    background-color: #FFF;
    min-height: 580px;
    _height: 636px;
    background-image:url(updateGraphics/contentPaneTop.gif);
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border: solid #cccccc 1px;
    padding: 4px;
    padding-top: 8px;    
}

#localAuthority
{
    border: solid 1px #CCC;
    border-top: none;
    padding: 10px;
    width: 550px;
    _width: 552px;
    /* height: 88px; */
    background-image:url(updateGraphics/localAuthorityBack.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /* margin-left: 8px; */
    margin-top: 10px;
    background-color: #FFF;  
}


#latestNewsMain
{
    /* float: left; */
	display:block;
	
}

#dnn_latestNews
{
    width: 560px;
   /* min-height:  505px;*/
   /* _height: 505px;*/
    position: relative;
    top: -110px;
    #top: -130px;
    padding: 8px;
}

#dnn_latestNews a
{
    display: inline-block;
    margin-bottom: 4px;
}

#dnn_latestNews td
{
    padding-bottom: 20px;
}

#latestNewsTop
{
    background-image:url(updateGraphics/latestNewsTop.gif);
    width: 580px;
    min-height: 155px;
    _height: 155px;
    background-repeat: no-repeat;  
}

/* New Section fixing news layout on homepage. */
#latestNewsMain div.middleContainer
{
   	background-image:url(updateGraphics/latestNewsMiddle.gif);
   	#background-image:none;
   	_background-image:none;
    background-repeat: repeat-y;
}
/* End new section. */

#latestNewsMiddle
{
    
   	/*background-image:url(updateGraphics/latestNewsMiddle.gif);*/
   	#background-image:url(updateGraphics/latestNewsMiddle.gif);
   	_background-image:url(updateGraphics/latestNewsMiddle.gif);
    background-repeat: repeat-y;
    margin-bottom: -110px;
    #margin-bottom: 0px;
    _margin-bottom: 0px;
}


#latestNewsBottom
{
    background-image:url(updateGraphics/latestNewsBottom.gif);
    width: 580px;
    min-height: 5px;
    _height: 5px;  
    background-repeat: no-repeat;
	position:relative;
}

div .CentreContent_timetable #centre_col #dnn_ContentPane
{
   margin-left: 6px;
}

.CentreBreadcrumb
{
    padding-left: -5px;
}

.CentreDownloadButton
{
    position: relative;
    top: 3px;
    left: -5px;
}

.CentreInfoLeftCol, .CentreInfoRightCol
{
  width: 230px;
  float: left;   
}

.CentreDownloadButton img
{
    border: none;   
}

/* ---=== HomePage ===--- */

.homePageCentreBottomLine
{
    position: relative;
    top: -2px;
}

/*  new for News Page */
/*
.DarwinNewsStories, .DarwinNewsStories a, .DarwinNewsStories td
{
    font-size: 0.9em;   
}
*/
.DarwinNewsStories td
{
    padding-bottom: 20px;   
}


/* END new for News Page */

.DarwinNewsStories tr /* whats going on locally */
{
    border-bottom: 2em;
}

.DarwinNewsStories
{
    font-size: 0.9em;
}

.DarwinNewsStories .Summary
{
    color: #666;   
    display: block;
    padding-bottom: 10px;
}

.DarwinNewsStories .Link {}

table.DarwinNewsStories tr td a { font-size: 1.0em; }

#dnn_CentreContent a.title { padding-left: 5px; color: #666; font-size: 14px; font-weight: bold; }
#dnn_CentreContent a.description { padding-left: 5px;  font-size: 14px; font-weight: normal; }

#dnn_ContentPane a.title { padding-left: 5px; color: #666; font-size: 14px; font-weight: bold; }
#dnn_ContentPane a.description { padding-left: 5px;  font-size: 14px; font-weight: normal; }
	
.SubHead { display: none; }
	
/* For manualy added forms through the CMS. */
form select { font-size: 0.9em; }
form select option { font-size: 0.9em; }

/* Home Page Centre Modules IE7 Fix */

.ForFamilesHolder
{
    #margin-top: -2px;
    _margin-top: 0px;

}

/* added 29-08-08 */

table h4 a /* About us page - font weight fix the "Your Local Leisure Centre" link */
{
	font-weight: 600;
}

/*
    lineheight is set to 1.2em under the * selector. instead of removing this declaration and risk changing other styles,
    i've simply added a larger lineheight to the bottom links.  the 1.2em lineheight was hiding the underline in IE.
    A lineheight of 1.6em is enough to show the underline on hover.
 */

ul#bottom_navList36 li a:link, ul#bottom_navList36 li a:visited, ul#bottom_navList36 li a:active
{
    line-height: 1.6em;
}

ul#bottom_navList36 li a:hover
{
    line-height: 1.6em; 
}

/* ===== Calendar ===== */
	
	.CMSCalendar .ajax__calendar_container {
		border: #C5D0DE 1px solid;
		background-color: #ffffff;
	}

	.CMSCalendar .ajax__calendar_container td {
		padding: 1px;
	}

	.CMSCalendar .ajax__calendar_header {
		border-bottom: #C5D0DE 1px solid;
		background-color: #D9E1E9;
	}

	.CMSCalendar .ajax__calendar_footer {
		border-top: #C5D0DE 1px solid;
		background-color: whitesmoke;
	}

	.CMSCalendar .ajax__calendar_dayname {
		font-weight: bold;
	} 

	.CMSCalendar .ajax__calendar_other .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_other .ajax__calendar_year {
		color: #999999;
	}
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_month,
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_year {
		color: black; text-decoration: underline;
	}
	.CMSCalendar .ajax__calendar_active .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_active .ajax__calendar_month,
	.CMSCalendar .ajax__calendar_active .ajax__calendar_year {
		color: black;
		border: #C5D0DE 1px solid; background-color: whitesmoke;
	}

	.CMSCalendar .ajax__calendar_hover .ajax__calendar_title {
		color: black; text-decoration: underline;
	} 
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_today {
		color: black; text-decoration: underline;
	} 
	
/* New news plugin */
#latestNewsMiddle .newsPageControls { border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:0;margin:0;font-size:0.9em;display:none; }
#latestNewsMiddle .newsPageControls table {width:100%;}
#latestNewsMiddle .SortParameters {font-size:0.9em;}
#latestNewsMiddle .DarwinNewsStories h2 {font-size:1.1em; font-weight:normal;}
#latestNewsMiddle .DarwinNewsStories .news-image {display:inline;float:left;width:100px;}
#latestNewsMiddle .DarwinNewsStories .news-text {display:inline;float:left;width:160px;padding-right:10px;}
#latestNewsMiddle .newsPageControls hr { display: none; }

#latestNewsMiddle #dnn_latestNews .DarwinNewsStories td { vertical-align: top; }

#latestNewsMiddle #dnn_latestNews table.DarwinNewsStories { margin-top: 20px; }