/**********************
general styles 
***********************/
.clear {clear:both;}

p.caption{
padding:0;
margin:0;
font-style:italic;
}


body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6f6f6f;
text-align:center;
margin:0 auto;
font-size:75%;
background:#fff;
}

img{
border:0;
}

a{
text-decoration:none;
}

#main-wrapper{

/*width:1280px;*/
margin:0 auto;
/*background:#e2e2e2;*/
}

#body-wrapper{
width:960px;
margin:0 auto;
padding-top:15px;
text-align:left;
}

img#logo{
float:left;
margin-left:0;
}

ul#head-nav{
float:right;
/*width:345px;*/
}

ul#head-nav li{
float:left;
border-right:1px solid #000;
}

ul#head-nav li.last {
border:none;
}

ul#head-nav li a {
color:#636363;
display:block;
text-decoration:underline!important;
padding:0 10px;
}

ul#head-nav li a:hover {
color: #333;
}

ul#head-nav li.last a {
padding-right:0;
}

#main-top-nav.home{
clear:both;
text-align:center;
display:block;
padding-top:17px;
}
#main-top-nav{
clear:both;
text-align:center;
display:block;
padding-top:24px;
}


#main-top-nav ul{
vertical-align:middle;
width:960px;
float:left;
display:block;
}

#main-top-nav ul li{
float:left;
}

#main-top-nav ul li a{
font-family:"Trebuchet MS" Verdana,Arial,Helvetica,sans-serif;
display:block;
width:120px;
background-color:#333;/*accecibility*/
float:left;
color:#e1e1e1;
line-height:13px;
font-weight: bold!important;
font-size: 1.1em;
}

#main-top-nav ul li.home{
border-top:5px solid #7b7b7b;
}

#main-top-nav ul li.home a{
padding:14px 0 14px 0;
background:url(../images/nav-home-bg.jpg) top left repeat-x;	
}

#main-top-nav ul li.about{
border-top:5px solid #002f7b;
}

#main-top-nav ul li.about a{
padding:14px 0 14px 0;
background:url(../images/nav-about-bg.jpg) top left repeat-x;	
}

/*#main-top-nav ul li.about{
border-top:5px solid #002f7b;
}

#main-top-nav ul li.about a{
padding:14px 0 14px 0;
background:url(../images/nav-about-bg.jpg) top left repeat-x;	
}*/

#main-top-nav ul li.programme{
border-top:5px solid #f48e2a;
}

#main-top-nav ul li.programme a{
padding:6px 0 10px 0;
background:url(../images/nav-programme-bg.jpg) top left repeat-x;
}

#main-top-nav ul li.after-programme{
border-top:5px solid #c81f3c;
}

#main-top-nav ul li.after-programme a{
padding:6px 0 10px 0;
background:url(../images/nav-after-prog-bg.jpg) top left repeat-x;
}

#main-top-nav ul li.our-people{
border-top:5px solid #5eb2f0;
}

#main-top-nav ul li.our-people a{
padding:14px 0 14px 0;
background:url(../images/nav-people-bg.jpg) top left repeat-x;
}

#main-top-nav ul li.locations{
border-top:5px solid #00c6ba;
}

#main-top-nav ul li.locations a{
padding:14px 0 14px 0;
background:url(../images/nav-locations-bg.jpg) top left repeat-x;
}

#main-top-nav ul li.recruitment{
border-top:5px solid #ef47cf;
}

#main-top-nav ul li.recruitment a{
background:url(../images/nav-recruitment-bg.jpg) top left repeat-x;
padding:6px 0 9px 0;
}

#main-top-nav ul li.events{
border-top:5px solid #00a7e8;
}

#main-top-nav ul li.events a{
background:url(../images/nav-events-bg.jpg) top left repeat-x;
padding:14px 0 14px 0;
}

#main-top-nav ul li a:hover, #main-top-nav ul li a.active{/*Apply to all navigation tabs*/
background:url(../images/nav-over-bg.jpg) top left repeat-x;
color:#333;
font-weight:bold;
}

#footer{
clear:both;
background:#fff;
height:65px;
color:#e1e1e1;
padding:0;
}

#footer #footcont {
width:960px;
margin:0 auto;
padding: 0;
color:#e1e1e1;
background:#2e2e2e;
height:65px;
}

#footer ul.fl {
float:left;
width: 410px;
padding: 21px 0 0 15px;
}	

#footer ul.fl li {
float: left;
padding:0 5px 0 5px;
}

#footer ul.fl li a {
float: left;
color:#e1e1e1;
text-decoration:underline;
padding:0 10px 0 0px;
}

#footer ul.fl li a:hover {
color: #fff;
}

#footer #facebook {
width: 250px;
float: left;
color: #fff;
padding: 15px 0 0 0;
color:#FFFFFF!important;
}

#footer #twitter {
width: 118px;
float: left;
margin: 0 0 0 0;
padding: 7px 0 0 155px;
}

#footer #twitter-home {
width: 118px;
float: left;
margin: 0 0 0 0;
padding: 7px 0 0 10px;
}

#footer #top {
width: 61px;
float: left;
margin: 0 0 0 0;
padding: 10px 0 0 25px;
}

#footer #agr {
width: 33px;
float: left;
margin: 0 0 0 0;
padding: 10px 0 0 25px;
}

