/* Redefine logo */
.logo {background: url(../images/careered/careered_logo.gif) top left no-repeat;width:345px;height:70px;margin:5px 0}

/* Redefine neighbourhood tab colours */
/* Tab widths should total: 732*/
.nav li.A a{width:134px;background-color:#00367E}
.A .nav li.A a, .nav li.A a:hover{width:134px;background-color:#94a4cb;color:#000000}

.nav li.B a{width:157px; background-color:#00367E}
.B .nav li.B a, .nav li.B a:hover{width:157px;background-color:#94a4cb;color:#000000}

.nav li.C a{width:175px;background-color:#00367E}
.C .nav li.C a, .nav li.C a:hover{width:175px;background-color:#94a4cb;color:#000000}

.nav li.D a{width:116px;background-color:#00367E}
.D .nav li.D a, .nav li.D a:hover{width:116px;background-color:#94a4cb;color:#000000}

.nav li.E a{width:150px;background-color:#00367E}
.E .nav li.E a, .nav li.E a:hover{width:150px;background-color:#94a4cb;color:#000000}

/*
.nav li.F a{width:86px;background-color:#9A6B37}
.F .nav li.F a, .nav li.F a:hover{width:86px; background-color:#BB9976;color:#000000}
*/

/* Tabs all the same colour so no need to redefine this for each letter */

.location{background-color:#94a4cb}
.location a{color:#000000}
.location a:hover{color:#ffffff}

/* Make the child links list look like the section menu */
.subnav li a {background: url(../images/careered/careered_bullet.gif) 0 0.6em no-repeat;}
.subnav li a:hover{background: url(../images/careered/careered_bullet.gif) 0 0.6em no-repeat;}

/* Redefine Accordion Menu First level Images */
table.accordion-header a,
table.accordion-header a:visited {
	background:  #fff url(../images/careered/careered_bullet.gif) 0 0.7em no-repeat;
	}
table.accordion-header a:hover,
table.accordion-header a:active,
table.accordion-header-selected a,
table.accordion-header-selected a:visited {
	background:  #efefef url(../images/careered/careered_bullet.gif) 0 0.7em no-repeat;
	}

/* Redefine Accordion Menu Third level Image */
table table table table a.accordion-item:hover,
table table table table a.accordion-item:active,
table table table table a.accordion-item-selected,
table table table table a.accordion-item-selected:visited {
	background:  #fff url(../images/careered/careered_arrow.gif) 0 0.6em no-repeat;
	}


/* Redefine left navagation area for 3 column home page- the subnav uses section menu lists */

body.threecolumn .subnavhome{width:18.5%;float:left;}
.subnavhome{}
	.subnavhome ul{list-style:none;margin:0;padding:3px 0 1px 6px;}  
		.subnavhome li a{
		padding:3px 0 1px 6px;
		text-decoration:none;
		}
		
		.subnavhome li a:hover{
		padding:3px 0 1px 6px;
		text-decoration:none;
		}

/* following lines is for the childlink list to memic the section menu */
.subnav li{background: url(../images/careered/careered_bullet.gif) 0 0.7em no-repeat; color: #000000}
.subnav li a {border-bottom: 1px #d5d5d5 solid; background: url(../images/careered/careered_bullet.gif) 0 0.7em no-repeat; color: #000000}
.subnav li a:hover {border-bottom: 1px #d5d5d5 solid; background: url(../images/careered/careered_bullet.gif) 0 0.7em no-repeat #efefef; color: #000000}

/* left links on the business template  (because these links are in the subnav div tag, the first two lines are to remove unwanted css) */
.leftlinks li{border: none; font-size: 1em; list-style:none;background: none; line-height: 1em; margin-top: -.6em;}	
.leftlinks li a {border: none; font-size: .95em; background: url(../images/tru/arrow.gif) 0 .4em no-repeat;}
.leftlinks li a:hover {border: none; font-size: .95em; background: url(../images/careered/careered_arrow.gif) 0 .4em no-repeat;}

/* Box styles */
.cssbox, .cssbox_body { background: transparent url(../images/box.gif) no-repeat bottom right;} 
.cssbox_head, .cssbox_head h2 { background: transparent url(../images/box.gif) no-repeat bottom right;background-color:#94a4cb;  } 
.cssbox ul { list-style-image: url(../images/star.gif); list-style-type: circle; padding-left:20px; }
.cssbox ul li { text-align: left;} 
.cssbox a {font-size: 14px; font-weight: bold;} 
.cssbox {width: 100% !important; width: 100%; padding-right: 15px;} 
.cssbox_head {background-position: top right; margin-right: -15px; padding-right: 40px;} 
.cssbox_head h2 {background-position: top left; margin: 0; border: 0; padding: 25px 0 15px 40px; height: auto !important; height: 1%; color:white} 
.cssbox_body {background-position: bottom left; margin-right: 25px; padding: 15px 0 15px 20px;}