*, html { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { _margin:0 0 0 0; font-weight:normal; }
p, .pageText ul { font-size:0.8em; }

p, li, span, a, h1, h2, h3, h4, h5, h6 { color:#58595B; }

a:hover { color:#0071ab;}
.mselected { color:#0071ab; }

/**
 * Page Elements
 */
.breadcrumb, .breadcrumb a { color:#ADADAD; }
.pagination .paginationList a { color:#58595B; }

.clickable { cursor:pointer; }

h2, h3, h4, .recordGroupName { color:#0071ab; margin-bottom:0.5em; }
h2 { font-size:1.8em; }

address { font-style: normal;}


/**
 * Containers
 */
#container { text-align:center; }
#wrapper { text-align:left; padding:0 5px 0 5px; margin:0 auto; min-width:765px;max-width:960px;width: expression(document.body.clientWidth < 776? "775px" : document.body.clientWidth > 961? "960px" : "auto");}


/**
 * Column elements
 */
.row { position:relative; padding-bottom:1em; }
.colLeft { width:40%; float:left; }
.colRight { width:40%; margin-left:40%; }


/**
 * Header
 */
#header { margin:0; height:62px; position:relative; }

#header .logo { width:210px; height:40px; padding:12px 0 0 0; margin:0;}

#header .logo h1 { width:210px; height:40px; background-repeat:no-repeat; display:block; text-indent:-9000px; background-image:url(/img/site/www/layout/uniservity.jpg);  }
#header .logo h1 a { display:block; width:100%; height:100%; outline:none; }

#header h2.strap { position:absolute; top:24px; right:0; font-size:1em; width:306px; height:18px; background-repeat:no-repeat; display:block;  background-image:url(/img/site/www/layout/strap1.gif); text-indent:-9000px; }
#header h2.strap span {   }


/**
 * Top navigation
 */
#topnav, #topnav .wrapper { height:28px;}
#topnav { background-image:url(/img/site/www/layout/leftnavbg.png); background-repeat:no-repeat; background-position:top right; } 
#topnav .wrapper { background-image:url(/img/site/www/layout/leftnavleft.png); background-repeat:no-repeat; background-position:top left;  }

#topnav .search { float:right; margin:3px 0 0px 0; margin-right:15px; }
#topnav .search form {  }
#topnav .search input.query { font-size:0.8em; } 
#topnav .search input.query { width:120px; }
#topnav .search input.submit { font-size: 0.7em; vertical-align:top;}

#topnav ul { margin:0; padding:0 0 0 0; }
#topnav ul li { margin:0; padding:0; list-style-type:none; float:left; font-size:10pt; }

#topnav li, #topnav li a { height:28px; }
#topnav li { background-repeat:no-repeat; background-position:top left; }
#topnav li a { display:block; text-indent:-9000px; }
#topnav li.mselected { background-position:bottom left; }

#topnav li#menu1, #topnav li#menu1 a { width:52px; }    /** Home */
#topnav li#menu2, #topnav li#menu2 a { width:61px; }    /** About */
#topnav li#menu3, #topnav li#menu3 a { width:77px; }    /** What we do */
#topnav li#menu5, #topnav li#menu5 a { width:83px; }    /** Best Practise */
#topnav li#menu6, #topnav li#menu6 a { width:141px; }   /** Projects */
#topnav li#menu7, #topnav li#menu7 a { width:87px; }    /** News */
#topnav li#menu8, #topnav li#menu8 a { width:74px; }    /** Contact */

#topnav li#menu1 { background-image:url(/img/site/www/nav/home.png); }
#topnav li#menu2 { background-image:url(/img/site/www/nav/about.png); }
#topnav li#menu3 { background-image:url(/img/site/www/nav/whatwedo.png); }
#topnav li#menu5 { background-image:url(/img/site/www/nav/bestpractice.png); }
#topnav li#menu6 { background-image:url(/img/site/www/nav/projects.png); }
#topnav li#menu7 { background-image:url(/img/site/www/nav/news.png); }
#topnav li#menu8 { background-image:url(/img/site/www/nav/contact.png); }


/**
 * Rounded corner elements
 */
.bannerLeft { position:relative; }
.acTopRight, .acTopLeft, .acBottomLeft, .acBottomRight { background-repeat:no-repeat; width:100%; height:100%; }
.acTopRight { background-image:url(/img/site/www/ac/ac_topright.png); background-position:top right;  }
.acTopLeft { background-image:url(/img/site/www/ac/ac_topleft.png); background-position:top left; }
.acBottomLeft { background-image:url(/img/site/www/ac/ac_bottomleft.png); background-position:bottom left; }
.acBottomRight { background-image:url(/img/site/www/ac/ac_bottomright.png); background-position:bottom right; }


/**
 * Panel elements
 */
.panel { background-repeat:repeat-y; }
.panel .header { height:31px; background-image:url(/img/site/www/panel/title/white/title.png); background-position:top right; background-repeat:no-repeat;  }
.panel .header div { width:100%; height:100%; background-image:url(/img/site/www/panel/title/white/title_left.png); background-repeat:no-repeat; }
.panel .header h3 { font-size:0.6em; padding:12px 0 0 8px; color:black; }
.panel .header h3 a { text-decoration:none; }
/* limiters for the text in the box*/
.panel .content { background-image:url(/img/site/www/panel/right.png); background-position:top right; background-repeat:repeat-y; padding-right:4px; }
.panel .content .wrapper { padding:8px; }
.panel .content p { margin-bottom:0; font-size:0.7em; }
.panel .content p a { text-decoration:none;}

/*JUST TELL ME WHY YOU'VE GOT ALL THIS LINES HERE*/

.panel .footer { height:17px; background-repeat:no-repeat; background-position:top left; background-color:white;  }
.panel .footer div { width:8px; height:17px; background-repeat:no-repeat; background-position:top left; float:right;}


/** Panel: Title Area */
.panel .header.red { background-image:url(/img/site/www/panel/title/red/title.png); }
.panel .header.red div { background-image:url(/img/site/www/panel/title/red/title_left.png); }
.panel .header.red h3, .panel .header.red h3 a { color:white; }

.panel .header.green { background-image:url(/img/site/www/panel/title/green/title.png); }
.panel .header.green div { background-image:url(/img/site/www/panel/title/green/title_left.png); }
.panel .header.green h3, .panel .header.green h3 a { color:white; }

.panel .header.blue { background-image:url(/img/site/www/panel/title/blue/title.png); }
.panel .header.blue div { background-image:url(/img/site/www/panel/title/blue/title_left.png); }
.panel .header.blue h3, .panel .header.blue h3 a { color:white; }

.panel .header.yellow { background-image:url(/img/site/www/panel/title/yellow/title.png); }
.panel .header.yellow div { background-image:url(/img/site/www/panel/title/yellow/title_left.png); }
.panel .header.yellow h3, .panel .header.yellow h3 a { color:white; }

.panel .header.orange { background-image:url(/img/site/www/panel/title/orange/title.png); }
.panel .header.orange div { background-image:url(/img/site/www/panel/title/orange/title_left.png); }
.panel .header.orange h3, .panel .header.orange h3 a { color:white; }

/** Panel: Content Area */
.panel.greyblue { background-image:url(/img/site/www/panel/content/greyblue/bg.png); }
.panel.greyblue .footer { background-image:url(/img/site/www/panel/content/greyblue/footer.png); }
.panel.greyblue .footer div { background-image:url(/img/site/www/panel/content/greyblue/footerright.png); }

.panel.red { background-image:url(/img/site/www/panel/content/red/bg.png); }
.panel.red .footer { background-image:url(/img/site/www/panel/content/red/footer.png); }
.panel.red .footer div { background-image:url(/img/site/www/panel/content/red/footerright.png); }
.panel.red .content p { color:white; }

.panel.yellow { background-image:url(/img/site/www/panel/content/yellow/bg.png); }
.panel.yellow .footer { background-image:url(/img/site/www/panel/content/yellow/footer.png); }
.panel.yellow .footer div { background-image:url(/img/site/www/panel/content/yellow/footerright.png); }

.panel.green { background-image:url(/img/site/www/panel/content/green/bg.png); }
.panel.green .footer { background-image:url(/img/site/www/panel/content/green/footer.png); }
.panel.green .footer div { background-image:url(/img/site/www/panel/content/green/footerright.png); }

.panel.blue { background-image:url(/img/site/www/panel/content/blue/bg.png); }
.panel.blue .footer { background-image:url(/img/site/www/panel/content/blue/footer.png); }
.panel.blue .footer div { background-image:url(/img/site/www/panel/content/blue/footerright.png); }
.panel.blue .content p { color:white; }

.panel.orange { background-image:url(/img/site/www/panel/content/orange/bg.png); }
.panel.orange .footer { background-image:url(/img/site/www/panel/content/orange/footer.png); }
.panel.orange .footer div { background-image:url(/img/site/www/panel/content/orange/footerright.png); }
.panel.orange .content p { color:white; }

.panel.white { background-image:url(/img/site/www/panel/content/white/bg.png); }
.panel.white .footer { background-image:url(/img/site/www/panel/content/white/footer.png); }
.panel.white .footer div { background-image:url(/img/site/www/panel/content/white/footerright.png); }



/**
 * Left Navigation
 */
#leftnav { width:20%; float:left; padding:20px 0 20px 0;  }

#leftnavmenu { margin-bottom:15px;}
#leftnavmenu p.menuHeader { padding-bottom:0; font-size:0.9em; margin-bottom:20px; margin-left:3px; color:#0071ab; }
#leftnavmenu ul { list-style:none;}

#leftnavmenu ul li { font-size:0.8em; padding:0 0 7px 0px; margin:0 0 1em 15px; border-bottom:1px solid #DBDBDB; }

#leftnavmenu ul li.last { border-bottom:0; }

#leftnavmenu ul li ul { padding-top:8px; }
#leftnavmenu ul li ul li { border:none; margin-bottom:0; }

#leftnavmenu ul li div { padding:10px 0 10px 0; display:inline; }
#leftnavmenu ul li ul li div { padding:0 0 4px 0; }

#leftnavmenu li a { text-decoration:none; }

/**
 * Next step links
 */
#leftnavlinks li { font-size:0.8em; margin-left:1em;  }
#leftnavlinks .panel { }
#leftnavlinks .panel .content { margin:0;padding:0}
#leftnavlinks li a { text-decoration:none;}



/**
 * Right Navigation
 */ 
#rightnav { float: right;width: 25%;}
#rightnav .rightnavlinks { margin: 0 0 25px 0;}
#rightnav .rightnavlinks .panel .content { }
#rightnav .rightnavlinks .panel .content p { font-size: 0.8em;margin-top:70px;}
#rightnav .rightnavlinks .panel .content img { border: solid 1px #EEE;}
#rightnav .rightnavlinks .panel .header h3 a { color: #fff; text-decoration: none;}
#rightnav .rightnavlinks .content .wrapper { }

#rightnav .rightnavlinks.collab-projects .content .wrapper{ background: url(/_library/img/www/Logos/smallworld-1.jpg) no-repeat top right;}
#rightnav .rightnavlinks.user-groups .content .wrapper{ background: url(/_library/img/www/RightPanels/user-groups.jpg) no-repeat;}
#rightnav .rightnavlinks.clc-learning-platform .content .wrapper{ background: url(/_library/img/www/RightPanels/clc-learning-platform.jpg) no-repeat;}
#rightnav .rightnavlinks.customer-portal .content .wrapper{ background: url(/_library/img/www/RightPanels/customer-portal.jpg) no-repeat;}
#rightnav .rightnavlinks.events .content .wrapper{ background: url(/_library/img/www/Logos/NECC08-R-HEX-1.jpg) no-repeat top center;}
#rightnav .rightnavlinks.healthy-eating .content .wrapper{ background: url(/_library/img/www/RightPanels/healty-eating.jpg) no-repeat top right;}
#rightnav .rightnavlinks.global-projects .content .wrapper{ background: url(/_library/img/www/RightPanels/global-projects.jpg) no-repeat top right;}
#rightnav .rightnavlinks.design .content .wrapper{ background: url(/_library/img/www/Logos/smallworld-1.jpg) no-repeat top right;}


/**
 * Content
 */
.pageText { width:100% !important;width: 99%;}
.content.withleft { margin-left:20%; padding:20px 0 20px 20px; }
.content.withRight .pageContent{float:left;width: 72%; }
.content.withleft#content1, .content.withleft#content73, .content.withleft#content74, .content.withleft#content75, .content.withleft#content76, .content.withleft#content77  { clear:left; margin-left:0; }
.content.noLeftOrRight { padding: 20px 20px 20px 17px;}
.content a:hover { text-decoration:none; }
.content ul { margin-bottom:1em; }

/**
 * News / Gallery / Events / Link pages
 */
 
/** Records */
.pageNews .pageRecord,
    .pageEvent .pageRecord,
    .pageLink .pageRecord { margin:10px 0 0 0; clear:right; padding:0; }
        
/** Header */
.pageNews .pageRecord h3,
    .pageEvent .pageRecord h3,
    .pageLink .pageRecord h3 { margin-bottom:0.5em;  }
        
.pageNews .pageRecord h3 a,
    .pageEvent .pageRecord h3 a { font-size: 0.9em; }
    


/** Pagination */
.pageGallery .pagination .paginationList,
    .pageNews .pagination .paginationList,
    .pageSearch .paginationList { font-size:0.8em; }

/** Image */
.pageNews .recordImage a img,
    .pageNewsRecord .newsBody img,
    .pageEvent .recordImage a img,
    .pageEventRecord .recordImage img { border: solid 1px #EEE; padding: 5px;}

.pageNews .newsHighlight { border: solid 1px #a0a0a0;background-color: #F6F6F6;padding:10px;margin:10px 10px 0 0;}
.pageNews .newsHighlight .recordImage a img { border: solid 1px #a0a0a0;background-color: #fff;}
.pageNewsRecord .newsDate { font-weight: bold;}
.pageNewsRecord .newsBody img { margin: 0 0 10px 10px;}
.pageNewsRecord .newsBody ul li { font-size: 0.8em;} 
.pageEvent .pageRecord span.eventLabel { font-weight: bold;}
.pageEventRecord .recordImage img { float: right;}


/**
 * Contact forms
 */
.pageForm .pageOverview { margin-bottom:25px;}
.pageForm .pageUnderview { float: left;font-size: 0.8em;}
.pageForm .formRow {clear:left; font-size: 0.8em;padding:5px 0 5px 0;}
.pageForm .pageRecord {float:left;}
.pageForm .pageRecord label{ float: left;width:40%;}
.pageForm .pageRecord .fieldValue { margin-left:40%;}
.pageForm .formRow.fieldRadio .fieldValue, 
    .pageForm .formRow.fieldSubmit .fieldValue, 
    .pageForm .formRow.fieldCheckbox .fieldValue { margin-left:0;float: left;}
.pageForm .formRow.fieldCheckbox p{ font-size: 1em;color: black;}
.pageForm .fieldRadio input, .pageForm .fieldCheckbox input{margin-right:25px;}
.pageForm .fieldTextarea textarea { width:60%;height:150px;font-size:1em;}
.pageForm .pageRecord span.required { color:red; font-size:1.9em;vertical-align:top;}
.pageForm .pageRecord p.requiredWarning { margin:25px 0 0 0; }
.pageForm .pageRecord span.warning { color: red; font-size: 0.8em; margin: 0 0 0 10px;vertical-align:top;}

/**
 * Partner links
 */
#pageLink21 .pageRecord .recordImage{ float: left;border: solid 1px #EEE; padding: 5px;margin: 0 0 10px 0;}
#pageLink21 .pageRecord h3 { clear: left;} 

/**
 * Awards
 */
#pageLink20 { float:left;}
#pageLink20 .pageRecord{ margin-bottom:20px;}
#pageLink20 .pageRecord .recordImage{float: left;border: solid 1px #EEE; padding: 5px; margin: 0 10px 10px 0;}
#pageLink20 .pageRecord h3 {clear:left;}

 
/**
 * Download links
 */
.pdfdownload { background:url(/img/icons/silk/page_white_acrobat.png) no-repeat left center;padding-left:30px; height:16px;  }
 
/**
 * Footer navigation
 */
#footer { border-top:solid 1px #E2E4E3;color:#E2E4E3; clear: both;margin-bottom:20px;}
#footernav { font-size: 0.7em;float:right;}
#footernav ul { list-style:none;}
#footernav li { float: left;margin:5px;}
#footernav li a { padding-right:10px;}  


/**
 * News Ticker
 */
#ticker {  border-top:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; margin-top:125px; height:18px; position:absolute; width:100%; }
#ticker a { text-decoration:none; }
#ticker a:hover { text-decoration:underline; }

#ticker .label { position:absolute; top:2px; left:0; }
#ticker .label a { color:#D31145; }
 
#newsTicker { position:relative; overflow:hidden; margin-left:95px; height:18px; top:2px; }
#newsTicker .date a { color:#0071ab; }
#newsTicker .name a { color:#58595B; }

#newsTicker1 { position:absolute; }
#newsTicker2 { position:absolute; }


/**
 * Home page
 */
#pageFreetext1 { padding-top:5px; }
 
#pageFreetext1 .pageOverview { position:relative; padding-top:5px; height:160px; }

#pageFreetext1 .pageOverview .bannerLeft .wrapper,#pageFreetext1 .pageOverview .bannerRight { height:124px; }

#pageFreetext1 .pageOverview .bannerLeft { position:absolute; top:0; width:79%; }
#pageFreetext1 .pageOverview .bannerLeft .wrapper { width:100%; background-image:url(/_library/img/www/Banners/home.jpg); background-position:center center; }

#pageFreetext1 .pageOverview .bannerRight { position:absolute; top:0; margin-left:81%; width:19%; background-color:#e7edee; background-image:url(/img/bett/twitter.png); background-position:top right; background-repeat:no-repeat; text-align:center; }
#pageFreetext1 .pageOverview .bannerRight img { padding-top:28px; }

#pageFreetext1 .pageOverview .bannerRight .linkedModuleText, #pageFreetext1 .pageOverview .bannerRight .linkedModuleText .pageContent, #pageFreetext1 .pageOverview .bannerRight .linkedModuleText .pageContent .recordItem, #pageFreetext1 .pageOverview .bannerRight .linkedModuleText .pageContent .recordItem .homePageAdvert { height: 100%;}
#pageFreetext1 .pageOverview .bannerRight .homePageAdvert { width: 100%; }
#pageFreetext1 .pageOverview .bannerRight .homePageAdvert a { display:block;height: 100%;text-indent: -9000px;}
 
#pageFreetext1 h2 { margin:0; padding:0; font-size:1.1em; }
#pageFreetext1 .pageText { position:relative; }

#pageFreetext1 .left p, #pageFreetext1 .middle p { padding-right:15px; }


#pageFreetext1 .left { width:80%; margin:0.5em 0 25px 0;}
#pageFreetext1 .middle { position:absolute; top:0; width:40%; margin-left:40%; }

#pageFreetext1 .right { position:absolute; top:0; width:19% !important; width: 19%;margin-left: 81% !important; margin-left:82%; }

#homefooter { height:213px; width:100%;}
#homefooter .footpan { width:19%; float:left; }
#homefooter .footpanspacer {float: left;width: 1%;}
#homefooter .footpanspacer.s1 { margin-right: 0.2em; }
#homefooter .footpanspacer.s3,#homefooter .footpanspacer.s2 { margin-right:0.09em;}
#homefooter .stephenheppell { float:right;}

#homefooter .footpan .content{ height:148px; }
#homefooter .footpan .image { height:73px; background-repeat:no-repeat; margin:0; padding:0; background-position:1px center; }

#homefooter .footpan p.more { display:block; padding-top:5px; font-size:0.6em; }
#homefooter .footpan a { text-decoration:none; }
#homefooter .footpan .more a:hover { text-decoration:underline; }
#homefooter .footpan .red p a { color:white; }
#homefooter .footpan .blue p a { color:white; }
#homefooter .footpan .orange p a { color:white; }

#homefooter .footpan.platform .image { background-image:url(/img/site/www/panelimages/platform.jpg); }
#homefooter .footpan.primary .image { background-image:url(/img/site/www/panelimages/clc-logo.jpg); background-position: center;}
#homefooter .footpan.secondary .image { background-image:url(/img/site/www/panelimages/secondary.jpg); }
#homefooter .footpan.projects .image { background-image:url(/img/site/www/panelimages/primary.jpg); }
/*#homefooter .footpan.stephenheppell .image { background-image:url(/img/site/www/panelimages/stephen.jpg); }*/
#homefooter .footpan.stephenheppell .image { background-image:url(/img/site/www/panelimages/showcase2008.jpg);  background-position: top;}
/**
 * Page images
 */
.bannerLeft .wrapper {background-position:top left; height:140px;margin: 0 0 25px 0;background-repeat:no-repeat;width: 100%; }
.content.withRight .pageOverview .bannerLeft { width: 72% !important; width /**/: 96%; }
.content.withRight .pageOverview .bannerLeft .wrapper { background-position:top left; height:140px;margin: 0 0 25px 0;background-repeat:no-repeat;width: 100%; }

#pageFreetext90 .pageContent .pageText .bannerLeft .wrapper { background-image:url(/_library/img/www/Banners/aboutus.jpg); }
#pageFreetext72 .pageContent .pageText .bannerLeft .wrapper { background-image:url(/_library/img/www/Banners/careers.jpg); }
#pageNews59 .pageOverview .bannerLeft .wrapper,
    #pageNewsRecord59 .pageOverview .bannerLeft .wrapper,
    #pageArchive59 .pageOverview .bannerLeft .wrapper 
    { background-image:url(/_library/img/www/Banners/press.jpg); }
#pageForm106 .pageOverview .bannerLeft .wrapper { background:url(/_library/img/www/Banners/e-newsletter.jpg) no-repeat top center; }
#pageForm104 .pageOverview .bannerLeft .wrapper { background:url(/_library/img/www/Banners/webinar.jpg) no-repeat top center; }
#pageFreetext95 .pageContent .pageText .bannerLeft .wrapper { background:url(/_library/img/www/Banners/contact.jpg) no-repeat top center; }
#pageFreetext102 .pageContent .pageText .bannerLeft .wrapper { background:url(/_library/img/www/Banners/brochure.jpg) no-repeat top center; }
#pageNews94 .pageOverview .bannerLeft .wrapper, 
    #newsArchive94 .pageOverview .bannerLeft .wrapper,
    #pageNews7 .pageOverview .bannerLeft .wrapper,
    #newsArchive7 .pageOverview .bannerLeft .wrapper { background:url(/_library/img/www/Banners/news.jpg) no-repeat top center; }
#pageNewsRecord94 .pageOverview .bannerLeft .wrapper,
    #pageNewsRecord7 .pageOverview .bannerLeft .wrapper,
    #pageEventRecord84 .pageOverview .bannerLeft .wrapper,
    #pageNewsRecord59 .pageOverview { display:none;}
    
#pageEvent84 .pageOverview .bannerLeft .wrapper { background:url(/_library/img/www/Banners/events.jpg) no-repeat top center;}
#pageText93 .pageOverview .bannerLeft .wrapper { background:url(/_library/img/www/Banners/collaborative-projects.jpg) no-repeat top left;}

#linkedModuleLink15 .pageRecord .recordImage{float: left;border: solid 1px #EEE;}

/**
 * Best Practice page - custom css for pdf links
 */
#pageText91 .pageContent h3, 
    #pageText31 .pageContent h3, 
    #pageText49 .pageContent h3 { width:70%;}
    
#pageText91 .pageContent p.pdfdownload, 
    #pageText31 .pageContent p.pdfdownload, 
    #pageText49 .pageContent p.pdfdownload { width: 20%;float: right;margin-top:12px !important; margin-top: 0px;font-size: 0.7em;} 
/**
 * News body page
 */
#pageNewsRecord59 .pageContent { width: 100%;} 
/**
 * Site Map
 */
.pageSitemap {}
.pageSitemap .viewTypes { float:right; }
.pageSitemap li { font-size:0.8em; }

/**
 * Random css
 */ 
.photoComment { font-size: 0.7em;}
#pageNews59 .pressTelephone { float:left;width:15%;}
#pageNews59 .pressEmail { margin-left:15%;}