#footer ul.fr {
float: left;
width: 50px;
padding: 20px 0 0 10px;
}

#footer ul.fr li {
float: left;
padding:0 5px 0 5px;
}

#footer ul.fr li a {
float: left;
color:#e1e1e1;
text-decoration:underline;
padding:0 10px 0 0px;
}


#bottom-content{
background:url(../images/content-bottom-bar.jpg) left bottom no-repeat #e2e2e2;
padding-bottom:30px;
}

#bottom-content-home{
background:url(../images/content-bottom-bar.jpg) left bottom no-repeat #fff;
padding-bottom:0;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}

#top-image{/*used for all top main images*/
clear:both;
width:960px;
height:229px;
display:block;
float:left;
margin-top:-1px;
}

#top-image h1{/*, #top-image h2, #top-image h3, #top-image p{
position:absolute;
top:-9999px;
height:1px;
width:1px; */
position:relative;
top:175px;
left:50px;
width:850px;
color:#FFFFFF;
}


#top-image h1{
font-size:300%;
font-weight:normal;
padding-bottom:10px;	
}	

#top-image h2{
font-size:160%;
padding:0px 0 15px 50px;
font-weight:normal;
}

#top-image p{
padding-left:50px;
}


#top-image blockquote, #top-image cite{
position:absolute;
top:-9999px;
left:-9999px;
width:0;
height:0;
clear:none;
}

#left-nav{
float:left;
display:block;
width:175px;
padding-top:25px;
}

#left-nav ul{
margin-left:10px;
margin-bottom: 15px;
}

#left-nav ul li{
padding:0;
margin:0 0 5px 0;
}

#left-nav ul li a{
padding:8px 0px 8px 5px;
display:block;
font-weight:bold;
}

#left-nav-images {
display:block;
width:175px;
padding-top:15px;
background: #e2e2e2;
text-align:center;
}

#left-nav-images img {
display:block;
padding-bottom: 15px;
margin: 0 auto;
}

#left-nav h2{
color:#363636;
margin:0px 0 10px 15px;
clear:both;
}


#left-nav ul li ul li{ /* sub nav*/
margin:5px 0 0 0px;
}	

#left-nav ul li a.active, #left-nav ul li a.active:hover{
background:#e2e2e2;
}

#left-nav ul li a:hover{
background:#FFFFFF;
}

#mid-col, #our-people-wide {
display:block;
float:left;
width:500px;
height:auto;
margin:35px 35px 0 35px;
}

#our-people-wide {
width:720px;/*overwrite above*/
margin-right:0;
}

#mid-col-wide {
display:block;
float:left;
width:710px;
height:auto;
margin:35px 0 0 35px;
}

#wide-left{
width:675px;
float:left;
padding:35px 35px 0 35px;
}


#mid-col a, #wide-left a, #mid-col-wide a {
color:#f26522;
text-decoration:underline;
}

.locations table{
width:500px;
}

.locations table th{
background:#009e93;
color:#FFFFFF;
text-align:left;
border:1px solid #666666;
}	

#mid-col h2, .our-people-wide h2, #wide-left h2, #mid-col-wide h2 {
color:#252525;
padding-bottom:10px;
font-size:200%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
clear:both;
display:block;
}

#mid-col h3, .our-people-wide h3, #wide-left h3, #mid-col-wide h3 {
clear:both;
padding:15px 0 20px 0;
margin:0;
display:block;
font-size:170%;
font-weight:normal;
}

#mid-col h4, .our-people-wide h4, #wide-left h4, #mid-col-wide h4 {
color:#111111;
padding:0 0 10px 15px;
font-size:135%;
clear:left;
}

#mid-col h5, #wide-left h5, #mid-col-wide h5 {
color:#252525;
font-size:115%;
padding-bottom:20px;	
}	

#mid-col p, #wide-left p, #mid-col-wide p {
line-height:17px;
margin-bottom:10px;
color:#555555;

}

#mid-col-wide ul {
line-height:17px;
margin-bottom:10px;
color:#555555;
list-style: disc;
margin-left: 25px;
}

blockquote.w320{
float:left;
display:block;
width:320px;
}

p.w320{
display:block;
clear:both;
float:right;
}

#mid-col img, #wide-left img{
float:left;
margin:5px 15px 15px 0;
}
#right-text {
width:300px;
float:left;
}

sup {
font-size:.7em;
font-weight:bold;
color:#990000;
}


#right-col{
float:left;
display:block;
width:215px;
margin-top:35px;
}

#right-col h4{
font-size:115%;
display:block;
background:#fff;
padding:10px;
margin-bottom:10px;
}

#right-col p{
padding:0 10px 20px 10px;
color:#555555;
line-height:17px;
}

#right-col img{
width:195px;
margin:0 0 10px 10px;
}

#right-col a.more{
color:#F26522;
padding-top:7px!important;
padding-bottom:30px;
margin:0 0 10px 10px!important;
}

/***********
home
************/

#home-flash{
clear:both;
width:960px;
float:left;
background: #e2e2e2;
}

#home-flash p{
padding:20px 0 40px 0;
display:block;
font-size:20px;
color:#000000;
}

#home-flash p img{
float:left;
margin-right:30px;
}

