/* 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, #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;
}

#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
{
    width: 960px;
    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
{
    margin: 0px;
    float: left;
    width: 184px;
    min-height: 236px;
    _height: 236px;
    margin-right: 10px;
    _margin-right: 6px;
    position: relative;
}

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

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

#callToActionHorizontal 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 
{
    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 ====---- */

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

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

.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: 356px;
    _width: 356px;
    height: 88px;
    background-image:url(updateGraphics/localAuthorityBack.gif);
    background-repeat: no-repeat;
    background-position: 1px 0px;
    margin-left: 8px;
    margin-top: 10px;
    background-color: #FFF;  
}

#latestNewsMain
{
    float: left; 
}

#dnn_latestNews
{
    width: 162px;
    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: 186px;
    min-height: 155px;
    _height: 155px;
    background-repeat: no-repeat;  
}

#latestNewsMiddle
{
    background-image:url(updateGraphics/latestNewsMiddle.gif);
    background-repeat: repeat-y;
}

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

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; 
}