﻿@charset "utf-8";

/*baseline*/
* {margin:0; padding:0; :100%;}
body {font-size: 10pt; font-family:Arial, Helvetica, Sans-Serif; line-height:1.4em; border: 1px solid #000; margin: 0; padding: 14px; width: 620px;}
a img {border: 0 none;}
a {color:#3173b2; text-decoration:underline;}
img {border: 0;}
legend {position:absolute; left:-9999px; text-indent:-9999em; line-height:0;}
fieldset {border:none;}
ol {list-style:none;}
.alignLeft {float: left;}
.alignRight {float: right;}
h1 { font-size: 12pt; margin-bottom: 8px; color:#3173b2;}
h2 { font-size: 11pt; margin-bottom: 4px;}
h3 { font-size: 11pt; font-weight: bold; margin-bottom: 4px;}
h4, h5 { font-size: 10pt; font-weight: bold; margin-bottom: 4px;}

/*hidden elements*/
.myCentre,
#topNav,
#mainNav,
#userPanel,
ul#servicesOptions,
.podClose,
#leftCol,
#contentFooterLinks,
.libraryFilter,
.summary ul,
.panelBasket,
#eventsFilter,
.calendar,
.button,
#eventsList ul li a,
body#home div.widget ul#publications .task,
ul.tasks,
.pdf,
.searchResults table,
.bannerImgContainer a,
.searchResults .searchtop
{display: none;}

/*layout*/
#wrapper {text-align:left;}

/*header*/
#header {height: 80px; clear: both; margin-bottom: 18px;}
#header img {float:left;}
        
/*homepage--------------------------------------------------*/

/*news*/
	#news {float:left; border-top:1px solid #65abf6; border-bottom:1px solid #65abf6; padding: 6px 0; margin: 6px 12px 6px 0;}
	#news h2 {font-weight:bold;}
	#news a { font-weight:bold; text-decoration:none; border-bottom:1px solid #65abf6; padding:8px 8px 0 0;}
	
/*content--------------------------------------------------*/

#mainContent {padding: 12px 0 0;}

#introduction {padding: 20px 0 0; clear:both; width: 620px;}
#introduction p {margin-bottom: 12px;}
#introduction a {text-decoration: none; border-bottom: 1px solid #cbc1ae;}
    
/*rightCol--------------------------------------------------*/

.rContent {padding: 60px 0 0!important; margin: 10px 0 0; width: 620px; float: left;}
    .rContent ul { border-top: 1px solid #fdf6ef; padding-left: 14px;}
    .rContent ul li { padding:8px 0; margin-right: 12px; border-bottom: 1px solid #fdf6ef;}
	.rContent h3 { font-size: 10pt;}

/*hub and content--------------------------------------------------*/

/*breadcrumbs*/
ul#breadcrumb {display:block; padding:4px 0; width:620px; border-bottom: 1px solid #ddd4c8; border-top: 1px solid #ddd4c8; float: left; margin-bottom: 14px; list-style: inside circle;}
ul#breadcrumb li {list-style:none; float:left; margin:0 10px 0 0; font-size: 8pt;}
                   
/*content*/
body#hubContent #introduction {padding-top:10px;}
body#hubContent .rContent {padding: 10px 0 0!important;}

/*hub list*/
.hubList {padding:0 10px 0 0;} 
	.hubList li {list-style:none; padding:20px 10px; display: block; clear: both; border-top: 1px solid #ddd4c8;}
    .hubList h3 a {text-decoration:none; color:#2b271e; border-bottom: 2px solid #c9beaa;}
    .hubList p {margin-top:0.5em;}
	.hubImg {float:left; margin:0 10px 0 0;}

/*specific content pages -------------------------------------------*/
	
/*forms*/
#introduction fieldset div {border-bottom: 1px solid #ddd4c8; width: 448px; padding: 4px; background:url(../../../../images/formBg.jpg) no-repeat bottom left; clear: both; min-height: 25px; _height: 25px; float: left;}
#introduction fieldset label {width:170px; display: block; float: left; clear: left; margin-right: 10px;}
#introduction fieldset input {padding: 2px; margin: 3px 6px 0 0;}
.button {background:url(../../../../images/button.gif) no-repeat bottom left; border: none; width: 90px; padding-top: 1px; height: 34px; text-align: center; margin-top: 6px; color: #363123; font-weight: bold;}

#introduction fieldset table input {border: 1px solid #000; float: left;}
#introduction fieldset table label, #introduction .survey fieldset table label {width: auto; display: inline; clear: none; float: left;}

#introduction fieldset .fullWidth {background:url(../../../../images/formBgFull.jpg) no-repeat bottom left;}
#introduction fieldset .fullWidth textarea {margin-top: 8px;}

#introduction fieldset .checkBox {background:url(../../../../images/formBgFull.jpg) no-repeat bottom left; float: left;}
#introduction fieldset .checkBox label {width: 400px; clear: none;}
#introduction fieldset .checkBox input { float: left;}

#introduction .survey fieldset div {background:url(../../../../images/formBgWide.jpg) no-repeat bottom left;}
#introduction .survey fieldset label {width:275px;}

/*edit profile*/
#editProfile {margin-top: 12px; border-bottom: 1px solid #ddd4c8;}
#editProfile h2 {font-weight: bold; margin: 0 0 12px; padding-top: 12px; background: url(../../../../images/hubLinkBg.gif) repeat-x top left;}
#editProfile fieldset div {border-top: 1px solid #ddd4c8; border-bottom: none;}

/* Library */
.summary {border-top: 1px solid #d4d4d4; padding: 8px 4px 0;}
#introduction .summary img {float: left; margin: 0 10px 0 0;}

.libraryDetail img {border: 1px solid #eae2d4!important; margin: 0 12px 12px 0;}
.libraryDetail span {padding: 4px 0; display: block; clear: right; border-bottom: 1px solid #eae2d4;}
.libraryDetail strong {color: #256ba9;}

/* site map */
ul.sitemap {margin-left: 14px;}
ul.sitemap li {padding: 5px 0;}
ul.sitemap li.sitmp0 {border-top: 1px solid #eae2d4;}

/*events*/
#eventsList ul {margin-left: 14px; border-top: 1px solid #d5d5d5; width: 600px;}
#eventsList ul li {  padding: 2px 0; margin-bottom: 0;}
#eventsList ul li.tcc { background-color: #ebebeb;}
#eventsList ul ul {border-top: none; width: auto; font-size: 8pt;}
.eventDetails ul {margin-left: 14px;}

/*search results*/
.searchResults span { border-top:1px solid #f3f4e4; position: relative; padding: 6px 0; display: block;}
.searchResults h2 { font-size: 10pt;}
.searchResults strong { position: absolute; top: 6px; right: 0;}

/*case studies*/
#caseStudyMainImage {margin: 0 0 10px 0;}

/*news*/
ul#newsList {margin-left: 14px;}
ul#newsList h2 {font-size: 10pt;}
ul#newsList .date {color: #696969; font-size: 8pt;}
	
/*footer*/
#footer {width:100%; border-top: 2px solid #2f2d28; color:#8a7a6f; padding:15px 0 0; display: block; clear: both; height: auto; font-size: 8pt;}
    #footer a {color:#c3b4ab; text-decoration:none; border-bottom:1px solid #cbc1ae;}
    #footer a:hover {border:none;}
	
/*our services*/
    #ourServices {border-top: 1px solid #f3f4e4; padding: 15px 0 10px;}
	#ourServices h2 { font-size: 12pt;}
	#ourServices .widget h2, #ourServices h3{ font-size: 10pt;}
	
/* homepage pods */
	#ourServices .widget {border-bottom: 1px solid #d1cec6; padding: 8px 0; width: 600px; float: left;}
	#ourServices .widget h2 {background: none;}
	#ourServices .widget h3 {margin: 0 0 8px;}
	#ourServices .widget ul {margin-left: 14px;}
	#ourServices .widget ul li {padding-bottom: 10px; line-height: 1.4em;}
	#ourServices .widget img {margin: 5px;}  

/* Image library pod*/
body#home div.widget ul#imageLibrary { margin-left: 0; float: left; list-style: none;}
body#home div.widget ul#imageLibrary li { clear: none; background: none; padding: 0; margin: 0 2px 4px; float: left;}