#home-middle-content {
padding:30px 0 20px 24px;
background:#fff;
margin-top:15px;
}


#join {
margin:0 20px 0 0;
padding:0 0 0 0;
width:610px;
float:left;
display:block;
}

#join h3{
margin-bottom:20px;
color:#be2337;
font-size:130%;
}

#join p{
line-height:normal;
margin:0 0 10px 0;
}

#brand {
margin:0 0 0 0;
padding:0;
width:281px;
float:left;
display:block;
}

#brand ul li{
margin:7px 31px 7px 0;
float:left;
}

#brand ul li a{
color:#f26522;
}

#brand h3{
margin-bottom:20px;
color:#be2337;
font-size:130%;
}

#brand img{
border:1px solid #acacac;
}


#brand div.managers {
display:block;
height:100px;
margin:30px 0 0 0;
clear:none;
width:210px;
padding-left:65px;
}

div.managers {
background:url(../images/icon-people.gif) top left no-repeat;
}


#brand ul li div.managers h4 {
color:#f26522;
margin-bottom:10px;
float:left;
clear:both;
}

#brand ul li div.managers p {
line-height:normal;
float:left;
width:210px;
clear:both;
display:block;
}


/********************************/

#home-content{
padding:0 19px 15px 24px;
background:#fff;
margin-top:15px;
}

#home-content ul li{
margin:7px 31px 7px 0;
float:left;
}

#home-content ul li a{
color:#f26522;
}

#home-content h3{
margin-bottom:15px;
color:#be2337;
font-size:130%;
}

#home-content img{
border:1px solid #acacac;
}


#home-content ul li.last{
margin-right:0;
}

#home-content div.people, #home-content div.locations, #home-content div.events{
display:block;
height:100px;
margin:30px 0 0 0;
clear:none;
width:210px;
padding-left:65px;
}

/*#home-content div.events {
display:block;
margin:15px 0 0 0;
padding:0;
clear:none;
width:275px;
}*/

#home-content div.people{
background:url(../images/icon-people.gif) top left no-repeat;
}

#home-content div.locations{
background:url(../images/icon-locations.gif) top left no-repeat;
}

#home-content div.events{
background:url(../images/icon-events.gif) top left no-repeat;
}

#home-content ul li div h4{
color:#f26522;
margin-bottom:10px;
float:left;
clear:both;
}

#home-content ul li div p{
line-height:normal;
float:left;
width:210px;
clear:both;
display:block;
}

/*#home-content ul li div.events p {
line-height:normal;
float:left;
width:275px;
clear:both;
display:block;
}*/

#home-content ul li div.events p.border {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
height:25px;
}


#home-content ul li div.events p a.more{
text-decoration:none;
clear:both;
float:right;
/*margin-top:-10px;*/
margin-right:5px;
padding-top:0;
}

/*********************
The programm
**********************/

.the-programme-banner{
background:url(../images/top-image-institute.jpg) top left no-repeat;
}

#the-programme-content{
clear:both;
border-top:7px solid #f4c4a1;
}

#the-programme-content #left-nav{
background:#f4c4a1;
}

#the-programme-content #left-nav li a{
color:#a54806;
}

/*.mid-programme img{
float:left;
margin:5px 15px 0 0;
}

.mid-programme p{
line-height:17px;
margin-bottom:20px;
color:#555555;
}
*/
.mid-programme h3{
color:#e37222;
}


.mid-programme h4{
background:url(../images/h4-red-bg.jpg) 0px 1px no-repeat;
}

.mid-programme table{
width:auto;
width:500px;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;

}

table.region {
margin:0;
background:#FFFFFF;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
}

table.region td{
border-bottom:1px solid #666;
border-right:1px solid #666;
padding:2px 2px 2px 5px;
}	

table.region th{
padding:5px 2px 5px 5px;
}


.mid-programme table th, #programme-structure th{
text-align:left;	
background:#e37222;
color:#FFFFFF;
border:1px solid #333;
padding:2px;
}

.mid-programme table td, #programme-structure td{
line-height:normal;
vertical-align:top;
border-bottom:1px solid #666;
border-right:1px solid #666;
padding:2px;
}

#programme-structure td{
border-bottom:1px solid #666;
border-right:1px solid #666;
padding:2px;
}

.mid-programme h5{
margin:0!important;
padding:0!important;
}

th.w210{
width:180px;
line-height:normal;
}

table th.w80{
width:80px;
line-height:normal;
}


#mid-col ul.red li, #wide-left ul.red li{
background:url(../images/red-arrow.gif) 0px 4px no-repeat!important;
}

#mid-col ul.blue li, #wide-left ul.blue li{
background:url(../images/blue-arrow.gif) 0px 4px no-repeat!important;
}

/*************
About
*************/

#about-content{
clear:both;
border-top:7px solid #b7cdf1;
}

.about-bg{
background:url(../images/top-image-about.jpg) top left no-repeat;
}

#about-content #left-nav{
background:#b7cdf1;
}

#about-content #left-nav li a{
color:#003372;
}

/*.mid-about img{
float:left;
margin:5px 15px 0 0;
}


.mid-about p{
line-height:17px;
margin-bottom:20px;
color:#555555;
}
*/
.mid-about h3{
color:#002663;
}


