@import "reset.css";
@import "typography.css";

html { height: 100%; margin-bottom: 1px; }

body { font-size:62.5%; font-family:Verdana, Helvetica, sans-serif; }

.wrapper { margin:0 auto; position:relative; width:960px; padding:10px 0 0 20px;/*background-color:#6633FF;*/ }

.header { width:960px; float:left; }

.content { width:960px; float:left; display:inline; }

.logo { float:left; margin:10px 20px 0 10px; }

.col { width:220px; float:left; margin-right:20px; display:inline; }

.col2 { width:460px; float:left; margin-right:20px; display:inline; }

.colNoMargin { margin:0; }

.clear { clear:both; }

/*----------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------*/
ul.nav { padding:0; margin:0;}

ul.nav li { list-style:none; padding:0; margin:0 0 0.8em 0;  line-height:1; background:none; font-size:100%; }

ul.nav li a { padding:0; margin:0 0 10px 0; text-decoration:none; color:#969696; font-size:1.6em; display:inline; }

ul.nav li a:hover { color:#174a7c; text-decoration:none; }

ul.nav li.current ul li { font-size:100%;}

ul.nav li.current a {color:#114A7C; font-weight:bold;}
ul.nav li.current ul li a { font-weight:normal;}


ul.nav li ul { margin:0.8em 0 0 5px; border-left:1px solid #cccccc; }
ul.nav li ul li { background:none; padding:0; margin:0 0 0.8em 10px; font-size:100%; }
ul.nav li ul li a { font-weight:normal; font-size:1.4em;}
ul.nav li.current ul li a { background:none; color:#114a7c;}
ul.nav li.current ul li a:hover { color:#00a9a6; background:none; }

ul.nav li ul li.secondary-current a { font-weight:bold;}

ul.nav li ul li ul { margin:0.7em 0 0 5px; padding:0 0 0 10px; border-left:1px solid #cccccc; }
ul.nav li ul li ul li { background:none; padding:0; margin:0 0 1em 0; font-weight:normal; font-size:100%;display:block; }
ul.nav li ul li.secondary-current ul li a {font-weight:normal; font-size:1.2em; margin:0; padding:0;}
ul.nav li ul li.secondary-current ul li.third-current a { font-weight:bold;}

/*----------------------------------------------------------------------------------------
BOXES
----------------------------------------------------------------------------------------*/

.box { margin-bottom:20px; width:220px; position:relative; padding:0; float:left; display:inline; }

.box-content { padding:15px 15px 5px 15px; width:190px; float:left; display:inline; }

.box-footer { height:10px; width:220px; float:left; display:inline; }

.box.middle-blue .box-footer { background:url(../images/bluebox1bg.jpg) no-repeat left bottom; }

.box.smallgrey .box-footer { background:url(../images/smallgreybg.jpg) no-repeat left bottom; }

.box.smallgrey { background:url('../images/smallgreybg.jpg') no-repeat left top;
    top: 0px;
    left: 0px;
    /*height: 103px;*/
}

.box.middle-blue { background:url(../images/bluebox1bg.jpg) no-repeat top left; }

.box.light-blue .box-footer { background:url(../images/bluebox2bg.jpg) no-repeat left bottom; }

.box.light-blue { background:url(../images/bluebox2bg.jpg) no-repeat top left; }

.box.blue .box-footer { background:url(../images/bluebox3bg.jpg) no-repeat left bottom; }

.box.blue { background:url(../images/bluebox3bg.jpg) no-repeat top left; }

.content .box a,
.greybox-large p a { text-decoration:none; }

.content .box a:hover { text-decoration:none; color:#174A7C; }

.box.blue p,
.content .box.blue a,
.content .box.blue a:hover { color:#174A7C; }

.box.light-blue p,
.content .box.light-blue a,
.content .box.light-blue a:hover { color:#174A7C; }

.box.middle-blue p,
.content .box.middle-blue a,
.content .box.middle-blue a:hover { color:#ffffff; }

.box.white .box-footer { background:url(../images/whiteboxbg.jpg) no-repeat left bottom; }

.folder-icon-footer { height:65px; background:url(../images/folder-icon-footer.jpg) no-repeat left bottom; width:220px; float:left; display:inline; }

.document-icon-footer { height:76px; background:url(../images/document-icon-footer.jpg) no-repeat left bottom; width:220px; float:left; display:inline; }

.magnify-icon-footer { height:110px; background:url(../images/folder-magnify-footer.jpg) no-repeat left bottom; width:220px; float:left; display:inline; }

.news-icon-footer { height:110px; background: url(../images/news-footer-icon.jpg) no-repeat left bottom; width:220px; float:left; display:inline; }

.box.white { background:url(../images/whiteboxbg.jpg) no-repeat top left; }

.box.white h2 { color:#184a7c; }

.box.grey { background:url(../images/greyboxbg.jpg) no-repeat bottom; }

.box .greyheader h2 { background: #878787 url(../images/greyboxheader.jpg) no-repeat top; color:White; width:190px; padding:10px 15px 10px 15px; min-height:29px; height:auto !important; height:29px; margin:0; }

span.icon-footer a { font-size:1.2em; text-decoration:none; }

.icon-footer img { position:absolute; bottom:-89px; right:5px; }

.icon-footer-large { width:460px; position:relative; display:block; clear:left; background:url(../images/events-icon-footer.jpg) }

.icon-footer-large img { position:absolute; right:20px; top:-10px; }

/*----------------------------------------------------------------------------------------
Publications
----------------------------------------------------------------------------------------*/

.publications dl { width: 190px; margin: 0 0 5px 0; padding: 0; }

.publications dl:after { /* self-clear floats */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.publications dt { float: right; width: 135px; margin: 0; padding: 0; font-size: 1.2em; font-weight:bold; color: #969696; }

.publications dd { margin: 0 0 0 70px; padding: 0; line-height: 1.5em; color: #174A7C; font-size:1.2em; }

.publications dl dd.img { margin: 0; }

.publications dd.img img { float: left; margin: 0 5px 0 0; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff; }

.publications a {font-weight:normal; text-decoration:none;}

.publications a:hover {text-decoration:underline;}

/*----------------------------------------------------------------------------------------
FILTER
----------------------------------------------------------------------------------------*/

ul.filter { font-size:1.2em; }

ul.filter li { margin: 0 0 0.4em 0; background:none; padding:0; }

ul.filter a { color:#969696; text-decoration:none;/*line-height:1.2em;*/ }

.newsentry { margin-bottom:15px; }

/*----------------------------------------------------------------------------------------
SEARCH
----------------------------------------------------------------------------------------*/

.search-container { display:inline; width:190px; float:left; padding:0; height:1%; }

.search-container .search-box { background-color:transparent; background-repeat:no-repeat; display:inline; float:left; height:24px; margin:0; padding:0; width:150px; }

.search-container .keyword-search-box { background-color:transparent; background-repeat:no-repeat; display:inline; float:left; padding:0; margin-bottom:1em; }

.search-container .search-box input { background-color:transparent; background-image:url(../images/search-box.png); background-repeat:no-repeat; border:medium none; color:#515E6A; float:left; display:inline; font-size:1em; margin:0; padding:4px 5px 5px 8px; width:142px; }

.search-container .keyword-search-box input { background-color:transparent; background-image:url(../images/search-box.png); background-repeat:no-repeat; border:medium none; color:#515E6A; float:left; display:inline; font-size:1em; margin:0; height:19px; padding:4px 5px 5px 8px; width:170px; }

.search-container .keyword-search-box label { padding:0 0 0.7em 0; float:left; }

.search-container input { float:left; display:inline; margin:0; padding:0; }

.search-criteria select { width:190px; margin-bottom:1em; color:#515E6A; }

#NorthEast { background:url(../images/NorthEastBG.jpg) no-repeat; height:96px; width:220px; display:none; position:absolute; top:320px; padding:5px; }

#NorthEast p { float:left; width:50px; }

#NorthWest { background:url(../images/NorthWestBG.jpg) no-repeat; height:96px; width:220px; display:none; position:absolute; top:320px; padding:5px; }

#regionalMap { margin-bottom:20px; }

.right { float:right; }

.left { float:left; }

/*----------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------*/
.page-footer { float:left; width:960px; margin-top:10px; padding-bottom:10px; clear:both; display:inline; }

.page-footer p { font-size:1em; }

.pagefooter-links { float:left; margin-top:20px; color:#969696; font-size:0.9em; width:320px; }

.pagefooter-links ul li { float:left; display:inline; margin:0 5px 10px 0; padding:0 0 2px 0; font-size:100%; }

.pagefooter-links ul li a { border-left:1px solid #969696; color:#969696; text-decoration:none; padding:0 0 0 5px; margin:0; }

.pagefooter-links ul li a:hover { color:#174A7C; }

.pagefooter-links ul li a.first { border:none; padding-left:0; }

.pagefooter-logos { float:right; }

.pagefooter-logos ul li { display:inline; }

.personnel-container { margin-bottom:30px; float:left; width:100%; }

.personnel-photo { width:95px; padding-right:20px; float:left; }

.personnel-desc { float:right; width:340px; }

.personnel-container h3 { color:#780296; margin-bottom:1em; }

.personnel-desc p { color:#969696; font-size:1.1em; line-height:normal; }

p.purple { color:#780296; }

p.lime { color:#79bb4e; }

p.yellow { color:#faad28; }

p.orange { color:#d55100; }

p.blue { color:#126aa9; }

p.teal { color:#44c0be; }

p.sand { color:#d5bb67; }

p.pink { color:#d51e67; }

p.mauve { color:#8782BE; }

.extramargin { margin-top:20px; }

.findRDAform strong { color:#174a7c; font-size:1.2em; }

.search-criteria { margin-bottom:1em; float:left; }

.search-criteria p { padding:0; margin:0 0 0.5em 0; }

.search-criteria label { color:#104a7c; width:150px; display:block; margin-left:30px; vertical-align:middle; padding-bottom:3px; }

.findRDAform div input { float:left; margin:0 7px 0 0; padding:0; }

.rda-submit { position:absolute; left:10px; bottom:20px; }


/*Added by Ben 19/07/2010 to support the new Change Password link in the footer */
.pagefooter_ChangePass a { color:#969696; text-decoration:none; margin:0; }
.pagefooter_ChangePass a:hover { color:#FFFFFF; }

/*----------------------------------------------------------------------------------------
USEFUL LINKS WIDGETS 
----------------------------------------------------------------------------------------*/
#UsefulLinks a { text-decoration:underline; padding-bottom:15px; }

#UsefulLinks h2 { color:#174a7c; }

#UsefulLinksPinkbg { background:url(../images/useful-links-pinkbg.jpg); }

#UsefulLinksPinkbgFooter { background:url(../images/useful-links-pinkbg.jpg) bottom; }

#UsefulLinksPurplebg { background:url(../images/useful-links-purplebg.jpg); }

#UsefulLinksPurplebgFooter { background:url(../images/useful-links-purplebg.jpg) bottom; }

#UsefulLinksGreenbg { background:url(../images/useful-links-greenbg.jpg); }

#UsefulLinksGreenbgFooter { background:url(../images/useful-links-greenbg.jpg) bottom; }

#UsefulLinksYellowbg { background:url(../images/useful-links-yellowbg.jpg); }

#UsefulLinksYellowbgFooter { background:url(../images/useful-links-yellowbg.jpg) bottom; }

#UsefulLinksDarkpurplebg { background:url(../images/useful-links-darkpurplebg.jpg); }

#UsefulLinksDarkpurplebgFooter { background:url(../images/useful-links-darkpurplebg.jpg) bottom; }

#UsefulLinksOrangebg { background:url(../images/useful-links-orangebg.jpg); }

#UsefulLinksOrangebgFooter { background:url(../images/useful-links-orangebg.jpg) bottom; }

#UsefulLinksBluebg { background:url(../images/useful-links-bluebg.jpg); }

#UsefulLinksBluebgFooter { background:url(../images/useful-links-bluebg.jpg) bottom; }

#UsefulLinksTealbg { background:url(../images/useful-links-tealbg.jpg); }

#UsefulLinksTealbgFooter { background:url(../images/useful-links-tealbg.jpg) bottom; }

#UsefulLinksSandbg { background:url(../images/useful-links-sandbg.jpg); }

#UsefulLinksSandbgFooter { background:url(../images/useful-links-sandbg.jpg) bottom; }

/*----------------------------------------------------------------------------------------
REPORTS & EXECUTIVES CONTENT
----------------------------------------------------------------------------------------*/
.article-list { padding:0px; width:460px; float:left; display:inline; margin-bottom:1em; }
.article-list img { border:1px solid #969696; float:left; }
.article-list p { text-decoration:none; margin-left:120px; }

/*----------------------------------------------------------------------------------------
USEFUL LINKS & REGIONAL MAP
----------------------------------------------------------------------------------------*/

.useful-links { margin-top:20px; color:white; width:220px; float:left; }

.useful-links-content { padding:15px; width:190px; }

.useful-links a { text-decoration:underline; font-size:1.2em; }

.useful-links h2,
.useful-links a { color:white; padding:0; }

.useful-links-footer { height:20px; }

.regional-map { width:220px; background-color:#969696; float:left; display:inline; }

.regional-map-content { margin:0; padding:0; }

.regional-map-content h3 { margin:10px; padding:0; color:white; font-size:1.7em; }

.regional-map p { margin:10px; padding:0; color:white; font-size:1.2em; }

.regional-map-content ol { margin:10px; padding:0; color:white; }

.regional-map-content ol li { margin-left:20px; color:white; }

.regional-map h2 { height:auto !important; margin:0; min-height:29px; padding:10px 15px; width:190px; color:white; }

.regional-map-footer { background:url(../images/dark-grey-footer.jpg) no-repeat bottom; height:10px; }

/*----------------------------------------------------------------------------------------
ICON BOX
----------------------------------------------------------------------------------------*/
.icon-box p { color:white; font-size:1.4em; }

.icon-box { width:460px; background:url(../images/icon-box-bg.png) no-repeat; float:left; }

.icon-box-container { float:left; width:120px; margin-left:10px; margin-right:30px; margin-top:10px; height:162px; }

.icon-box-container a.facts { height:72px; width:130px; display:block; background:url(../images/facts-and-figures.png) no-repeat; }

.icon-box-container a.regional { height:72px; width:130px; display:block; background:url(../images/regional.png) no-repeat; }

.icon-box-container a.achievements { height:72px; width:130px; display:block; }

.last { margin-right:0px; }

/*----------------------------------------------------------------------------------------
LARGE GREY & WHITE box
----------------------------------------------------------------------------------------*/
.greybox-large { width:460px; background:url(../images/large-header-footer.jpg) no-repeat bottom; float:left; position:relative; display:inline; }

.greybox-large-content .newsentry { margin-bottom:5px; width:210px; float:left; display:inline; }

.greybox-large-content .newsentry p {margin:0px;}

.greybox-large-content { padding:15px; float:left; display:inline; position:relative; }

.rda-national-news { margin-bottom:16px; }

.rda-news { margin-bottom:60px; height:564px; }

.greybox-large .magnify-icon-footer { position:absolute; background:url(../images/folder-magnify-footer.jpg) no-repeat right bottom; width:127px; bottom:-28px; right:0px; }

.greybox-large .news-icon-footer { position:absolute; background:url(../images/news-footer-icon.jpg) no-repeat right bottom; width:105px; bottom:-19px; right:0px; }

.greybox-large .publications dl { float:left; width:420px; }

.greybox-large .publications dt { width:340px; line-height:1.4em;}

.greybox-large p.more { clear:both; }

.greybox-large h2 { background:url(../images/large-header.jpg) no-repeat; height:30px; color:white; padding:10px 15px 10px 15px; margin:0; }

.greybox-large h2 a {color:#fff; text-decoration:none;}

.greybox-large h2 a:hover {text-decoration:underline;}

.greybox-large-footer-img { background:url(../images/eventsicon.png); position:absolute; top:5px; right:200px; border:1px solid; }

.whitebox-large-content { padding:10px; }

.whitebox-large { width:460px; background:url(../images/white-box-largebg.jpg) no-repeat bottom; float:left; position:relative; }

.whitebox-large h2 { background:url(../images/large-header.jpg) no-repeat; height:30px; color:white; padding:10px; margin:0; }

/*----------------------------------------------------------------------------------------
SELECT AN RDA
----------------------------------------------------------------------------------------*/

#selectRDA { float:left; width:210px; }

#selectRDA p { margin:0 0 1.2em 0; }

#selectRDA a { text-decoration:none; font-weight:bold; }

#selectRDAmap { float:right; width:210px;/*background:url(../images/map-none-selected.jpg) no-repeat;*/ display:block; height:280px; width:212px; margin-top:30px; }

#selectRDAlogos { clear:both; width:429px; height:42px; display:block;/*background:url(../images/selectrda-coloured-logos.jpg) no-repeat;*/ }

.visit { position:absolute; top:13px; right:10px; } /*search box on visit rda widget positioning*/

.col-division-left { float:left; width:190px; margin:0 50px 0 0; }

.col-division-right { float:left; width:190px; margin:0; }

.col-division-right.event-list { float:left; width:190px; margin:35px 0 0 0; }

ul.evententry { margin:0; padding:0; }

ul.evententry li { margin:0; padding:0; list-style-type:none; background:none; font-size:100%; }

ul.evententry li  #selectRDA p a#northwestLink:hover { color:#780296; }

#selectRDA p a#northeastLink:hover { color:#79bb4e; }

#selectRDA p a#yorkshireLink:hover { color:#faad28; }

#selectRDA p a#westmidsLink:hover { color:#d55100; }

#selectRDA p a#eastmidsLink:hover { color:#126aa9; }

#selectRDA p a#eastenglandLink:hover { color:#44c0be; }

#selectRDA p a#southwestLink:hover { color:#d5bb67; }

#selectRDA p a#southeastLink:hover { color:#d51e67; }

#selectRDA p a#londonLink:hover { color:#8781bf }

/*----------------------------------------------------------------------------------------
UNIQUE STYLES 
----------------------------------------------------------------------------------------*/
p.intro { color:#969696; font-size:2em; line-height:1.2em; margin: 0 0 1em 0; font-family:"trebuchet MS", verdana, sans-serif; }

.highlight { color:#f26539; }

/*----------------------------------------------------------------------------------------
TYPE
----------------------------------------------------------------------------------------*/
.box.middle-blue h2 { color:white; }

.box.middle-blue a { color:white; }

.box.light-blue h2 { color:#174a7c; }

.box.light-blue a { color:#174a7c; text-decoration:none; }

.box.blue h2 { color:#174a7c; }

.box.blue a { color:#174a7c; text-decoration:none; }

.newsentry p { color:#174a7c; line-height:1.2em; }

.newsentry p strong.date { color:#174a7c; font-weight:normal; }

.newsentry p strong.title { color:#969696; font-weight:normal; }

.newsentry p a { color:#969696; text-decoration:none; }

.newsentry p a:hover { color:#969696; text-decoration:underline; }

.footer a { color:#969696; text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; bottom:20px; }

.evententry p strong.date { color:#174a7c; }

.evententry p strong.title { color:#58aeda; }

.box-content .evententry p { color:#969696; }

.box-content .evententry p a { text-decoration:none; }

.evententry p a { color:#969696; text-decoration:none; }

.evententry a:hover strong { color:#174a7c; text-decoration:none; }

.survey-section.friday { font-size:0.9em; line-height:1.2em; }

.survey-section .filter { background-color:white; border:none; color:#174A7C; float:right; border:1px solid #b4dafc; }

.survey-section label { margin:0 5px 0 0; vertical-align:middle; }

.survey-section select { margin:0 5px 0 0; border:1px solid #b4dafc; color:#515E6A; }

#NewsWidgetLeftCol { width: 210px; float:left; display:inline; margin-bottom:30px; }

#NewsWidgetRightCol { width: 210px; float:left; display:inline; margin-left:10px; margin-bottom:30px;  }

.publications-col1 { float:left; display:inline; width:210px; }

.publications-col2 { float:left; display:inline; width:210px; margin-left:10px; margin-bottom:40px; }

/*----------------------------------------------------------------------------------------
RDA IMAGE MAP
----------------------------------------------------------------------------------------*/

#map-view-container { position: relative; margin-bottom:20px; float:left; }

area:focus {border:none; outline:none;}

#map-container { float: left; position:relative; z-index:10; }

#map-view-container img.map { position: relative; z-index: 100; }

#map-view-container img.region { display: none; left: 0px; position: absolute; top: 0px; z-index: 20; }

#map-view-container img.regionBg { left: 0px; position: absolute; top: 0px; z-index: 19; }

#practice-container { float: left; position:absolute; top:533px; left:0px; z-index:200; }

#practice-container ul { display: none; font-size:100%; padding:0; margin:0; }

#practice-container ul.selected { display: inline; padding:0; margin:0; height:82px; width:460px; float:left;}

#practice-container ul li { list-style-type: none; color:#FFFFFF; padding:6px 15px 0 15px; margin:0; position:relative; display:block; width:430px; min-height:70px; height:auto !important; height:70px; float:left; display:inline; }

#practice-container ul li h4 { font-family:"trebuchet MS", verdana, sans-serif; color:#FFFFFF; font-size:2.1em; font-weight:bold; margin:0; padding:0; }

#practice-container ul li p { font-size:1em; color:#FFFFFF; }

#practice-container ul li p a { font-size:1em; color:#FFFFFF; text-decoration:none; }

#practice-container ul li p a:hover { font-size:1em; color:#FFFFFF; text-decoration:underline; }

#practice-container ul li p.discover-more { position:absolute; right:15px; bottom:10px; margin:0; }

#practice-container .selected-list ul li { list-style-type: none; }


#practice-container ul.northWest-list {background: url(../images/rda-map-nw.gif) bottom left;}
#practice-container ul.northEast-list {background: url(../images/rda-map-ne.gif) bottom left;}
#practice-container ul.yorkshire-list {background: url(../images/rda-map-y.gif) bottom left;}
#practice-container ul.westMidlands-list {background: url(../images/rda-map-wm.gif) bottom left;}
#practice-container ul.east-list {background: url(../images/rda-map-e.gif) bottom left;}
#practice-container ul.eastMidlands-list {background: url(../images/rda-map-em.gif) bottom left;}
#practice-container ul.southWest-list {background: url(../images/rda-map-sw.gif) bottom left;}
#practice-container ul.southEast-list {background: url(../images/rda-map-se.gif) bottom left;}
#practice-container ul.london-list {background: url(../images/rda-map-london.gif) bottom left;}


.greybox-large .publications dt strong { color:#174a7c; font-weight:normal; }

.news-icon-footer img { margin-top:35px; }


.chineseLink {margin-top:30px;display:block; font-size:2em;text-decoration:none;}
a.chineseLink:hover{color:#114A7C;}

.text-only { display: none; }