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

/*========== Homepage Specific==========*/

div.index #content-header {background: #5992D7 url(/images/rbkc/home-header-bg.jpg) no-repeat top right;}
/*.index #content-header-inner {
    min-height:117px; /*This will also require changing in ie.css as ie 6 don't support min-height*/
   /* font-size:0.9em;
}*/

div.index #content ul li, div.portal #content ul li {
	background:transparent url(/images/rbkc/jobs-careers-council/bullet-job.gif) no-repeat scroll -1px 0.02em;
	padding-left:20px;
	float:left;
	width:45%;
	margin-right:5px;
}

#header h1, #header h2 { /*h1 used for the homepage and portal pages, h2 used for other pages so that the h1 always matches the title*/
    background:#1253B5 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x;
    margin:0;
    font-size:1.4em;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    padding:0.72em 12px;
    width:60%;
    color: #fff;
    font-weight:normal;
    }

/*lists*/

/*default list*/
ul li {background: transparent url(/images/rbkc/jobs-careers-council/bullet-job.gif) no-repeat scroll 2px 0.1em;}

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

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

#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.png);
}

/*#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*/
#navigation ul.navigation-list li a:hover {
	background-color: #608CCD; color:#fff;
}
div.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*/
div.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: #d96200; color:#fff;} 

/*Change colour of hover styles for a section*/
div #navigation.sidemenu .navigation-list li a:hover {background-color: #d96200; 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:#d9bca5;}

#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:#d96200;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/housing.gif);background-color:#fff;color:#bd5500;}
div #navigation.sidemenu ul.navigation-list ul ul strong {background-color:#F7E4D5;color:#bd5500;}

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


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