.mid-about h4{
background:url(../images/h4-blue-bg.jpg) 0px 1px no-repeat;
}

#mid-col ul li{
border-bottom:1px solid #a3a3a3;
padding-bottom:15px;
background:url(../images/about-bottom-bg.jpg) bottom right no-repeat;
}

#mid-col ul li img{
float:left;
margin:5px 15px 0 0;
}

#mid-col ul li a.more{
text-decoration:none;
clear:both;
float:right;
margin-top:-10px;
margin-right:10px;
padding-top:0;
}

#mid-col ul.normal {
list-style: disc;
margin: 0 0 0 25px;
}

#mid-col ul.normal li {
background: none;
border: none;
}

#mid-col ol.normal {
list-style: decimal;
margin: 0 0 0 25px;
}

#mid-col ol.normal li {
background: none;
border: none;
margin: 0 0 10px 0;
color: #555555;
}

.mid-about #accordion table{
width:495px;

/*border:1px solid #666666;*/
}
.mid-about #accordion table.schools td {
background-color:#e2e2e2;

}

table.schools {
width:495px;

/*border:1px solid #666666;*/
}

table.schools th {
border-bottom: 2px solid #fff;
padding:2px 2px 2px 5px;
}

table.schools td {
background-color:#e2e2e2;
border-bottom: 1px solid #fff;
padding:2px 2px 2px 5px;
} 

table.next {
width:100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

table.next th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

table.next td {
background-color:#e2e2e2;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height: 1.4em;
}





.mid-about #accordion h3 a {
padding-left:15px;
display:block;
background:url(../images/h4-blue-bg.jpg) 0px 6px no-repeat;
}	
.mid-about #accordion h3{
padding:6px 10px; 
margin:0;
background:url(../images/h3-support-bg.gif) top left no-repeat;
}	

.mid-about-long #accordion h3 a {
padding-left:15px;
display:block;
background:url(../images/h4-blue-bg.jpg) 0px 6px no-repeat;
text-decoration:none;
}

.mid-about-long #accordion table.schools {
width:100%;
border-left:none;
border-right:none;
border-top:none;
border-bottom:#e2e2e2;
/*border:1px solid #666666;*/
}

.mid-about-long #accordion table.schools td, .mid-about-long #accordion table.schools th {
background-color:#e2e2e2;
border-left:none;
border-right:none;
border-top:none;
padding:5px;
} 


.mid-about-long #accordion h3{
padding:6px 10px; 
margin:0;
background:url(../images/h3-support-bg-long.gif) top left no-repeat;
}	


#about-content .about ul ul li a
{
background:url(../images/blue-arrow.gif)  0px 10px no-repeat;
display:block;
padding-left:10px;
}

#about-content .about ul ul li a.active{
background-image:none;
background-color:#e2e2e2;
}
/*************************
After the programm
**************************/


#after-programme-content{
clear:both;
border-top:7px solid #efbcc4;
}

.after-prog-bg{
background:url(../images/top-image-after-prog.jpg) top left no-repeat;
}

#after-programme-content #left-nav{
background:#efbcc4;
}

#after-programme-content #left-nav li a{
color:#a71930;
}


.mid-after-programme h3{
color:#a71930;
}


.mid-after-programme p{
line-height:17px;
margin-bottom:15px;
color:#555555;
}

.mid-after-programme h4{
background:url(../images/h4-yellow-bg.gif) 0px 1px no-repeat;
}

#mid-col ul.no-style-list, #mid-col ul.no-style-list li{
background:none!important;
border:none!important;
padding:0 0 0 10px!important;
margin:0 0 0 3px!important;
list-style:disc;
}

#mid-col ul.no-style-list li h4, #mid-col ul.no-style-list li p strong{
background:none;
padding:0!important;
margin:0!important;
font-style:italic;
}

/*#mid-col ul.yellow li{
background:url(../images/yellow-arrow.gif) 0px 4px no-repeat!important;
}
*/


#mid-col ul.yellow li{
background:url(../images/yellow-arrow.gif) 3px 4px no-repeat!important;
}



/*****************
our people
******************/

.our-people-banner{
background:url(../images/top-image-watch-us.jpg) 0px 1px no-repeat;
}

#our-people-content{
clear:both;
border-top:7px solid #9fc5ec;
}

#our-people-content #left-nav{
background:#9fc5ec;
}

#our-people-content #left-nav li a{
color:#0b56a5;
}

.our-people-nav-bg li a span{
clear:left;
color:#707070;
display:block;
font-size:11px;
padding-top:2px;
}

.our-people-nav-bg ul{
margin-bottom:20px;
}

.our-people-wide a, .mid-people a{
color:#f26522;
text-decoration:underline;
}

.our-people-wide h3, .mid-people h3{
color:#555555;
}

.our-people-challenge {
	width: 463px;
	height: 336px;
	margin: 0 0 20px 0;
	background: url(../images/our-people-challenge-bg.gif) 0 0 no-repeat;
}
#mid-col .our-people-challenge a img{
	padding: 10px;
	margin: 0;
}

.our-people-challenge a.more {
	background: url(../images/orange-arrow.gif) 0px 0px no-repeat!important;
	padding: 3px 20px 10px 20px!important;
	display: block;
	border: 0!important;
	text-decoration: none;
	float: right;
}

