/********* GLOBALS *********/

* { margin:0;padding:0; }
body { color:#333333; font-family:Century Gothic, Georgia, Arial, SansSerif; font-size:.9em; }
img,a img,table { border:0 }
dl,ol,ul { list-style:none; }
button,select,textarea,input { font:100% serif; }
table { border-collapse:collapse }
caption,th,td { text-align:left }
h1,h2,h3,h4,h5,h6,p { margin:0 0 .5em 0;}
    h1,h2,h3,h4,h5,h6 { font-family:Georgia; font-weight:normal; }
    h1 { font-size:1.8em; }
    h2 { font-size:1.4em; }
#footer
{ 
    clear:both; overflow:hidden; 
    background-image:url(topgrad.jpg); background-repeat:repeat-x;  background-position:center top;
    margin-top:5em; padding-top:2px;
    font-family: Century Gothic; font-size: .7em;
}
	#footer .n2{color:#a2a796;float:right;font-size:.8em;}
/* colors */
#header h2 a { color:#fff; }
a { color:#545454; }
a:hover { text-decoration:underline; }

p.first-para,
#textContent p.first-para, 
.textItem p.first-para 
{ 
    color:#7e0c6e; 
    font-size:1.5em; 
    font-weight:bold; 
    line-height:1.1em; 
}
p.small-first-para { color:#7e0c6e; font-weight:bold; }
blockquote, q { font-style:italic; }

/********* FIELDSET *********/
fieldset { border:none; }
fieldset span.field, fieldset span.field label { display:block; }
fieldset span.field { margin:0 0 1em; }
span.field input, span.field textarea { display:block; width:600px; }
span.field .submit { width:50px; }

/********* LAYOUT *********/

body { margin:0; background-color:#fff; background-image:url(topgrad.jpg);background-repeat:repeat-x;background-position:center top; }
	#wrap { width:975px; margin:0 auto; padding-left:5px; }
		#header { font-family:Century Gothic; position:relative; overflow:visible; height:95px; padding-right: 40px; }
	        #header .siteHeader { color:#892579; display:none; font-family:Century Gothic; font-size:1.1em; font-weight:normal; margin:0; padding:25px 0; float:right;  margin-top:15px; }
	        #header .siteLogo { float:left; margin-top:15px; }
		#page { overflow:visible; }
		    #content { position:relative; overflow: hidden; }
		    * html #content { width:1001px; }
#main 
{
    width:732px;
    float:right;
    margin-top:21px;
}
body.hasRightSideBar #innerMain 
{ 
    float:right;
    margin-right:5px;
    width:481px;
}
body.hasWideRightSideBar #innerMain
{
    float:right;
    margin-right:5px;
    width:237px;
}

#aboveContent .textItem, #belowContent .textItem { float:left; width:239px; margin:0 5px 5px 0; overflow:hidden; }
    
#footerContents 
{ 
    width:1010px;
    margin:0 auto;
    color:#545454;
}
    #footerContents .blocks { overflow:hidden; margin-bottom:5px; }
    #footerContents .blocks dt { float: left; padding-right: 5px; }
    #footerContents .blocks li
    {
        float:left;
        display:block;
        width:180px;
        padding-left:5px; padding-top:2em;
    }
    #footerContents .blocks li h4 { font-family:Century Gothic; font-weight:bold; }
    #footerContents .blocks li address { font-style: normal; }
    #footerContents .blocks li li { padding-top:0em; padding-left:0px; }
    #footerContents .blocks li.wide
    {
        background-color:#E7E7E7;
        font-size:0.95em;
        padding-top:0em;
        padding-bottom:1em;
    }
    #footerContents .blocks li.wide ul { margin-top:1em; }
    #footerContents .blocks li#footerText { width:235px; }
            
.copyright { font-size:.8em; margin:1em 0 1em 243px; }
                
/* *** Paging *** */
#paging { clear:both; }
#paging .previous, #paging .next { font-size:.9em; height: 22px; padding-top:3px; }
    #paging .previous  
    {
        background:transparent url(NavArrows.png) no-repeat left top; 
        float: left; 
        padding-left: 25px;
    }
    #paging .next  
    {
        background:transparent url(NavArrows.png) no-repeat right -22px; 
        float: right; 
        margin-right:14px; 
        padding-right: 25px; 
        text-align: right; 
    }
    #paging ul
    {
        list-style: none !important;
        margin: 0 auto !important; padding: 0 !important;
        width: 100px;
    }
    #paging ul li { float: left; padding: 0 .5em; }

/*box*/
.secondary .box { background:#eaf2db url(secondary_borders.gif) no-repeat -170px 100%; _height:1px; padding-bottom:10px; }
	.boxTitle,
	.secondary h4 { background:#9ea391 url(secondary_header.gif) no-repeat; margin:0; padding:5px 10px; color:#fff; }
		.secondary h4 a {color:#fff;}
	.secondary .box .inner { background:transparent url(secondary_borders.gif) no-repeat; padding:10px 10px 0 10px; }
	
#teasers { margin:0 !important; padding:0 !important; list-style:none !important; }
#teasers li { float:left; margin-right:5px; width:240px; }

/********* WIDGETS *********/
/*secondary*/
.secondary .uc { margin-bottom:15px; }

/*menu*/
.topMenu { font-size:0.8em; position:absolute; top:0; right:0; z-index:500;}
	.topMenu li { float:left; position:relative; }
	.topMenu a, .topMenu a:visited { text-decoration:none; display:block; margin:5px 0 0; padding:5px 10px; }
	.topMenu .current a, .topMenu .trail a { font-weight:bold; }
.topMenu li ul
{
    position:absolute;
    top:100%;
    left:0;
    z-index:500;
}
.topMenuNoJS li ul
{
    display:none;
}
.topMenu li ul li {
    float:none;
    padding:0;
    
    }
.topMenu li ul li a
{
    background-image: url(grad.png);
    background-repeat: repeat-x;
    display: block;
    font-weight: normal;
    width: 96px;
	background-color:rgba(255, 255, 255, 0.8);
}


.topMenu li.selected a
{
    font-weight: bold;
}
.topMenu li.selected li a{ font-weight: normal; }
.topMenu li.selected li.selected  a{ font-weight: bold; }
.topMenuNoJS li:hover ul,
.topMenuNoJS li.hover ul
{
    display:block;
}

#home-link { font-weight: bold; position:absolute; top:0; left:0px;  display:block; padding:8px 5px; }

.subMenu {}
	.menu ul ul { margin:0 0 5px 10px; }
	.subMenu a,
	.subMenu a { display:block; padding:2px 0; _height:1px; color:#333; }
	.subMenu .trail > a { color:#389000; }
	.subMenu .current > a { color:#389000; font-weight:bold; }
	.subMenu ul { margin-left:20px; }

/***** side navigation *****/
#site-main-menu { overflow:hidden ; border: dotted 1px #000; border-left: none; border-right: none; margin: 6px 6px 6px 0; padding:7px 0; }
#group-link, #division-link { text-decoration:none; font-weight:bold; }
.sideNav 
{ 
    font-family: Century Gothic;
    list-style: none; 
    margin:0; padding:0; 
    width: 231px; 
}
.sideNav li a { text-decoration:none; }
.sideNav li a, .sideNav li span { display: block; min-height:1.4em; height:auto !important; height:1.4em; padding:.1em .5em; }
.sideNav li.selected, .sideNav li a.active, .sideNav li span.active, .sideNav li a:hover, .sideNav li span:hover { background-color: #EEEEEF; font-weight: bold; }
.sideNav li span { background: transparent url(arrow.png) no-repeat right top; cursor:pointer; }
.sideNav li span.active, .sideNav li.selected span { background-position: right bottom; }

.sideNav li ul { background-color: #EEEEEF; font-weight: normal; margin: 0; padding: 0; list-style: none; width: 100%; }
.sideNav li ul li a { font-weight: normal; padding-left: 1em; }
.sideNav li ul li.selected a, .sideNav li ul li a:hover { background-color: #666666; font-weight: bold; color: #fff; }

#sideDivisions { color: #B0B0B0; font-family: Century Gothic; margin: 0 0 1em; padding: 0; list-style: none; width: 95%; }
#sideDivisions li a { color:#B0B0B0; display: block; padding: 2px 0; }
#sideDivisions li ul

/* path */
.path { margin-bottom:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style-type:disc; margin:14px 0 14px 20px; }
.textItem ul { list-style-type:disc; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/** date **/
.date { font-size:small; color:#666; display:block; }

/* columns */
.left { float:left; }
.right { float:right;  }
.equal { width: 49%; }
.thin { width: 33%; } 
.wide { width: 66%; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* news */
.news { float:left; margin-right:5px; width:242px; }
.news h1 { color:#7e0c6e; font-size:1.5em; margin:0; }
.news .intro { margin-top:1em; }
.news-content { float:left; width:480px; }

.intro { color:#4D4D4D; font-family:Georgia; font-size:1.2em; }
.relatedNews { background:transparent url(GradGrey.png) repeat-x left top; margin:1em 0; }
.relatedNews h3 { color:#0092DC; padding:0 .5em; text-transform:lowercase; }
.relatedNews ul { list-style:none !important; margin:.5em 0 !important; padding:0; }
.relatedNews ul a { display:block; font-size:.9em; padding:.2em .5em; text-decoration:none; }
.relatedNews ul a:hover { background:transparent url(GradGrey.png) repeat-x left top; }

/* type */
.type { font-weight:bold; }
.news .type { color:#0092DC; }
.our-work .type { color:#69005B; }
.talking-point .type { color:#D80064; }

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

.list { display:block; }
* html body.articalContainer .listContainer { height:550px; }
* html body.articalContainer .list { position:absolute; top:0; left:240px; width:750px; }

.list .item
{
    display:inline;
}
.list .item a
{
    position:relative;
    width:230px;
    display:block;
    float:left;
    text-decoration:none;
    margin:2px;
}
.list .item a .slidein,
.list .item a img
{
    position:absolute;
}
.list .item a .slidein
{
    bottom:0;
    background-color:rgb(255,255,255);
    background-color:rgba(255,255,255,0.8);
    overflow:hidden;
    display:none;
    padding:5px;
    text-decoration:none;
    color:Black;
    font-weight:normal;
}
.list .item a:hover .slidein
{
    display:block;
}
.list .item a .slidein .title
{
    display:block;
    font-weight:bold;
}
.list .item a .slidein .date
{
    display:inline;
}

.list .item a.news .slidein .title
{
    color:Black;
}

.list .item a.medium,
.list .item a.medium img
{
    border:solid 1px #eee;
    height:180px;
    width:240px;
}
.list .item a.medium .slidein
{
    width:230px;
}

.list .item a.large,
.list .item a.large img
{
    height:360px;
    width:480px;
}
.list .item a.large .slidein
{
    width:470px;
}

.list .item a.wide,
.list .item a.wide img
{
    height:180px;
    width:480px;
}
.list .item a.wide .slidein
{
    width:470px;
}
.list .item a.tall,
.list .item a.tall img
{
    height:360px;
    width:240px;
}
.list .item a.tall .slidein
{
    width:230px;
}

/* *** Employee *** */
img.employeePhoto { width: 240px; }
span.phone ,span.mobile { display: block; font-size: 0.8em; font-weight: bold; }
ul#employeegrid { list-style: none; margin: 0; padding: 0; }
ul#employeegrid li { float: left; }
ul#employeegrid li a, .employeeSideItem a #box
{
    background-color: #fff; background-position: left top; background-repeat: no-repeat;
    display:block;
    width: 55px; height: 55px;
    text-indent: -9999px;
}
ul#employeegrid li a:hover, ul#employeegrid li a.selected, .employeeSideItem a:hover #box { background-position: left bottom; }
ul#employeegrid li a img { opacity: .5; }
ul#employeegrid li a img.selected, ul#employeegrid li a img:hover { opacity: 1; }

.employeeSideItem { overflow:hidden; }
    .employeeSideItem a { display:block; text-decoration:none; }
        .employeeSideItem a .shortDesc { background-color:#fff; display:none; position:absolute; }
        .employeeSideItem a:hover .shortDesc { display:block; }
    .employeeSideItem .title { display:block; font-weight:bold; }
    .employeeSideItem .description { background-color:#fff; float:right; width:130px; }

/********* About Us *********/
#main ul.kwicksSlider
{
    color: #fff;
    list-style: none;
    position: relative;
    margin: 0 0 2em;
    padding: 0;
}
ul.kwicksSlider li
{
    background-color: Purple;
    display: block;
    float: left;
    height: 200px;
    margin-right: 5px;
    padding: 0;
    overflow: hidden;
    width: 117px;
}
ul.kwicksSlider div.inner { width: 117px; }
ul.kwicksSlider div.description { width: 240px; padding: 1em 0 0 13em; font-size: .75em; position:absolute; left:0; top:0; }
ul.kwicksSlider li span  { display:block; float: left; height:200px; padding: 1em; font-size: .8em; }
ul.kwicksSlider li span img { position:absolute; left:0; bottom:0; }
.kwicksOverlay { height:200px; width:100%; position:absolute; left:0; top:0; z-index:999; }

ul#contentNav
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul#contentNav li { float: left; }
ul#contentNav a 
{
    background-color: Purple;
    color: #fff;
    display: block;
    margin-right: 5px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width: 117px; 
}

/********* About Us : Values *********/
ul#values
{
    background: transparent url('Values/values.png') no-repeat scroll 0 0;
    float: right;
    height: 590px;
    position: relative;
    width: 735px;
}
ul#values li
{
    cursor: pointer;
    display: block;
    list-style: none;
    list-style-position: outside;
    position: absolute;
    text-indent: -9999px;
}
ul#values a
{
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}
li#challenge
{
    height: 212px;
    left: 1px;
    top: 199px;
    width: 243px;
}
li#challenge a { height: 212px; }
li#challenge a:hover { background: transparent url('Values/challenge.png') no-repeat scroll 0 0; }
#creativity
{
    height: 166px;
    right: 49px;
    top: 0px;
    width: 248px;
}
li#creativity a { height: 166px; }
li#creativity a:hover { background: transparent url('Values/creativity.png') no-repeat scroll 0 0; }
#fun
{
    height: 171px;
    right: 0px;
    bottom: 36px;
    width: 255px;
}
li#fun a { height: 171px; }
li#fun a:hover { background: transparent url('Values/fun.png') no-repeat scroll 0 0; }
#inspiration
{
    height: 259px;
    left: 200px;
    top: 192px;
    width: 330px;
}
li#inspiration a { height: 259px; }
li#inspiration a:hover { background: transparent url('Values/inspiration.png') no-repeat scroll 0 0; }
#integrity
{
    height: 154px;
    left: 85px;
    bottom: 0px;
    width: 366px;
}
li#integrity a { height: 154px; }
li#integrity a:hover { background: transparent url('Values/integrity.png') no-repeat scroll 0 0; }
#passion
{
    height: 134px;
    left: 77px;
    top: 48px;
    width: 338px;
}
li#passion a { height: 134px; }
li#passion a:hover { background: transparent url('Values/passion.png') no-repeat scroll 0 0; }
#sustainability
{
    height: 181px;
    right: 9px;
    top: 173px;
    width: 346px;
}
li#sustainability a { height: 181px; }
li#sustainability a:hover { background: transparent url('Values/sustainability.png') no-repeat scroll 0 0; }

/********* Contact Us : Regional Office *********/
div.regionalOffice { background: transparent url('GradGrey.png') repeat-x scroll 0 0; width: 240px; }
    div.regionalOffice img { border: none; }
    div.regionalOffice h3 { font-family:Century-Gothic; padding-bottom:22px; text-align: center; }

ul.regionalOffice { list-style: none outside none !important; }
    ul.regionalOffice li { margin:0.5em 0; }
    ul.regionalOffice h4 { margin:0; }
a.north-west, a.north-east, a.south-west, a.south-east { font-weight: normal; }
a.north-west { color: #7f146e; }
a.north-east { color: #e52378; }
a.south-west { color: #c1d72e; }
a.south-east { color: #00a4e4; }


/********* Tab Control *********/
.tabContainer { margin-bottom:5px; }
.ui-tabs-nav { font-size:.9em; margin:0 !important; padding:0 !important; }
    .ui-tabs-nav li a { width:107px; height:50px; padding:0 5px !important; }
.ui-tabs-panel { padding:0 !important; }


/* *** case study *** */
#tabSummary .sidebar { margin-right:5px; }
#caseStudy.ui-tabs-nav { border-bottom:1px dashed #efefef; margin-bottom:1em !important; padding:1em 0 0 14.5em !important; }
#caseStudy.ui-tabs-nav li a { width:9em; height:2em; text-align:center; }
.case-study-content { float:left; margin-right:5px; width:482px; }
#banner.caseStudy { height:67px; }
#banner.caseStudy img { float:left; }
#banner.caseStudy .titles { float:left; padding-left:110px; }
#banner.caseStudy h3 { font-size:1em; }

.carousel { clear:both; float:left; margin:1em 0; }

.gallery-img { border:solid 1px #efefef; width:480px; height:360px; }


/********* Vacancies *********/
.vacancyList #vacancies { width:490px; }
#vacancies h3, #vacancies h4 { cursor: pointer; }
#vacancies h2
{ 
    background: transparent url('grad-purple.png') repeat-x scroll 0 0; 
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    padding: 5px;
}

#vacancies h3 
{ 
    background: transparent url('grad-vacancies-h3.png') repeat-x scroll left bottom; 
    font-size: 1em;
    height: 29px;
    margin: 0;
    padding: 5px 5px 0;
}
#vacancies span { background: transparent url('arrow.png') no-repeat scroll right top; display: block; }
#vacancies .selected span { background-position: right -22px; }
#vacancies h4 
{ 
    background: transparent url('grad-vacancies-h4.png') repeat-x scroll left bottom; 
    color: Purple;
    height: 22px;
    margin: 0; padding: 5px 5px 0;
    /*text-transform: uppercase;*/
}
#vacancies div 
{ 
    background: transparent url('grad-vacancies.png') repeat-x scroll left top; 
    margin: 0;
    padding: 5px;
}
#vacancies label
,#vacancies label.summary
{
    color: #979797;
    font-family: Century Gothic;
    font-weight: bold;
    text-transform: uppercase;
}
#vacancies label.summary { color: #000; }
#vacancies ul { list-style: disc none outside; padding-left: 2em; }

.buttonLink 
{ 
    background: transparent url('grad-black.png') repeat-x scroll left top; 
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 4px 5px;
}    

/* ------------- projector -------------*/
.projector  
{
    background: transparent url(ProjectorScreen.png) no-repeat left top;
    height: 573px; width: 556px;
    margin:0 auto;
}
.projector object { position: relative; left: 24px; top: 22px; }


/* -------------          IE6 hacks          -----------------   */

* html body.startPage #lefttopbar #subcategories
{
	position:absolute;
	left:-240px;
	top:181px;
	margin:0;
}
* html body.startPage #lefttopbar .item-rotator
{

	position:absolute;
	left:-240px;
	top:364px;
	margin:0;
}
* html body.startPage #main .column
{

	position:absolute;
	left:486px;
	margin:0;
}

* html body.startPage #main .column-wide
{

	position:absolute;
	left:0px;
	margin:0;
}
* html body.startPage #main .column #tallfeature
{

	position:absolute;
	left:-2px;
	top:184px;
	margin:0;
}

* html body.startPage #main
{
    height:540px;
}

* html body.articalContainer #main
{
    width:730px;
    float: right;
}



* html .list .item a .slidein
{
    
}

* html .list .item a:hover .slidein,
* html .list .item a.hover .slidein
{
    position:absolute;
    bottom:0;
    background-color:#eee;
    overflow:hidden;
    display:block;
    padding:5px;
    text-decoration:none;
    color:Black;
    font-weight:normal;
	z-index:10000;
}

span.icefooter
{
	font-family:Georgia;
	font-size:1.3em;
	font-weight:bold;
}

/***** Case Study *****/
#caseStudyNav 
{
    border-top:dotted  1px #000;
    list-style:none;
    margin:0; padding:0;
}
#caseStudyNav img { display:block; margin:10px auto; }
#caseStudyNav li { margin:.5em 0; }
#caseStudyNav li a { background-color:#D6D6D6; display:block; padding:0 .5em; text-decoration:none; }
#caseStudyNav li a:hover { background-color:#4D4D4D; color:#fff; }
#caseStudyNav a.pdf, a.pdf
{
    background:transparent url(IconPdf.png) no-repeat left center;
    display:block;
    height:30px;
    padding:5px 0 0 30px;
}

.download
{
    margin-top:1em;
    padding-left:0;
    float:right;
    width:240px;
}
.download h3 { padding:0px; 
    border-bottom:dotted  1px #000;}

ul#related  { background-image:none; list-style:none !important; margin:0 !important; padding:0; }
ul#related li { margin:.5em 0; }

/* *** Group start page *** */
/*(body.startPage #textContent { height:368px; margin-bottom:5px; overflow:hidden; }*/



/* **** Division start pages *** */
.div-start-items
{
    display:block;
}
.div-start-item
{
    float:left;
    position:relative;
    text-decoration:none;
}
.div-start-item:hover { text-decoration:none; }
.div-start-item .description
{
    position:absolute;
    display:block;
    top:100%;
    left:0;    
}
.div-start-item img
{
    margin:1px;
}
.colouredBox { color:#fff; padding:0; }

.colouredBox ul { padding-left:25px; }
.colouredBox .first-para { color:#fff; }

body.divisionalStart .item-rotator .rotator-previous,
body.social-change-division .item-rotator .rotator-previous,
body.org-change-division .item-rotator .rotator-previous,
body.creative-division .item-rotator .rotator-previous,
body.strategic-communications-division .item-rotator .rotator-previous,
body.research-division .item-rotator .rotator-previous,
body.learning-development-division .item-rotator .rotator-previous
{
    background-position:left -44px;
}
body.divisionalStart .item-rotator .rotator-next,
body.social-change-division .item-rotator .rotator-next,
body.org-change-division .item-rotator .rotator-next,
body.creative-division .item-rotator .rotator-next,
body.strategic-communications-division .item-rotator .rotator-next,
body.research-division .item-rotator .rotator-next,
body.learning-development-division .item-rotator .rotator-next
{
    background-position:right -66px;
}


/* *** Creative *** */

body.creative-division .div-start-item { width:186px; }
    * html body.creative-division .div-start-item { width:182px; }
body.creative-division .first-para,
body.creative-division .highlight,
body.creative-division .news h1
{ 
    color:#7e0c6e !important; 
}
body.creative-division .colouredBox { background-color:#7e0c6e; }

body.creative-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(126,12,110);
}

body.creative-division .item-rotator .rotator-description
{
    background-color:rgba(126,12,110,0.8);
}

body.creative-division .item-rotator .rotator-description .date
{
    color:#fff;
}


/* *** Social Change *** */
body.social-change-division #header .siteHeader,
body.social-change-division .news h1
{ 
    color:#e20177; 
}
body.social-change-division .colouredBox { background-color:#e20177; }
body.social-change-division .first-para, body.social-change-division .highlight { color:#e20177 !important; }

body.social-change-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(226,1,119);
}

body.social-change-division .item-rotator .rotator-description
{
    background-color:rgba(226,1,119,0.8);
}
body.social-change-division .item-rotator .rotator-description .date
{
    color:#fff;
}


/* *** Strategic Communications *** */
body.strategic-communications-division #header .siteHeader,
body.strategic-communications-division .news h1
{ 
    color:#6db33f;
}
body.strategic-communications-division .div-start-item { width:240px; margin-right:2px; }
body.strategic-communications-division .div-start-item .description { margin:0 1em; }

body.strategic-communications-division .first-para, body.strategic-communications-division .highlight { color:#6db33f !important; }
body.strategic-communications-division .colouredBox { background-color:#6db33f; }
body.strategic-communications-division #main { padding-right:0; }
body.strategic-communications-division .wide-right-sidebar { margin-right:1px; }

body.strategic-communications-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(109,179,63);
}
body.strategic-communications-division .item-rotator .rotator-description
{
    background-color:rgba(109,179,63,0.8);
}
body.strategic-communications-division .item-rotator .rotator-description .date
{
    color:#fff;
}


/* *** Organisational Change *** */
* html body.org-change-division #main { width:730px; float:left }

body.org-change-division .div-start-item { width:240px; margin-left:5px; margin-right:5px; }
    * html body.org-change-division .div-start-item { margin-left:2px; margin-right:2px; }
body.org-change-division .colouredBox { background-color:#00a4e4; }
body.org-change-division .colouredBox a { color:#fff; }
body.org-change-division #header .siteHeader,
body.org-change-division #vacancies h4,
body.org-change-division .news h1
{ 
    color: #00a4e4;
}
body.org-change-division #vacancies h2 { background:url("grad-orgchange.png") }
body.org-change-division .first-para, body.org-change-division .highlight { color:#00a4e4 !important; }

body.divisionalStart.org-change-division #textContent { background-color:#00a4e4; color:#ffffff; padding:5px; margin-right:5px; margin-bottom:5px; }
body.divisionalStart.org-change-division #belowContent .textItem { margin:0 5px 0 0; }
body.divisionalStart.org-change-division #textContent a { color:#ffffff; }
body.divisionalStart.org-change-division #textContent .first-para { color:#ffffff !important; }

body.org-change-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(0,164,228);
}
body.org-change-division .item-rotator .rotator-description
{
    background-color:rgba(0,164,228,0.8);
}
body.org-change-division .item-rotator .rotator-description .date
{
    color:#fff;
}


/* *** Research *** */
body.research-division .div-start-item { width:179px; margin-right:3px; }
    * html body.research-division .div-start-item { margin:0; }
body.research-division .div-start-items { margin-top:10px; background-color: #c1d824; color: #FFFFFF; padding-left:12px; }
    * html body.research-division .div-start-items { padding:2px; overflow:hidden; }
body.research-division .div-start-item span { background-color:#C1D824; padding-left: 5px; padding-right: 5px; }
body.research-division .colouredBox { background-color:#c1d824; }
body.research-division #header .siteHeader,
body.research-division #vacancies h4,
body.research-division .news h1
{
    color: #c1d824;
}
body.research-division #vacancies h2 { background:url("grad-research.png") }
body.research-division .first-para, body.research-division .highlight { color:#c1d824 !important; }
body.research-division #main { padding-right:0; }

body.research-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(193,216,36);
}
body.research-division .item-rotator .rotator-description
{
    background-color:rgba(193,216,36,0.8);
}
body.research-division .item-rotator .rotator-description .date
{
    color:#fff;
}


/* *** Learning & Development *** */
body.learning-development-division #header .siteHeader { color:#72cdf4; }
body.learning-development-division #main { background-image:url('BlackBoard.jpg'); background-repeat:no-repeat; background-position:left top; }
body.learning-development-division.hasRightSideBar #innerMain 
{ 
    float:left; 
}
body.artical #page, body.articalContainer #main, body.office #main, body.officeList #main, body.office #main  { background-image:none; }
body.learning-development-division #textContent { color:White; height:333px; padding:20px; margin-bottom:5px; margin-right:45px;}
    * html body.learning-development-division #textContent { padding-left:30px; }
body.learning-development-division .colouredBox { background-color:#72cdf4; }

body.learning-development-division #textContent .first-para,
body.learning-development-division #textContent .small-first-para,
body.learning-development-division .highlight,
body.learning-development-division #textContent a,
body.learning-development-division .news h1
{ 
    color:#72cdf4; 
}

.ldrightbar { background-image: url(latest-programme.png); color: white; height: 365px; margin-top: 13px; width:237px; background-repeat:no-repeat;}
.ldrightlist { background-image:url(latest-programme-title.png); background-repeat:no-repeat; color:white; height:365px; margin-top:13px; }
.ldrightbar td
{
padding-left:5px;
padding-right:5px;
}

body.learning-development-division .item-rotator .rotator-description
{
    color:#fff;
    background-color:rgb(114,205,244);
}

body.learning-development-division .item-rotator .rotator-description
{
    background-color:rgba(114,205,244,0.8);
}
body.learning-development-division .item-rotator .rotator-description .date
{
    color:#fff;
}

/* *** rotator *** */
.item-rotator,
dl.rotator
{
    float:left;
    position:relative;    
    overflow:hidden;
}
    .item-rotator .rotator-description
    {            
        POSITION:absolute;
        bottom:0;
        left:0;
        z-index:2;    
        width:100%;   
        overflow:hidden;
    }
    dl.rotator dt,
    .item-rotator .rotator-images dt
    {
        POSITION:absolute;   
        top:0;
        left:0;     
        z-index:1;
    }
    .item-rotator .rotator-next, .item-rotator .rotator-previous
    {
        text-indent:-9999px;
        width:50px;
        height:22px;
    }
    .item-rotator .rotator-next
    {
        background:transparent url(NavArrows.png) no-repeat right -22px;
        float:right;
        margin-right:10px;
        cursor:pointer;
    }
    .item-rotator .rotator-previous
    {
        background:transparent url(NavArrows.png) no-repeat left top;
        cursor:pointer;
        float:left;
    }
    .item-rotator .rotator-list-description
    {
        display:block;
        text-align:center;
    }
    .item-rotator .rotator-item-description dd ,
    dl.rotator dd
    {
        margin:0;
        text-indent:0;
        padding:0;
    }
    dl.rotator ,
    .item-rotator
    {
        border:solid 1px #efefef;
        margin-bottom:5px;
        margin-right:5px;
        height:173px; /* was 180px - margin temp fix */
        width:237px;
    }
    
    dl.rotator_Big,
    .rotator_Big
    {
        height:353px;
        width:480px;
        margin-right:4px;
    }
    .item-rotator .rotator-description,
    dl.rotator dd
    {
        font-weight:bold;
        padding:3px;
        background-color:rgb(255,255,255);
        _margin-bottom:-1px ;
        z-index:10;
        
    }
    
    .item-rotator .rotator-description,
    dl.rotator dd
    {
        background-color:rgba(255,255,255,0.8);
        
    }
    .item-rotator .rotator-description .date
    {
        font-weight:normal;
    }
    
    .galleryPaging
    {
        margin-top:5px;
    }
    
    .artical .pager .last img,
    .artical .pager .next img,
    .galleryPaging .next img,
    .galleryPaging .last img
    {
        opacity:0.2;
    }
    
    .galleryPaging:hover a img,
    .galleryPaging:hover a img
    {
        opacity:0.2;
        
    }
    .galleryPaging a:hover img
    {
        opacity:1;
       }
    .artical .pager .last a:hover img,
    .artical .pager .next a:hover img,
    .galleryPaging:hover .next a:hover img,
    .galleryPaging:hover .last a:hover img,
    .galleryPaging .next a:hover img,
    .galleryPaging .last a:hover img
    {
        opacity:0.6;
    }
    
    hr.clear 
    {
      background: none;
      border: 0;
      clear: both;
      display: block;
      float: none;
      font-size: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
      display:none;
      }
      
body.caseStudy hr.clear
{
      display: block;
}



* html .sideNav li span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/IceGroup/arrow.h.png', sizingMethod='image'); }
* html .sideNav li span.active, * html .sideNav li.selected span  { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/IceGroup/arrow.v.png', sizingMethod='image'); }

* html .item-rotator .rotator-next { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/IceGroup/NavArrows.d.r.png', sizingMethod='image'); }
* html .item-rotator .rotator-previous  { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/IceGroup/NavArrows.d.l.png', sizingMethod='image'); }
* html  #paging .next, * html #paging .previous    { background-image: none }


* html a.pdf  { float:right; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/IceGroup/IconPdf.wide.png', sizingMethod='image'); }
* html .galleryPaging .item-rotator {float:left;}
* html .galleryPaging { float:right;}

/* *** sidebar *** */
.left-sidebar
{
    float:left;
    width:237px;
}
.right-sidebar
{
    float:right;
    width:246px;
}
.wide-right-sidebar
{
    float:right;
    width: 488px;
}
.rotatorItem
{
    overflow:hidden;
    width:239px;
    float:left;
    margin-right: 4px;
}

#belowMain
{
    display:block;
    overflow: hidden;
    clear: both;
}