.Heading1, h1 {font-size:1.5em;color:#3F3F3F;margin: 0.2em 0 0.2em 0;}  
.Heading2, h2 {font-size:1.3em;color:#3F3F3F;margin: 0.2em 0 0.2em 0;}
.Heading3, h3 {font-size:1.1em;color:#3F3F3F;margin: 0.2em 0 0.2em 0;} 
.Heading4, h4 {font-size:1em;color:#3F3F3F;margin: 0.2em 0 0.2em 0;}  
.Heading5, h5 {font-size:1em;color:#3F3F3F;margin: 0.2em 0 0.2em 0;}

.Normal, p {margin: 0.1em 0 0.8em 0;padding: 0;line-height: 1.5em;}

/*==========Customisation of colours===========*/

/*Customised header colours*/
 #header-inner {background-color:#33b9a9}
 #header h1,  #header h2, #header .pseudoH1 {background-color:#00a894}
 #inner-one {background-color:#74c2b6}

 #content a, #related a, #content-wide-2col a  {color: #006666;}
 #content a:visited, #content-wide-2col a:visited {}
 #content a:active, #content-wide-2col a:active {color: #445000;}

/*lists*/

/*default list*/
 ul li {background: transparent url(/images/rbkc/community/bullets-commu.gif) no-repeat scroll 2px 0.1em;}

 #content ul li {
	background:transparent url(/images/rbkc/community/bullets-commu.gif) no-repeat scroll -1px 0.02em;
}

/*======== Main Navigation List=======*/

/*Generic setup*/
#navigation {font-size:100%; color:#756C6C;}
#navigation ul.navigation-list {
    list-style-type: none;
    padding: 0;
    font-size: 95%;
    margin: -7px 10px 18px 0;
    }
#navigation ul.navigation-list ul {
    margin: 0;
    padding:0;
    }
#navigation .navigation-list li {
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    background-image:none;
    color:#524e4a;
    }

/*Generic setup continued and setting of default colour and up arrow on all elements*/
#navigation .navigation-list li a, #navigation .navigation-list li strong {
    padding: 3px 12px 3px 22px;
    text-decoration: none;
    background-position: 5px 50%;
    /*background-image: url(/images/rbkc/nav-up-arrow-32.png);*/
    display: block;
    color: #615959;
    background-color: #E3E3D9;
    background-repeat:no-repeat;
    }

#navigation .navigation-list ul {border-bottom:8px solid #33b9a9;}

#navigation .navigation-list ul ul, div.portal #navigation .navigation-list ul, div.index #navigation .navigation-list ul {border:none !important;}


/*Changes some properties from above for the hompage navigation and uses homepage navigation style of navigation on all pages
that use a class of index on the #navigation div, this was added in case there was a need to use this style of navigation
on global pages such as the local events and services a-z pages*/
#navigation .navigation-list li a, div.index #navigation .navigation-list li a, div.index #navigation .navigation-list li strong, #navigation .index-nav .navigation-list li a {
    /*padding: 3px 30px;*/
    background-position: 194px 50%;
    background-image: url(/images/rbkc/arrow-white-large.gif);
}

/*#navigation .index-nav .navigation-list li strong, #navigation .navigation-list li strong*/

#navigation .navigation-list li strong.nav-home, #navigation .navigation-list li a.nav-home {
	background-image:url(/images/rbkc/nav-right-arrow-32.png);
	background-position:5px 50%;
}

/*Set a right image for the current page on a portal page*/
#navigation .navigation-list li strong{background-image: url(/images/rbkc/nav-right-arrow-32.png);}

/*Set default hover colour of blue with white text*/
/*moved#navigation ul.navigation-list li a:hover {
	background-color: #608CCD; color:#fff;
}
.index #navigation ul.navigation-list li a:hover {
    background-image: url(/images/rbkc/arrow-blue.gif);
}*/

/*Change colour of selected page on the homepage to the above style*/
/*.index #navigation .navigation-list li strong {background-color: #608CCD; color:#fff;}*/

/* ==== Customised Level 1====== */