#people-accordion h3.head{
padding:7px 5px!important;
margin-bottom:10px!important;
margin:0;
background:#f1f1f1;
}

#people-accordion h3.head a{
text-decoration:none;
color:#0b56a5;
display:block;
background:url(../images/accordion-icon-show.gif) center right no-repeat;
}

/*#people-accordion h3.head a:hover, */#people-accordion h3.head a.open{
background:url(../images/accordion-icon-hide.gif) center right no-repeat;
}

#brand-accordion h3.head{
padding:7px 5px!important;
margin-bottom:10px!important;
margin:0;
background:#f1f1f1;
}

#brand-accordion h3.head a{
text-decoration:none;
color:#d23caa;
display:block;
background:url(../images/accordion-icon-show-brand.gif) center right no-repeat;
}

/*#brand-accordion h3.head a:hover, */#brand-accordion h3.head a.open{
background:url(../images/accordion-icon-hide-brand.gif) center right no-repeat;
}

#locations-accordion h3.head{
padding:7px 5px!important;
margin-bottom:10px!important;
margin:0;
background:#f1f1f1;
}

#locations-accordion h3.head a{
text-decoration:none;
color:#009E93;
display:block;
background:url(../images/accordion-icon-show-location.gif) center right no-repeat;
}

/*#people-accordion h3.head a:hover, */#locations-accordion h3.head a.open{
background:url(../images/accordion-icon-hide-location.gif) center right no-repeat;
}

#locations-accordion a.more {
	float: right;
}

img#casestudy {
width: 185px;
float: left;
margin: 0 10px 0 0;
}


.our-people-wide p, .mid-people p{
line-height:17px;
margin-bottom:15px;
color:#555555;
}

.our-people-wide h4, .mid-people h4{
background:url(../images/h4-dark-blue-bg.gif) 0px 1px no-repeat;
}

#flash-wide{
display:block;
/*height:386px;*/
}

#flash-wide img{
float:left;
margin-right:15px;
}


/*start design correction*/

#mid-col .our-people-list li{
float:left;
width:240px;
margin-right:10px;
padding-bottom:10px;
margin-bottom:20px;
background-image:none;
}	


#mid-col .our-people-list li h3{
color:#F26522;
float:right;
width:155px;
padding:0 0 5px 0;
margin:0;
font-size:120%;
font-weight:bold;
}

#mid-col .our-people-list li img{
margin:0 10px 10px 0;
width:73px;
}

#mid-col .our-people-list li p{
margin-bottom:0;
padding-bottom:0;
width:190px;
display:block;
}

/*#mid-col .our-people-list li p,*/ #mid-col .our-people-list li a.more{
float:left;
width:140px;
display:none;
}

/*end design correction*/


#mid-col-flash{
/*	height:360px;*/
display:block;
}


/*****************
locations
*****************/

.locations-banner{
background:url(../images/top-image-locations.jpg) top left no-repeat;
}

#locations-content{
clear:both;
border-top:7px solid #a3dfdb;
}

#locations-content #left-nav{
background:#a3dfdb;
}


#locations-content #left-nav li a, #locations-content h3{
color:#009e93;
}

#locations-content #mid-col h4{
background:url(../images/h4-green-bg.jpg) 0px 1px no-repeat;
}

#mid-col ul.locations-list {
clear:both;
width:500px;
height:50px;
}

#mid-col ul.locations-list li{
background:url(../images/green-arrow.gif) 0px 3px no-repeat;
padding-left:15px;
border:0;
width:150px;
float:left;
}

#mid-col ul.locations-list h4{
padding:0;
margin:0;
}

/******************
Recruitment
*******************/

.recruitment-banner{
background:url(../images/top-image-recruitement.jpg) top left no-repeat;
}

#recruitment-content{
clear:both;
border-top:7px solid #e8b8dc;
}

#recruitment-content #left-nav{
background:#e8b8dc;
}


#recruitment-content #left-nav li a, #recruitment-content h3{
color:#d23caa;
}

#recruitment-content #mid-col h4{
background:url(../images/h4-purple-bg.jpg) 0px 1px no-repeat;
}



table#vacancies{
background:#FFFFFF;
width:500px;
margin-bottom:20px;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
}

table#vacancies th, table#vacancies td{
border:0;
text-align:left;
vertical-align:top;
line-height:17px;
border-bottom:1px solid #666;
border-right:1px solid #666;
padding:2px 2px 2px 5px;

}

table#vacancies th.center{
text-align:center;
background:#d23caa;
color:#FFFFFF;
border-right:1px solid #666;
}

.mid-recruitment table#vacancies td.center{
padding-bottom:5px;
}

table#vacancies td.center img{
padding:0;
margin:5px 0 0 0;
}

table#vacancies th, table#vacancies td {
border-right:1px solid #666;
border-bottom:1px solid #666;
vertical-align:middle;
}


#recruitment-content #left-nav ul ul li a
{
background: url(../images/purple-arrow.gif) 0px 10px no-repeat;
display:block;
padding-left:10px;
}

#recruitment-content #left-nav ul ul li a.active{
background-image:none;
background-color:#e2e2e2;
}

/***************
events
****************/

.events-banner{
background:url(../images/top-image-event.jpg) top left no-repeat;
}

