html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	   outline: 0;

	font-weight: inherit;
	font-style: inherit;
  font-family: inherit;
  vertical-align:top;

}

h1 {margin-bottom:10px;}

body {background: #efeeee; line-height: 1; font-family: arial, sans-serif;font-size: 75%;}
#container {width: 810px;border-left: 6px solid #e6e6e6; border-right: 6px solid #e6e6e6; background: #fff; margin: 0 auto; padding: 15px 0 0px 0;}

#header, #navigation, #banner, #footer {padding: 0px 15px 0 15px;}
#header .top { height: 15px; background: transparent url(../Img/bck_headerTop.gif) no-repeat; font-size: 0;}
#header .main {background: #99b4bd url(../Img/bck_headerRepeat.gif);margin: 0; padding: 0;}
#header .main #accessibility {float: right;}
#header .main #accessibility a { background: transparent url(../Img/bck_accessibilityDivider.gif) no-repeat bottom right; padding: 10px 10px 0px 10px;color: #282828; text-decoration: none; font-size: 1.1em;}
#header .main #accessibility a.larger { padding: 0 20px 0 0px; margin-right: 20px; position: relative; top: -2px;}
#header .main #accessibility a.smaller { background: none;padding-left: 15px; padding-right: 0;position: relative; top: -2px;}
#header .main #accessibility a:hover {text-decoration: underline}
a img {border: 0;}
a.logo {display: block; margin-left: 20px;} 

#banner {position: relative;}
#banner p.tagline  {position: absolute; top: 65px; left: 40px; line-height: 1.4em; font-size: 1.3em; color: #0b7090; font-weight: bold; width: 414px}

#navigation ul {background: transparent url(../Img/bck_navRepeat.gif) repeat-x; float: left; margin: 0; border-bottom: 1px solid #d0dce0; }
#navigation ul li  {float: left; list-style: none; }
#navigation ul li.last {background: none; padding-right: 0;}
#navigation ul li.About a {padding-left: 23px;}
#navigation ul li.Search a {padding-right: 22px;}
#navigation ul li a {background: transparent url(../Img/navDivide.gif) top right no-repeat;display: block; font-weight: bold; color: #39382f; text-transform: uppercase; padding: 6px 17px;  text-decoration: none; letter-spacing: 0px;}
#navigation ul li a:hover {text-decoration: underline; background-color: #d1bb3f}
#navigation ul li a.active {background-color: #d1bb3f} 
#navigation ul li.Search a {background-image: none;}
.accessibilityMenu {display: none}

#breadcrumb {clear: left;float: left; margin: 8px 0 8px 16px; display: inline;}
#breadcrumb span {color: #006787; margin-left: 5px; }
#breadcrumb a { background: transparent url(../Img/icon_breadcrumbArrow.gif) no-repeat center right; padding: 10px 12px 10px 0; text-decoration: none } 
#breadcrumb a:hover {text-decoration: underline}

#hotJobs {padding-top: 7px;width: 400px;float: right;display: inline;display: none; margin-right: 7px; }
#hotJobs p {float: left;display: inline;color: #7b7b7b; background: transparent url(../Img/icon_rss.gif) no-repeat; padding: 0px 0 10px 17px; margin-right: 9px; font-weight: bold;}
#hotJobs ul#ticker {float: left;width: 310px;overflow: hidden;display: inline; margin-left: 5px;}
#hotJobs .tickercontainer {width: 310px; height: 27px;margin: 0; padding: 0;overflow: hidden; }
#hotJobs .tickercontainer .mask {position: relative;width: 310px;overflow: hidden;}
ul#ticker {position: relative;left: 320px;list-style-type: none;margin: 0;padding: 0;}
#hotJobs ul li {list-style:none; float: left;color: #7b7b7b; font-size: 100% !important;}
#hotJobs a {float: left;margin: 0 3px 0 0;display: inline;padding: 0 0 5px 0; color: #7b7b7b; text-decoration: none}
#hotJobs a:hover {text-decoration: underline}
#hotJobs a img {margin: 0; padding: 0;}

#main {clear: both;line-height: 1.3; width: 788px; margin: 0 12px; background: url(../Img/bck_divider.gif) no-repeat 3px 0;}

#main #leftCol {width: 176px; float: left; margin-top: 20px;}
#main #leftCol ul {margin: 0 0 30px 5px;}
#main #leftCol ul li ul {margin-bottom: 0; margin-left: 0;}
#main #leftCol ul li { list-style: none; margin-right:3px; }
#main #leftCol ul li ul li a {border-bottom:1px solid #e1d37e;color: #006787; font-weight: normal }
#main #leftCol ul li a { width: 146px;display:inline-block; padding: 7px 0 7px 20px; text-decoration: none;color: #272727; border-bottom:1px solid #e1d37e;  font-weight: bold; outline:0; }
#main #leftCol ul li ul li a:hover,#main #leftCol ul li a:hover,#main #leftCol ul li ul li a.active  {text-decoration: underline;}

#quickSearch h2 {background: transparent url(../Img/bck_quickSearchHeader.gif) no-repeat; color: #fff; text-indent: -2000em; height: 32px}
#quickSearch .form { background: transparent url(../Img/bck_quickSearchBg.gif) repeat-y; padding: 7px 11px 0 11px; float: left; }
#quickSearch .form input {padding: 2px; margin: 9px 0; width: 147px; border-top: 1px solid #c9b533;border-left: 1px solid #c9b533; border-right: 1px solid #fae664;border-bottom: 1px solid #ffec75;}
#quickSearch .form input.submit {width: 70px; height: 22px; float: right; border: none}
#quickSearch select {padding: 2px;margin: 9px 0; width: 154px;border-top: 1px solid #c9b533;border-left: 1px solid #c9b533; border-right: 1px solid #fae664;border-bottom: 1px solid #ffec75;}
#quickSearch p {font-weight:bold; clear: both;float: left;  width: 176px;  background: transparent url(../Img/bck_quickSearchFooter.gif) no-repeat; margin: 0; padding: 11px 0 13px 0; text-align: center; }
#quickSearch p a { color:#000;text-decoration:none; }
#quickSearch p a:hover { color:#000;text-decoration:underline; }

#middleCol {float: left; width: 400px; margin: 20px 16px 0 16px; line-height: 1.4}
#middleCol p {margin-bottom: 10px;}
#middleCol p em {font-style: italic;}
#middleCol p strong {font-weight: bold;}
#middleCol ul {margin: 5px 0 10px 20px}
#middleCol ul li strong {display: block; font-weight: bold;margin-top: 5px;}
#middleCol a {text-decoration: none}
#middleCol a:hover {text-decoration: underline}
#middleCol h1,#middleCol h2 {font-size: 1.3em; font-weight: bold; color: #272727;padding-bottom:15px;}
#middleCol h2 {font-size: 1.1em; margin: 20px 0 0 0;}
#middleCol table tr.top td {background: #ccc;}
#middleCol table tr td {background: #eee; padding: 10px; }
#middleCol table {margin: 10px 0 20px 0;}
#middleCol ul#accordion {margin: 0; line-height: 1.3}
#middleCol ul#accordion li {list-style: none;display: inline;}
#middleCol ul#accordion li div {background-color: #f2f2f2; padding: 20px 0px 20px 12px;}
#middleCol ul#accordion li a{outline:0;display: block; width: 384px; color: #fff; padding: 8px 0 5px 16px;clear:left; font-size: 1.1em; font-weight: bold; text-decoration: none; background: url(../Img/icon_accordion.png) no-repeat 372px -37px; }
#middleCol ul#accordion li a.selected { background: url(../Img/icon_accordion.png) no-repeat 372px 7px; }
#middleCol ul#accordion li a#area1 {background: url(../Img/bck_accordionHeader.gif) 0 0 no-repeat;}
#middleCol ul#accordion li a#area1.selected {background: #8e6587 url(../Img/bck_accordionHeader.gif) 0px -30px no-repeat;}
#middleCol ul#accordion li a#area2 {background-color: #997493}
#middleCol ul#accordion li a#area3 { background-color: #a5849f}
#middleCol ul#accordion li div a {background: none}
#middleCol ul#accordion li div div.profilee { width: 121px; float: left; background: #464646; padding: 12px 0 0 0; margin: 12px 7px 0 0; color: #fff;}
#middleCol ul#accordion li div div.profilee a {display: block; padding: 0; margin: 0; width: 121px;}
#middleCol ul#accordion li div div.profilee span {font-size: 0.8em;display: block;padding: 10px 0 10px 3px;}
#middleCol ul#accordion li div div.last {margin-right: 0;}


#middleCol #mapArea { display: none;position: relative;background: url(../Img/bck_map.gif) no-repeat; width: 400px; height: 526px;}
#middleCol .pin {position: absolute;}

#middleCol .pin a {display: block; outline: 0; text-decoration: none;background: url(../Img/bck_pinGraphic.png) top left no-repeat; padding: 27px 15px 0 0; color: White; font-weight: bold; font-size: 1.1em;}
#middleCol .pin a#Edinburgh {position: absolute; top: 330px; left: 288px;}
#middleCol .pin a#Inverness {position: absolute; top: 137px; left: 215px;}
#middleCol .pin a#Glasgow {position: absolute; top: 350px; left: 220px;}
#middleCol  .pin a#Aberdeen {position: absolute; top: 180px; left: 310px;}
#middleCol .pin a:hover {text-decoration: underline;}
#middleCol .pin a#Aberdeen {outline: 0;display: block;background: url(../Img/bck_pinGraphic.png) top right no-repeat; padding: 20px 15px 0 0;}
#middleCol #mapOverlay { width: 354px; padding: 0 20px; margin: 0; background: transparent url(../Img/bck_mapRepeat.png) repeat-y;}
#middleCol #mapOverlay  p {margin-bottom: 0; padding-bottom: 10px}
#middleCol #mapOverlay h3 {color: #272727; font-weight: bold; padding: 10px 0 0px 0; font-size: 1.3em}
#middleCol #mapOverlay h4 {color: #006787; font-weight: bold;font-size: 1.1em; margin-top: 10px;}
#middleCol #mapOverlay p.blurbformatted { border-bottom: 1px solid #dfe1de;} 
#middleCol #mapOverlay .office { }

#middleCol label {clear: left;display: block; color: #0b7090; font-size: 1.2em; font-weight:bold; margin: 20px 0 2px 0;}
#middleCol select {margin-right: 10px;}
#middleCol p.workingPattern {float: left; margin-right: 10px;}
#middleCol p.workingPattern input {margin-right: 5px; padding-top: 4px;}
#middleCol #mapOverlayContainer {display: none;width: 394px;position: absolute; top: 0; left: 0px; z-index: 10;}
#middleCol #mapOverlayContainer .top {background: transparent url(../Img/bck_mapTop.png) no-repeat; width: 394px; height: 15px;}
#middleCol #mapOverlayContainer .bottom {background: transparent url(../Img/bck_mapBottom.png) no-repeat;width: 394px; height: 18px; font-size: 0; margin: 0; padding: 0;}
#middleCol #mapOverlayContainer a {outline: 0;}
#middleCol span.hide {display: none}
#middleCol #accessibility img {margin: 8px 0}

#middleCol #profile {padding-bottom: 10px; }
#middleCol #profile img,#middleCol #profile div {float: left;margin-bottom: 10px;}
#middleCol #profile img {border: 1px solid #1b7a97; padding: 1px;}
#middleCol #profile div  {width: 240px; padding: 0 15px; margin: 0;}
#middleCol #profile div h2 {margin: 0; padding: 0;}
#middleCol #profile div p.quote {font-style: italic; color: #1b7a97}
#middleCol #profileCopy {border-top: 1px solid #ccc; padding-top: 10px;}

#rightCol {width: 176px; float: left;display: inline; margin-top: 20px; }
 
#footer {clear: left;float: left; margin: 0px 0 0 0; padding-top: 30px; }
#footer #follow {width: 200px;}
#footer #follow p { font-weight: bold; float: left; text-transform: uppercase; color:#5b5b5b;  margin: 7px 5px 0 0; }
#footer #follow ul {float: left;}
#footer #follow ul li {float: left; width: 23px; list-style: none; padding-right: 10px;}
#footer #footerLinks {margin: 0; padding: 0;}
#footer #footerLinks ul {clear: left; float: left; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 4px; width: 680px;}
#footer #footerLinks ul li {list-style: none; float: left;}
#footer #footerLinks ul li a {color: #2b7f9b; text-decoration: none; display: block; padding: 0 11px 2px 0;}
#footer #footerLinks ul li a:hover {text-decoration: underline}
#footer #footerLinks p {clear: left;  padding-top: 10px;}

#footerImages { float: right;width:74px;margin:30px 15px 60px 0; }
img.icon_bestCompany {margin:0; }

.panel {position: relative;color: white; font-weight: bold; margin-bottom: 10px; width: 179px;}
.panel h3 {position: absolute; top: 12px; left: 14px; font-size: 1.2em;}
.panel h4 {position: absolute; top: 174px; left: 75px; font-size: 1.0em;}
.panel a {color: #fff; text-decoration: none;}
.panel a:hover {text-decoration: underline;}
.panel p {position: absolute; top: 40px; left: 0; color: #272727; font-weight: normal; padding: 0 10px;}



.clear {clear: both;}
a {color: #006787}