/* LAYOUT STYLES */

body {
  margin:0;
  padding:0;
  min-width:771px;
  background:#3A76B4;
}
div#bodyWrapper {
  width:950px;
  margin:auto;
  background:#FFF;
  padding:20px 20px 0;
  border-color:#F2C570;
  border-style:solid;
  border-width:0 2px 2px 2px;
}
div#topBar {
  padding:0 0 14px;
  height:48px;
}
div#topLinks {
  font-size:92%;
  color:#999;
  float:right;
  text-align:right
}
input#searchBox {
  width:120px;
}

div#breadcrumb {
  font-family:'Segoe UI Semibold','Segoe UI',Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-weight:normal;
  background:#ffe9bf;
  padding:6px 15px;
  margin:0 0 10px;
  font-size:106%;
  line-height:100%;
  color:#3466a9;
}
div#breadcrumb ul {
  list-style:none;
  margin:0;
  padding:0;
}
div#breadcrumb li {
  margin:0;
  padding:0 22px 0 0;
  margin:0;
  display:inline;
}
div#breadcrumb li.bullet {
  background:url(../images/tri_bullet.gif) right .4em no-repeat;
}
div#breadcrumb a,
div#breadcrumb a:visited {
  color:#3466a9;
  font-weight:normal;
}

div#contentWrapper {
  clear:both;
  zoom:1;
  margin:25px 0 15px;
  background:url(../images/content_bg.gif) repeat-y;
}
div#mainContent {
  width:735px;
  margin:0 15px;
  float:left;
  min-height:300px;
}
a.contentEdit, a.contentEdit:visited   {
  clear:right;
  float:right;
  margin:.5em 0 .5em .5em;
  padding:.2em .5em;
  background:#ffe9bf;
  color:#3466a9;
}
h2, input#contentTitle {
  font-family:'Segoe UI',Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-weight:bold;
}
input#contentTitle {
  font-size:215%;
  letter-spacing:-1px;
  color:#263B97;
}
div#sidebarContent {
  float:right;
  width:158px;
}
div#sidebarContent ul {
  list-style:none;
  padding:0;
  margin:0 0 1em;
}
div#sidebarContent li {
  border-bottom:1px solid #CED2E9;
  padding:0 0 .4em;
  margin:0 0 .4em;
  font-weight:bold;
  color:#263B97;
}

div#footer {
  font-size:85%;
  color:#D8E4F0;
  clear:both;
  text-align:right;
  padding:8px 0;
  width:990px;
  margin:0 auto;
}
div#footer a {
  color:#D8E4F0;
  font-weight:normal;
}
div#footer a:hover {
  color:#FFF;
}

div.banner {
  border:1px solid #9F9F9F;
  margin:0 0 1.1em 0;
}  
div.banner h5 {
  background:#3A76B4;
  padding:4px 10px;
  margin:0 0 .5em;
  color:#FFF;
  font-size:100%;
}
div.banner h5 a {
  text-decoration:none;
  color:#FFF;
}
div.banner p {
  margin:0 0 .75em;
  line-height:1.2em;
}
div.banner div.content {
  padding:4px 10px 0;
}
div.banner table.content {
  width:100%;
  border-collapse:collapse;
  margin-top:4px;
}
div.banner table.content td {
  vertical-align:top;
  padding:3px 10px;
  line-height:1.2;
}
div.banner table.content td p {
  margin:0 0 1em;
}

div#arupLabBanner,
div#arupConsultBanner {
  padding: 7px 10px 0 10px;
  width: 212px;
  min-height: 54px;
  border: 2px solid #5986B3;
  margin-left: 1em;
  float: right;
  clear: right;
  font-size: 95%;
}
div#arupLabBanner p,
div#arupConsultBanner p {
  line-height: 1.25;
}
div#arupLabBanner {
  background: #E5F2FF;
}
div#arupConsultBanner {
  background: #FCF0CA;
}
div#arupLabBanner img {
  float: right;
  margin: 0 3px 4px 12px;
}
div#arupConsultBanner img {
  float: right;
  margin: 2px 3px 6px 17px;
}