#events-content{
clear:both;
border-top:7px solid #a8d3e9;
}

#events-content #left-nav{
background:#a8d3e9;
}

#events-content #left-nav li a, #events-content h3{
color:#0088ce;
}

#events-content #mid-col h4{
background:url(../images/h4-dark-blue-bg.gif) 0px 1px no-repeat;
}


/********************
Brand managers
*********************/


#brand-managers-content{
border-top: 7px solid #b27d7c;
}

.brand-managers{
background:url(../images/top-image-brand-man.jpg) top left no-repeat;
}

#wide-left h4{
background:url(../images/h4-red-bg.jpg) 0px 1px no-repeat;
}

ul.triple-column{
margin-bottom:50px;
}

ul.triple-column li{
float:left!important;
width:150px;
}




/*********************
contact us
*********************/

.contact-us{
background:url(../images/top-image-contact-us.jpg) 0px 1px no-repeat;
}


/*********************
FAQs
*********************/

.faqs{
background:url(../images/top-image-faqs.jpg) 0px 1px no-repeat;
}

#menu{
margin-bottom:20px;
color:#555555;
}

#menu li h3{
padding:5px 0 5px 10px;
margin:0 0 5px 0;
display:block;
background:url(../images/h3-faqs-bg.gif) top left no-repeat;
}


#wide-left #menu li ol{
list-style:disc;
margin-top:10px;
}	

#menu li ol li{
list-style:decimal;
}


#menu li h3 a{
text-decoration:none;
padding-left:12px;
display:block;
color:#111111;
font-size:90%;	
background:url(../images/h4-red-bg.jpg) center left no-repeat;
}

.q-a{
margin:0 0 2px 20px;
}	

.q-a li{
line-height:25px;
display:block;
margin:0;
padding:0;
}

.q-a li a{
margin-bottom:0px;
display:block;
padding:0px 0 0px 15px;
background:url(../images/red-arrow.gif) 0px 10px no-repeat;
}

#wide-left ul.q-a li div {
padding-left:30px;
border-left:1px solid #ccc;
}
#wide-left ul.q-a li div br{
line-height:10px;	
}

#wide-left ul.q-a li div p{
padding-bottom:0;
margin-bottom:0;
display:block;
}

#wide-left ul.q-a li div a{
background:none;
padding:0;
display:inline;
}

.apply{
background:url(../images/top-image-apply.jpg) 0px 0px no-repeat;
}









#menu, #supportest-list #menu{
margin-bottom:20px;
color:#555555;
}

#menu li h3, #supportest-list #menu li h3{
padding:5px 0 5px 10px;
margin:0 0 5px 0;
display:block;
background:url(../images/h3-faqs-bg.gif) top left no-repeat;
}

#supportest-list #menu li h3{
background:url(../images/h3-support-bg.gif) center left no-repeat;
}

#wide-left #menu li ol, #supportest-list menu li ol{
margin-left:20px;
padding-left:10px;
}	

#menu li ol li, #supportest-list #menu li ol li{
margin:0px 0 10px 0;
list-style:decimal;
line-height: 1.4em;
}


#menu li h3 a, #supportest-list #menu li h3 a{
text-decoration:none;
padding-left:12px;
display:block;
color:#111111;
font-size:90%;	
background:url(../images/h4-red-bg.jpg) center left no-repeat;
}


#supportest-list #menu li h3 a {
background:url(../images/h4-blue-bg.jpg) center left no-repeat;
}

#supportest-list ul ul li, #supportest-list ul li{
border:0;
background:none;
padding-bottom:10px;
}

#supportest-list ul li{
padding-bottom:0px;
}

/*purple supportest list */

#menu, #supportest-list-purple #menu{
margin-bottom:20px;
color:#555555;
}

#menu li h3, #supportest-list-purple #menu li h3{
padding:5px 0 5px 10px;
margin:0 0 5px 0;
display:block;
background:url(../images/h3-faqs-bg.gif) top left no-repeat;
}

#supportest-list-purple #menu li h3{
background:url(../images/h3-support-bg.gif) center left no-repeat;
}

#wide-left #menu li ol, #supportest-list-purple menu li ol{
margin-left:20px;
padding-left:10px;
}	

#menu li ol li, #supportest-list-purple #menu li ol li{
margin:0px 0 10px 0;
list-style:decimal;
line-height: 1.4em;
}


#menu li h3 a, #supportest-list-purple #menu li h3 a{
text-decoration:none;
padding-left:12px;
display:block;
color:#111111;
font-size:90%;	
background:url(../images/h4-red-bg.jpg) center left no-repeat;
}


#supportest-list-purple #menu li h3 a {
background:url(../images/h4-purple-bg.jpg) center left no-repeat;
}

#supportest-list-purple ul ul li, #supportest-list-purple ul li{
border:0;
background:none;
padding-bottom:10px;
}

#supportest-list-purple ul li{
padding-bottom:0px;
}


.dual-column{
margin-left:20px;
float:left;
}

.dual-column li, #mid-col .dual-column li{
background:none;
border:none;
float:left;
width:235px;
padding-bottom:5px;
}

.triple-column{
margin-left:20px;
float:left;
}