div.portal #navigation ul.navigation-list .nav-home {background-color:#E3E3D9; color:#615959;background-image: url(/images/rbkc/nav-up-arrow-32.png);}
div.index #navigation ul.navigation-list .nav-home {background-position: 5px 6px; background-color:#E3E3D9; color:#615959;background-image: url(/images/rbkc/nav-up-arrow-32.png);}

div.portal #navigation ul.navigation-list .nav-home {background-color:#E3E3D9; color:#615959;background-image: url(/images/rbkc/nav-up-arrow-32.png);}
div.index #navigation ul.navigation-list .nav-home {background-position: 5px 6px; background-color:#E3E3D9; color:#615959;background-image: url(/images/rbkc/nav-up-arrow-32.png);}

/*Change colour of selected page for a section*/
#navigation .navigation-list li strong {background-color: #009894; color:#fff;} 



/*Change colour of hover styles for a section*/
#navigation.sidemenu .navigation-list li a:hover {background-color: #00b5a0; color:#fff;} 

/*Change colour of list items with a class of section for a section*/
/*#navigation li.section a, #navigation li.section strong {background-color:#D1D496;background-image: url(/images/rbkc/nav-up-arrow-32.png);}*/
 #navigation li.section a, div.housing #navigation li.section strong {background-color:#9fe5cc;}
 #navigation .navigation-list li.section ul a, #navigation li.section ul strong{background-color:#00a894;}

#navigation .navigation-list li.section a, #navigation .navigation-list li.section strong {background-image: url(/images/rbkc/nav-up-arrow-32.png); background-position: 5px 50%;}

/* ==== Level 2 ====== */

#navigation ul.navigation-list ul li {}
#navigation ul ul a:hover {}
div.portal #navigation ul.navigation-list ul li a {
    background-position: 200px 50%;
    background-image: url(/images/rbkc/arrow-white.png);
    color: #615959;
    background-color: #E3E3D9;
}
div.index #navigation ul.navigation-list ul li a {
    background-position: 194px 50%;
    background-image: url(/images/rbkc/nav-arrow.png);
    color: #615959;
    background-color: #E3E3D9;
}

#navigation ul.navigation-list ul a, #navigation ul ul strong {background-image: url(/images/rbkc/nav-down-arrow-32.png);}
/* ==== Customised Level 2====== */
#navigation ul.navigation-list ul a, div .housing #navigation ul ul strong {background-color:#00894;color:#fff;}


/* ==== Level 3 ====== */

#navigation ul.navigation-list ul ul a:hover {}
#navigation ul.navigation-list ul ul {margin-top:1px;}
#navigation ul.navigation-list ul ul li {margin:0 0 0 5px;}
#navigation ul.navigation-list ul ul a, #navigation ul.navigation-list ul ul strong {border-bottom:1px solid #E6E6E6;background-position: 10px 0.6em;padding-left:20px;padding-right:5px}

/* ==== Customised Level 3====== */

#navigation ul.navigation-list ul ul a:hover {background-image:url(/images/rbkc/arrow-white.png) !important}

/*Change colour of level 3 navigation elements*/
div #navigation.sidemenu ul.navigation-list ul ul a, div #navigation.sidemenu ul.navigation-list ul ul strong {background-image: url(/images/rbkc/community/arrow-commun.gif);background-color:#fff;color:#006666;}
div #navigation.sidemenu ul.navigation-list ul ul strong {background-color:#d8e8e6;color:#006666;}

/*Change colour of level 3 navigation elements currently selected*/
#navigation ul.navigation-list ul ul strong {background-color:#d8e8e6;}


/* ==== Level 4 ====== */
/*Levels 4 and five where not present on the storyboards so 4 and 5, if used will be the same as 3 but indented more*/
#navigation ul.navigation-list ul ul ul {margin-top:0;}
#navigation ul.navigation-list ul ul ul li {}
#navigation ul.navigation-list ul ul ul a, #navigation ul ul ul ul strong {}
#navigation ul.navigation-list ul ul ul a:hover {}

/* ==== Level 5 ====== */

#navigation ul.navigation-list ul ul ul ul li {}
#navigation ul.navigation-list ul ul ul ul a, #navigation ul ul ul ul ul strong {}
#navigation ul.navigation-list ul ul ul ul a:hover {}