/* SUPERFISH MENU */
.sf-menu, .sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}
.sf-menu {
  line-height:1.0;
}
.sf-menu ul {
  position:absolute;
  top:-999em;
  width:13.5em; /* left offset of submenus need to match (see below) */
  margin:0 !important; /* override dynamic lists */
}
.sf-menu li {
  float:left;
  position:relative;
  z-index:99; /* so dropdowns don't appear behind other page elements in IE */
}
.sf-menu li.right {
  float:right;
}
.sf-menu li.sfHover {
  z-index:100; /* so dropdown don't appear behind other menu items if menu wraps */
}
.sf-menu li:hover {
  visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu ul li {
  width:100%;
}
.sf-menu a {
  display:block;
  position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:0;
  top:2.5em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:13.5em; /* match ul width */
  top:-1px; /* account for top border */
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:13.5em; /* match ul width */
  top:-1px; /* account for top border */
}

/*** SUPERFISH SKIN ***/
.sf-menu {
  clear:both;
  height:2.5em; /* match top ul list item height */
  padding:0 .5em;
  margin:0 0 10px;
  background-color:#3a76b4;
}
.sf-menu a {
  font-family:'Segoe UI',Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-weight:bold;
  font-size:125%;
  text-decoration:none;
  line-height:1.0;
  padding:.45em 15px .55em 10px;   /* + 1.0 line-height x 125% font-size = 2.5em, but rounding errors mean it's sometimes off by a pixel */
  white-space:nowrap;
}
.sf-menu ul a {
  font-family:'Segoe UI Semibold','Segoe UI',Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-weight:normal;
  font-size:112%;
  line-height:1.1;
  padding:.45em 10px;
  white-space:normal;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:#FFF;
}
.sf-menu ul a, .sf-menu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:#263B97;
}
.sf-menu a:hover {
  text-decoration:none;
}
.sf-menu ul {
  background-color:#e6ecf3;
  border-color:#A9B2D5;
  border-width:1px;
  border-style:none solid solid solid;
  opacity:.95;
  -moz-opacity:.95;
  /* IE filters seem to prevent submenus from opening */
  /* filter:alpha(opacity=95); */
}
.sf-menu ul ul {
  opacity:1;
  -moz-opacity:1;
}
.sf-menu li {
  background-color:#3a76b4;
  height:2.5em;
  margin:0 !important;
}
.sf-menu li li {
  background-color:#e6ecf3;
  border-top:1px solid #bcc4e0;
  height:auto;
  overflow:visible;
  padding:0;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  outline:0;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
  background:#FFF;
  outline:0;
}

/* SUPERFISH ARROWS (down & side arrows with hover) */
.sf-menu a.sf-with-ul {
  padding-right:1.5em;
  min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu .sf-sub-indicator {
  position:absolute;
  display:block;
  right:.5em;
  width:10px;
  height:10px;
  text-indent:-999em;
  overflow:hidden;
  background:url('../images/menu_arrow.png') no-repeat -10px -100px; /* multi-state sprite image:do not replace */
  top:.75em; /* IE6 only */
}
.sf-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:.7em;
  background-position:0 -100px;
}
.sf-menu ul .sf-sub-indicator {
  top:.65em; /* IE6 only */
}
.sf-menu ul a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:.6em;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position:-10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position:-10px 0; /* arrow hovers for modern browsers*/
}

/* SHADOWBOX STYLES */
/* v3.0.3 - Modified by Cameron to make loading screen white */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:10px solid #FFF;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:42px;display:inline-block;color:#666;}
#sb-body,#sb-loading{background-color:#FFF;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{padding-top:.1em;height:3em;line-height:1.2em;}
#sb-title-inner{font-weight:bold;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:100%;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}