.triple-column li, #mid-col .triple-column li{
background:none;
border:none;
float:left;
width:155px;
padding-bottom:5px;
}

#supportest-list li p{
clear:both;
}
/********************
common classes
*********************/

.long-bg{
background:#fff;
}

/*.short-bg{
background:#e2e2e2 url(../images/short-bg.jpg) top left repeat-x;
}
*/
a.more{
background:url(../images/orange-arrow.gif) 0px 3px no-repeat!important;
padding:6px 0 10px 20px!important;
display:block;
border:0!important;
text-decoration:none;
}


.clr{
clear:both;
display:block;
}	

/*.fl{
float:left;
}	

.fr{
float:right;
}
*/

.no-bg{
background:none!important;
}

.missing-img{	/*this is to indicate the missing images. Delete when all the correct images are in place*/
border:1px solid red;
}

#footer ul li a.faceboock_fan{
border:1px solid #fff;
padding:0px 20px 0px 2px;
width:80px;
position:relative;
top:-2px;
text-decoration:none!important;
background:url(../images/facebook_btn.gif) top right no-repeat;
}

#footer ul li a.faceboock_fan:hover{
background:#4565a1 url(../images/facebook_btn.gif) top right no-repeat;
border:1px solid #4565a1;
color:#FFFFFF;
}


#mid-col ul.no-style, #wide-left ul.no-style{
background:none!important;
border:none!important;
padding:0;
margin:0px 0 10px 0;
clear:both;
}

#mid-col ul.no-style li, #wide-left ul.no-style li{
background:none;
border:0;
padding:0 0 10px 20px;
line-height:17px;
display:block;
}

#wide-left ul.no-style-col{
background:none!important;
border:none!important;
padding:0;
margin:0px 0 10px 0;

width:200px;
float:left;
}
#wide-left ul.no-style-col li{
background:none;
border:0;
padding:0 0 10px 20px;
line-height:17px;
display:block;
}

#mid-col ul.no-style li h5, #wide-left ul.no-style li h5{
padding:0;
margin:0;	
}

#mid-col ul.blue li, #wide-left ul.blue li{
background:url(../images/blue-arrow.gif) 0px 4px no-repeat ;	
}


#mid-col ul.green li, #wide-left ul.green li{
background:url(../images/green-arrow.gif) 0px 4px no-repeat ;	
}

#mid-col ul.purple li, #wide-left ul.purple li{
background:url(../images/purple-arrow.gif) 0px 4px no-repeat ;	
}	

blockquote{
display:block;
font-style:italic;
line-height:normal;
margin-bottom:5px;
}

cite{
display:block;
font-weight:bold;
color: #666666;
font-style:normal;
margin-bottom:25px;
}

/******************************
Right hand side boxes
*******************************/

.gray{
border-top:5px solid #898989;
margin-bottom:15px;
background:#cdcdcd;	
padding-bottom:1px;
}
.gray h4{
color:#898989;
}
.gray ul{
margin:0 0 0 10px;
padding:0 0 17px 0;
}
.gray ul li{
margin-bottom:3px;
}
.gray ul li a{
color:#898989;
text-decoration:underline;
padding:2px 0 2px 10px;
}



.red{
border-top:5px solid #B80B19;
margin-bottom:15px;
background:#cdcdcd;
padding-bottom:1px;
}
.red h4{
color:#B80B19;
}
.red ul{
margin:0 0 0 10px;
padding:0 0 17px 0;
}
.red ul li{
margin-bottom:3px;
}
.red ul li a{
padding:2px 0 2px 10px;
color:#B80B19;
text-decoration:underline;
background:url(../images/red-arrow.gif) 0px 7px no-repeat;
display:block;
}



.green{
border-top:5px solid #197b2e;
margin-bottom:15px;
background:#cdcdcd;
padding-bottom:1px;
}
.green h4{
color:#197b2e;
}
.green ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}
.green ul li{
margin-bottom:3px;
}
.green ul li a{
padding:2px 0 2px 10px;
color:#197b2e;
text-decoration:underline;
}



.purple{
border-top:5px solid #932c95;
padding-bottom:1px;
margin-bottom:15px;
background:#cdcdcd;
}
.purple h4{
color:#932c95;
}	
.purple ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}
.purple ul li{
margin-bottom:3px;
}
.purple ul li a{
color:#932c95;
padding:2px 0 2px 10px;
text-decoration:underline;
}




.blue{
border-top:5px solid #485d88;
padding-bottom:1px;
margin-bottom:15px;
background:#cdcdcd;
}
.blue h4{
color:#485d88;
}	
.blue ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}
.blue ul li{
margin-bottom:3px;
}	
.blue ul li a{
color:#485d88;
padding:2px 0 2px 10px;
text-decoration:underline;
}



.orange{
border-top:5px solid #d6880a;
padding-bottom:1px;
margin-bottom:15px;
background:#cdcdcd;
}
.orange h4{
color:#d6880a;
}	
.orange ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}
.orange ul li{
margin-bottom:3px;
}
.orange ul li a{
color:#d6880a;
padding:2px 0 2px 10px;
text-decoration:underline;
}


.light-blue{
border-top:5px solid #0088a8;
padding-bottom:1px;
margin-bottom:15px;
background:#cdcdcd;
}
.light-blue h4{
color:#0088a8;
}	
.light-blue ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}
.light-blue ul li{
margin-bottom:3px;
}
.light-blue ul li a{
color:#0088a8;
padding:2px 0 2px 10px;
text-decoration:underline;
}


/****************
Float hack
*****************/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

.sideimg {float:left; margin: 0 10px 0 0;}

/*.notice {float:right; margin:20px 0 0 0; padding:0; width: 550px; text-align:right;}
.notice img { vertical-align:middle;}
.notice a { color: #fff568; font-weight: bold;}*/

.notice {float:right; margin:25px 0 0 0; padding:0 0 0 27px; width: 430px; text-align:left; background: url(../images/icon-notice.jpg) 0 5px no-repeat;}
.notice img { vertical-align:middle;}
.notice a { color: #d79117; font-weight: bold; font-size: 1.1em; line-height:1.3em;}

/** Event Styles **/

#mid-col-wide #event_table h3 {
margin-top: -30px;
margin-bottom: 0;
padding: 8px 0 0 25px;
background-color: #0088ce;
height: 32px;
color: #fff;
}

div#fragment-0{
background:url(../images/fragment-bg.jpg) top left repeat-x;
width:710px;
margin-top: -30px;
margin-bottom: 0;
padding: 8px 0 0 0px;
}

#mid-col-wide #event_table table.events {
width: 100%;
border-top: 2px solid #e2e2e2;
border-left: 0px;
margin:0;
padding:0;
}

#mid-col-wide #event_table table.events th {
border-bottom: 2px solid #e2e2e2;
border-right: 2px solid #e2e2e2;
background: #636363;
color: #fff;
height: 14px;
text-align: center;
padding: 8px 5px 8px 5px;
}



#mid-col-wide #event_table table.events td {
background-color:#ffffff;
padding: 5px;
line-height: 1.3em;
color: #464646;
border-bottom: 2px solid #e2e2e2;
border-right: 2px solid #e2e2e2;
} 

#mid-col-wide #event_table table.events td.blueevent {
background-color: #dbeaff;
}

.white-row{
background:#FFFFFF;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
.ui-tabs-panel {
height:300px; /* Length of events page */
}
.ui-tabs-panel {
padding: 0 0 0 0;
width: 710px;
float:left;
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}

ul#contact-nav { 
position:relative; 
top:0; 
margin:0;
}

ul#contact-nav li { 
background:none; 
padding:0; 
}





#mid-col-wide ul.dropmenu {
position: relative;
margin: 0;
padding: 8px 25px 0 0;

}

#mid-col-wide ul.dropmenu li {
position: relative;
list-style: none;
float: right;
margin: 0;
padding: 0;
width: 240px;
height: 20px;
background: url(../images/bg-events-search.jpg) no-repeat top left #fff;
display: block;
cursor: pointer;
color: #333;
}

#mid-col-wide ul.dropmenu li a {
height: 20px;
padding: 0 0 0 0;
display: block;
cursor: pointer;
color: #333;
text-decoration: none;
}

#mid-col-wide ul.dropmenu li a:hover {
background: url(../images/bg-events-search.jpg) no-repeat top left #fff;
color: #375baf;
}

#mid-col-wide ul.dropmenu li a span {
display: block;
float: right;
position: absolute;
cursor: pointer;
padding: 4px 0 0 10px;
}

#mid-col-wide ul.dropmenu li a:hover span {
color: #375baf;
}

#mid-col-wide ul.dropmenu li:hover ul {
display: block;
}

#mid-col-wide ul.dropmenu ul {
position: absolute;
display: none;
width: 240px;
padding: 0;
margin: 0;
background: #fff;
border-bottom: 1px solid #ccc;
}

#mid-col-wide ul.dropmenu ul li {
float: none;
background: none;
width: 220px;
}

#mid-col-wide ul.dropmenu ul li a {
border-bottom: 1px solid #ccc;
display:block;
color: #333;
text-decoration: none;
cursor: pointer;
height: 20px;
}

#mid-col-wide ul.dropmenu ul a:hover {
color: #375baf;
text-decoration: none;
background-color: #F0F0F0;
background-image: none;
border-bottom: 1px solid #ccc;
}

#mid-col-wide ul.dropmenu li ul {
height:145px; /* Height of dropdown */
overflow: auto;
}
/* Like button text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#fff;}

/* Hide all the comments box */
div.comment_body {display:none;}


div#wide-left ul.brand-managers-dual-col{
margin:10px 0;
display:block;
clear:both;
float:left;
}

div#wide-left ul.brand-managers-dual-col li{
float:left;
width:180px!important;
clear:none;
margin-bottom:10px;
padding-left:20px;
background:url("../images/red-arrow.gif") no-repeat scroll 0 4px transparent !important;
}
div#mid-col ul.brand-managers-dual-col{
margin:10px 0;
display:block;
clear:both;
float:left;
}

div#mid-col ul.brand-managers-dual-col li{
float:left;
width:140px!important;
clear:none;
margin-bottom:0;
padding-left:20px;
border:none;
background:url("../images/purple-arrow.gif") no-repeat scroll 0 4px transparent !important;
}

.top-header {
position:relative;
height:100px;
}
.ten-year-icon {
position:absolute;
right:0;
margin-top:25px;
}