/* 
CSS Document 
Mimas master screen styles
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus { outline : 0; }


/* default styles
----------------------------------------------------------------------------------------- */
 
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {font-size:75%;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; min-width:1024px;} 
body {line-height:1.5; background:#000 /*url(../images/background/bg-blue-brick.gif) repeat;*/  /*background-color: #CBCBCB;*/}
body{text-align: center;}

#container-page{background-color:#fff; margin:0 auto 0 auto; width: 1024px; text-align: left; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

/*h1, h2, h3, h4, h5 {font-family: "New Baskerville", Baskerville, Georgia, serif;}*/

h2, h3 {color:#009FDB; font-weight:bold; font-size:1.4em; margin:0 0 1em 0;}
h2.header-highlight { margin:0 0 0 0; font-size:1em;}

h4 {font-size:1em; color:#009FDB; font-weight:bold; margin:0 0 1em 0;}

p {margin:0 0 1em 0;}

em {font-style:italic;}

a {color:#009FDB; border-bottom:1px dotted #009FDB; padding-bottom:0.1em; text-decoration:none;}
a:hover, a:focus { border-bottom:1px solid #009FDB;}
/*a:focus {background-color: #E9E9E9;}*/
a.partner-logo, a.mimas-logos  {border-bottom:none;}
p.mimas-logos {margin-top:1em; font-size:1em; color:#009FDB !important; font-weight:bold;}
p.mimas-logos.small {margin-top:2em; height:53px;}

a.external, a:hover.external, a:active.external        {
/* a:hover.external, a:active.external are bug fixes for IE/Win */
background-image:url(../images/icons/external-link/external-link.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:15px;

}

*:first-child+html a.external, *:first-child+html a:hover.external, *:first-child+html a:active.external { white-space:nowrap; position:relative; }


.hide {color:#fff; /*position:absolute; left:2000px;*/}
.top {}
.clear-fix {clear:both;}
.no-border {border:none;}
ul#rss-link li {list-style:none; list-style-image:url(../images/icons/rss/feed-icon-14x14.png); margin:0 0 0.5em 1em;}

blockquote, .tip {border-left:2px solid #009FDB; padding:1em; margin-bottom:1em; background-color:#EBECFF;}

.img140x84 { width:140px; height:84px;}



/* flexible columns with multiple widths */
.col-1-40 {width:40%; float:left; clear:left;}
.col-2-40 {width:40%; float:right; }

.col-1-40 img.banner-vertical, .col-2-40  img.banner-vertical {margin:0 0 0 -2em;}

.col-1-40 ul {padding:0.5em 0 0.5em 1.2em;}
.col-2-40 ul {padding:0.5em 0 0.5em 0em;}

.col-1-45 {width:45%; float:left;}
.col-2-45 {width:45%; float:right;}

.col-1-90 {width:90%; float:left;}
.col-2-10 {width:10%; float:right;}

.col-1-92 {width:92%; float:left;}
.col-1-92 h2 {font-size:1.4em;}
.col-1 .col-1-92 h3, .col-1 .col-1-92 h4 {margin:1em 0 1em 0;}
.col-1-92 ul {margin:0 0 1em 1em;}
.col-1-92 .col-1-40 ul {margin:0 0 0 0;}

.col-945 {width:945px; float:left;}
.col-945-inner {width:150px; float:left;}
.col-945-inner ul {width:120px;}

/* flexible columns with multiple widths */
.promo-vertical {width:640px; clear:both; }
.promo-vertical h2, .promo-vertical h3 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 0;}


#mimas-portfolio-landing .promo-vertical .col-1 {width:300px; clear:both; margin-bottom:4em;}
#mimas-portfolio-landing .promo-vertical .col-2 {width:300px;}

#mimas-portfolio-landing .promo-vertical .col-2.image {margin-top:3.4;}
#mimas-portfolio-landing .promo-vertical .col-2.image-with-txt {margin-top:3.4; position: relative;}


.promo-horizontal {width:640px; clear:both; }
.promo-horizontal h2, .promo-horizontal h3 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 0;}
#mimas-portfolio-landing .promo-horizontal .col-1 {width:300px; clear:both; margin-bottom:4em;}
#mimas-portfolio-landing .promo-horizontal .col-2 {width:300px;}
#mimas-portfolio-landing .promo-horizontal .col-2.image {margin-top:3.4;}
#mimas-portfolio-landing .promo-horizontal .col-2.image-with-txt {margin-top:3.4; position: relative;}

#mimas-home .promo-horizontal h3 {margin-bottom:0.2em;}
#mimas-home .promo-horizontal h3 a, #mimas-home .promo-horizontal h3 a:hover {border-bottom:none !important;}

.promo-vertical-1  {clear:both; width:320px;  float:left;}
.promo-vertical-2  {width:360px; float:right;}
.promo-vertical-1, .promo-vertical-2 {margin-bottom:2em;}
.promo-vertical-1 ul, .promo-vertical-2 ul {margin:0 0 1em 1em;}

.promo-vertical-1 h3, .promo-vertical-2 h3 {width:300px; color:#009FDB; font-weight:bold; font-size:1.4em; margin:0 0 1em 0; line-height:1.6em;}
.promo-vertical-1 p, .promo-vertical-2 p {width:300px; color:#5F6062; }
.promo-vertical-1 p.news-intro, .promo-vertical-2 p.news-intro, .promo-vertical-special p.news-intro {font-weight:bold;}


/*.image-with-txt { position: relative;}*/

/*.txt-img-overlay-left {
  position: absolute;
  bottom:0;
  left:0;
  display: compact;
  background:#fff;
  padding:0.2em 0.4em 0 0.8em;
  width:80%;
}*/
/*.txt-img {
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity:0.9;
}
.txt-img {
position: absolute;
  bottom:0;
  left:0;
  background:transparent;
  display: inline;
  padding:0.2em 0.8em 0 0.8em;
  margin:0 0 0.6em 0;
  color:#000;
  width:281px;
  
}

p.txt-img {background-color:#fff;}
p.txt-img strong {color:#000;}*/




.image-with-txt { position: relative;}

/*.txt-img-overlay-left {
  position: absolute;
  bottom:0;
  left:0;
  display: compact;
  background:#fff;
  padding:0.2em 0.4em 0 0.8em;
  width:80%;
}*/
.txt-img strong {
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity:0.90;
}
.txt-img-bottom-left {
  position: absolute;
  bottom:0;
  left:0;
  margin:0 0 0.5em 0;
  color:#fff; 
  width:200px; 
}

.txt-img-top-left {
  position: absolute;
  top:0;
  left:0;
  margin:0 0 2em 0;
  color:#fff; 
  width:200px; 
}

.txt-img-bottom-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 0 0.5em 0;
  color:#fff;  
  width:200px;
}

.txt-img-top-right {
  position: absolute;
  top:0;
  right:0;
  text-align:right;
  margin:0 0 0.5em 0;
  color:#fff;  
  width:200px;
}

.txt-img-centre-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 0 6em 0;
  color:#fff;  
  width:200px;
}

.txt-img-centre-left {
  position: absolute;
  bottom:0;
  left:0;
  margin:0 0 6em 0;
  color:#fff; 
  width:200px; 
}



.promo-vertical-1 .txt-img-bottom-left, .promo-vertical-2 .txt-img-bottom-left,
.promo-vertical-1 .txt-img-top-left, .promo-vertical-2 .txt-img-top-left,
.promo-vertical-1 .txt-img-centre-left, .promo-vertical-2 .txt-img-centre-left
{width:200px;}

.promo-vertical-1 .txt-img-bottom-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 1.7em 0.5em 0;
  color:#fff;  
  width:200px;
}

.promo-vertical-2 .txt-img-bottom-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 5em 0.5em 0;
  color:#fff;  
  width:200px;
}

.promo-vertical-1 .txt-img-top-right {
  position: absolute;
  top:0;
  right:0;
  text-align:right;
  margin:0 1.7em 0.5em 0;
  color:#fff;  
  width:200px;
}

.promo-vertical-2 .txt-img-top-right {
  position: absolute;
  top:0;
  right:0;
  text-align:right;
  margin:0 5em 0.5em 0;
  color:#fff;  
  width:200px;
}

.promo-vertical-1 .txt-img-centre-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 1.7em 6em 0;
  color:#fff;  
  width:200px;
}

.promo-vertical-2 .txt-img-centre-right {
  position: absolute;
  bottom:0;
  right:0;
  text-align:right;
  margin:0 5em 6em 0;
  color:#fff;  
  width:200px;
}



p.txt-img-bottom-left strong, p.txt-img-bottom-right strong, p.txt-img-top-right strong, p.txt-img-top-left strong, p.txt-img-centre-right strong,  p.txt-img-centre-left strong {background-color:#009FDB; color:#fff; padding:0 0.2em 0 0.2em; font-weight:normal;}

p.txt-img-bottom-left a, p.txt-img-bottom-right strong a, p.txt-img-top-right strong a, p.txt-img-top-left strong a, p.txt-img-centre-right strong a,  p.txt-img-centre-left strong a {background-color:#009FDB; color: #fff; padding:0 0.2em 0 0.2em; border-bottom:1px solid #fff;}

p.txt-img-bottom-left a:hover, p.txt-img-bottom-right strong a:hover, p.txt-img-top-right strong a:hover, p.txt-img-top-left strong a:hover, p.txt-img-centre-right strong a:hover,  p.txt-img-centre-left strong a:hover {background-color:#009FDB; color: #fff; padding:0 0.2em 0 0.2em; border-bottom:none; }

.promo-vertical-reverse {width:620px; clear:both;}
.col-1-reverse {width:30%; float:left; clear:left;}
.col-2-reverse {width:45%; float:right; clear:right;}


/* eg. used on news landing page to show 4 promo news stories */
ul.promo-4split {clear:both; list-style-type:none; margin:0em 0 4em 0; padding:0; min-width:680px;}
ul.promo-4split.with-border li {border-top:1px solid #009FDB;}
.promo-4split li {width:106px; float:left; margin:0 2.4em 4em 0; padding:1em 2.8em 0em 0em; font-size:1em; }
.promo-4split h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0;}
.promo-4split h4, .promo-4split p {width:135px;}


.autoscroll { position: inherit;}



/* default styles - boxes
----------------------------------------------------------------------------------------- */

/* solid blue box 
----------------------------------------------------------------------------------------- */
.promo-box-solid-blue { background-color:#009FDB; color:#F0F0F0; margin:0 0 1em 0; padding:1em; line-height:1.9em; border:2px solid #009FDB; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ }
.promo-box-solid-blue h2, .promo-box-solid-blue h3, .promo-box-solid-blue h4, .promo-box-solid-blue p {color:#fff; } 
.promo-box-solid-blue h2, .promo-box-solid-blue h3 { padding-bottom:0.2em; border-bottom:1px solid #fff; font-size:1.2em;}
.promo-box-solid-blue.header-simple h2, .promo-box-solid-blue.header-simple h3 {border-bottom:none;}
.promo-box-solid-blue ul {margin:0 0 0 1em;}
*:first-child+html .promo-box-solid-blue ul {margin:0 0 0 1.21em;}  
.promo-box-solid-blue ul li {margin:0 0 0.4em 0;}
.promo-box-solid-blue a {color:#fff; border-bottom:1px dotted #fff; padding-bottom:0.2em; text-decoration:none;}
.promo-box-solid-blue a:hover, .promo-box-solid-blue a:focus {border-bottom:1px solid #fff;}
.promo-box-solid-blue a.external, .promo-box-solid-blue a:hover.external, .promo-box-solid-blue a:active.external        {
/* a:hover.external, a:active.external are bug fixes for IE/Win */
background-image:url(../images/icons/external-link/external-link-white.gif);
}
.promo-box-solid-blue  strong {padding:0 2px 0 2px;}

/* blue box which turns white on hover 
----------------------------------------------------------------------------------------- */
.promo-box-blue { background-color:#009FDB; color:#F0F0F0; margin:0 0 1em 0; padding:1em; line-height:1.9em; border:2px solid #009FDB; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ }
.promo-box-blue h2, .promo-box-blue h3, .promo-box-blue h4, .promo-box-blue p {color:#fff; } 
.promo-box-blue h2, .promo-box-blue h3 { padding-bottom:0.2em; border-bottom:1px solid #fff; font-size:1.2em;}
.promo-box-blue.header-simple h2, .promo-box-blue.header-simple h3 {border-bottom:none;}
.promo-box-blue h2 a, .promo-box-blue h3 a, .promo-box-blue h2 a:hover, .promo-box-blue h3 a:hover {border-bottom:none;}
.promo-box-blue ul {margin:0 0 0 1em;}
*:first-child+html .promo-box-blue ul {margin:0 0 0 1.21em;} 
.promo-box-blue ul li {margin:0 0 0.4em 0;}
.promo-box-blue a {color:#fff; border-bottom:1px dotted #fff; padding-bottom:0.2em; text-decoration:none;}
.promo-box-blue a:hover, .promo-box-blue a:focus {border-bottom:1px solid #fff;}
.promo-box-blue a.external, .promo-box-blue a:hover.external, .promo-box-blue a:active.external        {
/* a:hover.external, a:active.external are bug fixes for IE/Win */
background-image:url(../images/icons/external-link/external-link-white.gif);
}
.promo-box-blue strong {padding:0 2px 0 2px;}

.promo-box-blue:hover { background-color:#fff; color:#5F6062;}
.promo-box-blue:hover p {color:#5F6062;}
.promo-box-blue:hover h2, .promo-box-blue:hover h3, .promo-box-blue:hover h4 {color:#009FDB; }
.promo-box-blue:hover h2, .promo-box-blue:hover h3 { padding-bottom:0.2em; border-bottom:1px solid #009FDB; font-size:1.2em;}
.promo-box-blue.header-simple h2:hover, .promo-box-blue.header-simple:hover h3 {border-bottom:none;}
.promo-box-blue:hover h2 a, .promo-box-blue:hover h3 a, .promo-box-blue:hover h2 a:hover, .promo-box-blue:hover h3 a:hover {border-bottom:none !important;} 
.promo-box-blue:hover a {color:#009FDB !important; border-bottom:1px dotted #009FDB !important; padding-bottom:0.2em; text-decoration:none;}
.promo-box-blue:hover a:hover, .promo-box-blue:hover a:focus {color:#009FDB; border-bottom:1px solid #009FDB !important;}
.promo-box-blue:hover a.external, .promo-box-blue:hover a:hover.external, .promo-box-blue:hover a:active.external        {
/* a:hover.external, a:active.external are bug fixes for IE/Win */
background-image:url(../images/icons/external-link/external-link.gif) !important;
}
.promo-box-blue:hover ul a {color:#7E8082; border-bottom:1px dotted #7E8082; padding-bottom:0.2em; text-decoration:none;}
.promo-box-blue:hover ul a:hover, .promo-box-blue:hover ul a:focus {color:#009FDB; border-bottom:1px solid #009FDB;}


/* solid white box
----------------------------------------------------------------------------------------- */
.promo-box-white { clear:both; color:#5F6062; margin:0 0 1em 0; /*padding:1em 0 1em 0;*/ padding:1em; line-height:1.9em; border:2px solid #009FDB; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/}
.promo-box-white h2, .promo-box-white h3, .promo-box-white h4 {color:#009FDB; } 
.promo-box-white h2, .promo-box-white h3 { padding-bottom:0.2em; border-bottom:1px solid #009FDB; font-size:1.2em;}
.promo-box-white.header-simple h2, .promo-box-white.white-simple h3 {border-bottom:none;}
.promo-box-white h2 a, .promo-box-white h3 a, .promo-box-white h2 a:hover, .promo-box-white h3 a:hover {border-bottom:none;}
.promo-box-white ul {margin:0 0 0 1em;}
*:first-child+html .promo-box-white ul {margin:0 0 0 1.21em;}  
.promo-box-white ul li {margin:0 0 0.4em 0;}
.promo-box-white a {color:#009FDB; border-bottom:1px dotted #009FDB; padding-bottom:0.2em; text-decoration:none;}
.promo-box-white a:hover, .promo-box-white a:focus {color:#009FDB; border-bottom:1px solid #009FDB;}

.col-1-92.promo-box-white.no-border {border:none;}

/* solid grey box - eg. used for twitter + delicious boxes
----------------------------------------------------------------------------------------- */
.promo-box-grey {clear:both; background:#F0F0F0 url(../images/news/slider-bg.gif) repeat-x; color:#000; margin:-0.3em 0 1em 0; padding:1em; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/}
.promo-box-grey h2 { padding:0 0 0 18px; margin:0; }
.via-twitter, .via-delicious {padding:0 0 16px 0em; font-style:italic; font-weight:normal; border-bottom:1px solid #009FDB;}









h2.breadcrumb-large {font-size:1.6em; width:900px;}
#page-header {font-size:2.5em; background-color:#009FDB; display:inline; color:#fff; margin:0 0 0 0;  padding:0px 165px 0px 18px; }


/* used to create a powering blue box - showcases page info, links + breadcrumbs  
----------------------------------------------------------------------------------------- */

#breadcrumb {margin:0 0 1em 0;}

#breadcrumb-primary {background-color:#00AEEF; color:#fff; margin:0 0 0 -28px; padding:20px 20px 35px 28px; font-size:2.5em; width:282px; float:left; }
#breadcrumb-primary li {list-style:none; float:left; margin:0 0.5em 0 0;}
#breadcrumb-primary li a {color:#F3F3F3; border-bottom:1px dotted #F3F3F3; padding-bottom:0.1em;}
#breadcrumb-primary li a:hover {color:#fff; border-bottom:1px solid #fff;}

#breadcrumb-secondary {background-color:#00AEEF; color:#fff; margin:-16px 0 12px -28px; padding:0px 20px 24px 28px; width:282px; float:left; clear:left; }
#breadcrumb-secondary li {list-style:none; float:left; margin:0 0.5em 0 0;}
#breadcrumb-secondary li a {color:#F3F3F3; border-bottom:1px dotted #F3F3F3; padding-bottom:0.2em;}
#breadcrumb-secondary:hover li a {color: #fff; border-bottom:1px dotted #fff; padding-bottom:0.2em;}
#breadcrumb-secondary li a:hover {color:#fff; border-bottom:1px solid #fff;}

.breadcrumb-sub {background-color:#00AEEF; color:#fff; margin:0em 0 0em -28px; padding:0px 20px 18px 28px; width:282px; float:left; clear:left; }
.breadcrumb-sub li  {list-style:none; float:left; margin:0 0.5em 0 0;}
.breadcrumb-sub li a {color:#F3F3F3; border-bottom:1px dotted #F3F3F3; padding-bottom:0.2em;}
.breadcrumb-sub:hover li a {color: #fff; border-bottom:1px dotted #fff; padding-bottom:0.2em;}
.breadcrumb-sub li a:hover {color:#fff; border-bottom:1px solid #fff;}


#breadcrumb-primary li a.active, #breadcrumb-secondary li a.active, .breadcrumb-sub li a.active {color:#fff; border-bottom:none; cursor: default; }
#breadcrumb-secondary li a.active {font-weight:bold; }


/* specific for mimas homepage - used to create a powering blue box - showcases page info, links + breadcrumbs  
----------------------------------------------------------------------------------------- */
#mimas-home #breadcrumb-primary {font-size:1.4em; color: #fff; margin-bottom:0.5em; padding-left:40px; width:232px; border-bottom:1px solid #009FDB;}
#mimas-home #breadcrumb-primary strong { color: #fff; letter-spacing:1px; padding:0 0em; font-weight:normal; }
/*#mimas-home #breadcrumb-primary:hover strong { color: #000;}*/
#mimas-news-story #breadcrumb-primary, #mimas-news-story #breadcrumb-secondary {margin-left:-42px;}


/* used to create a powering blue box - showcases page info, links + breadcrumbs  
----------------------------------------------------------------------------------------- */


.powering-promo-box {}
.powering-promo-box h2 {color:#fff; font-size:2.4em; font-weight:normal; margin-bottom:0.5em;}
.powering-promo-box p {margin:0; color:#F0F0F0;}
.powering-promo-box p strong {color:#fff;}

#powering-promo-box-intro {height:79px; width:628px; float:left; background-color:#00ADEF; color:#fff; margin:0 0 1em -28px; padding:20px 20px 18px 30px; }
#powering-promo-box-intro a {color:#fff; border-color:#fff;}
#powering-promo-box-intro a:hover, #powering-promo-box-intro a:focus {color:#fff; border-color:#fff;}
#powering-promo-box-intro  p {font-style:italic; font-size:1.1em; letter-spacing:0.6px;}

.powering-promo-box #nav-contains {height:52px; border-left:5px solid #00A0DF; background-color:#00ADEF; margin:6px -34px 0 0; padding:20px 13px 34px 38px; font-size:0.9em; width:298px; float:right; }
.powering-promo-box #nav-contains li {list-style:none; float:left; margin:0 1em 0 0; color:#fff;}
.powering-promo-box #nav-contains a {color:#fff; border-color:#fff;}
.powering-promo-box #nav-contains li a {color:#fff; border-color:#fff;}
.powering-promo-box #nav-contains li a:hover, .powering-promo-box #nav-contains li a:focus {color:#fff; /*border-color:#00ADEF;*/}

.powering-promo-box #nav-contains p.bcrumb {border-bottom:1px solid #fff; color:#F0F0F0; padding:0px 0 4px 0; margin:-4px 30px 0 0; }
.powering-promo-box #nav-contains p.bcrumb a { font-weight:bold; }
.powering-promo-box #nav-contains p.bcrumb a.bcrumb-active { border-bottom:none; cursor: default; background-color:#fff; color:#00ADEF; padding:2px 4px 2px 4px; }

.powering-promo-box #nav-contains ul li.bcrumb-active {display:none;}
/*.powering-promo-box #nav-contains ul li.bcrumb-active, .powering-promo-box #nav-contains ul li.bcrumb-active a {color:#0097D2; border-color:#0097D2;}*/

.powering-promo-box #nav-contains ul {margin:8px 0 0 0px; }




*html #powering-promo-box-intro {padding-left:42px;}
*html .powering-promo-box {background-color:#00ADEF; width:100%; margin:10px 0 10px 0;}




/* specific for mimas homepage - used to create a powering blue box - showcases page info, links + breadcrumbs  
----------------------------------------------------------------------------------------- */
#mimas-home .powering-promo-box {text-shadow:1px 1px 2px #0098D1; background-color:#00AEEF; color:#F0F0F0; margin:0 0 1em -28px; padding:20px 20px 18px 30px; width:240px; float:left;}
#mimas-home .powering-promo-box h2, #mimas-home .powering-promo-box a {clear:both;  color:#fff !important; border-bottom-color:#fff;}
#mimas-home .powering-promo-box h2 {font-size:2em; font-weight:normal;}
#mimas-home .powering-promo-box h2 em {}
#mimas-home .powering-promo-box p {border-bottom:1px dotted #0095CD; padding:1em 0 1em 0;}
#mimas-home .powering-promo-box strong {color:#fff; font-size:1em; padding:0 2px 0 2px;}


* html #mimas-home .powering-promo-box {margin:10px 0 0 0; }



/* specific for mimas news story - used to create a powering blue box - showcases page info, links + breadcrumbs  
----------------------------------------------------------------------------------------- */
#mimas-news-story  .powering-promo-box {background-color:#00AEEF; color:#fff; margin:0 0 1em -40px; padding:20px 20px 18px 40px; width:95%; float:left;}
#mimas-news-story  .powering-promo-box h2.news-header, #mimas-news-story .powering-promo-box .news-info a {clear:both; font-weight:normal !important; color:#fff !important; border-bottom-color:#fff;}
#mimas-news-story  .powering-promo-box h2.news-header a {color:#fff !important; border-bottom-color:#fff; font-size:1.2em;}

*html #mimas-news-story .powering-promo-box  {margin-left:0; padding-left:110px;}




/* creates the area that decribes what will be on that page  
----------------------------------------------------------------------------------------- */
#page-intro {float:left; width:625px; margin:-75px 0 1em 40px;}
/*#page-intro { width:625px; margin:0px 0 1em 340px;}*/
*:first-child+html #page-intro {margin:0px 0 1em 40px;}
*:first-child+html #mimas-portfolio-landing #page-intro {margin:0px 0 1em 40px;}
#page-intro h2 {font-size:1.7em}
#page-intro p {color:#009FDB; font-size:1.2em; font-style:italic; }
/*#page-intro p {font-weight:bold; color:#fff; letter-spacing:0.2px; background-color:#00AEEF; display:inline; padding:0.4em 0.2em 0.4em 0.2em;}*/
#page-intro p strong {padding:0 1px 0 1px;}



#container {margin:0 0 24em 0; clear:both;}
#container-wrap {width:700px;}
#container-heading {width:300px; height:140px; float:left; margin-right:3.5em;}

#container-about h2, #container-about p {width:300px; float:left;}

#container-about h2 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 2.2em;}
#container-about p {margin:0 0 0 3.6em;}

a.button-large  { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:normal; font-weight:bold;  color:#000; font-size:0.8em;}
a.button-large:hover, a.button-large:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}


a.button-small { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:normal; font-weight:bold;  color:#000; font-size:0.6em; border-bottom:none;}
a.button-small:hover, a.button-small:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}


/* currently used for contact box at end of news stories */
.highlight {clear:both; margin:0em 0 4em 0; background-color:#009FDB; color:#fff; padding:1em 1em 1em 1em; width:300px;}
.highlight h3, .highlight a {color:#fff !important;}
.highlight a {text-decoration:none; border-bottom:1px dotted #fff;}
.highlight a:hover {border-bottom:1px solid #fff;}







/* portfolio list - used to showcase services on the current page
----------------------------------------------------------------------------------------- */
ul.portfolio {list-style:none; margin:0 0 4em 0; clear:both; width:1020px; }
ul.portfolio li {width:650px; line-height:1.3em; margin-right:50px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:10px 0 20px 0;}
ul.portfolio li h2 { font-size:1.3em; color:#000; }
ul.portfolio li h2, ul.portfolio li p {margin-left:95px;}
ul.portfolio li img {float:left; width:80px; margin:0 10px 10px 0;}
ul.portfolio li.portfolio-sub {border-top:1px dotted #F3F3F3;}
ul.portfolio li p.top a {float:right; border-bottom:none; color:#fff; padding:0 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.portfolio li p.top a:hover, ul.portfolio li p.top a:focus {color:#fff; padding:-30px 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.portfolio li p.top img {width:auto; float:right;}
*:first-child+html ul.portfolio li p.top a { }


ul.portfolio li:hover, ul.portfolio li:focus, ul.portfolio li:target  {border-top:2px solid #009FDB;}
ul.portfolio li.portfolio-sub:hover, ul.portfolio li.portfolio-sub:focus, ul.portfolio li.portfolio-sub:target {border-top:1px solid #009FDB;}
ul.portfolio li:hover h2, ul.portfolio li:focus h2 {color:#000;}
ul.portfolio li:hover p strong a, ul.portfolio li:focus p strong a { border-bottom:1px dotted #009FDB; /*background-color:#009FDB; color:#fff; padding:0.2em;*/}
ul.portfolio li:hover p strong a:hover {border-bottom:1px solid #009FDB;}
ul.portfolio li p strong a {border-bottom:none;}
ul.portfolio li p strong a:focus { background-color:#009FDB; color:#fff; padding:0.2em;}


ul.portfolio-list-links li.letter {list-style:none; margin:0 0 0 -1.2em; font-weight:bold; border-bottom:1px solid #fff;}

.col-945 {width:945px; float:left;}
.col-945-inner {width:115px; float:left; }
.col-945-inner ul {width:90px; }


#hosted-services {margin:0 0 3em 7.6em;}
#hosted-services ul {margin:0 0 0 0;}
#hosted-services ul li {list-style:none; background: url(../images/icons/arrows-smaller-blue-alpha.gif) no-repeat left top; padding:0 0 2em 2em;}




/* content jumpto list - 
----------------------------------------------------------------------------------------- */
ul.jumpto {list-style:none; margin:0 0 4em 0; clear:both;}
ul.jumpto li {border-top:2px solid #ECECEC; padding:10px 0 20px 0;}
ul.jumpto li ul li, ul.jumpto li ul li:hover, ul.jumpto li ul li:focus {border:none; padding:0 0 0 0;}
ul.jumpto li:hover, ul.jumpto li:focus {border-top:2px solid #009FDB;}
ul.jumpto li h3 {margin-top:5px !important;}

ul.jumpto li p.top {padding-bottom:1px;}
ul.jumpto li p.top a {float:right; border-bottom:none; color:#fff; padding:0 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.jumpto li p.top a:hover, ul.jumpto li p.top a:focus {color:#fff; padding:-30px 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.jumpto li p.top img {width:auto; float:right;}




/* experts list - used to showcase expertise on the organisation of experts page
----------------------------------------------------------------------------------------- */
ul.experts {list-style:none; margin:0 0 4em 0; clear:both;}
ul.experts li {border-top:2px solid #ECECEC; padding:10px 0 20px 0;}
ul.experts li ul li, ul.experts li ul li:hover, ul.experts li ul li:focus {border:none; padding:0 0 0 0;}
ul.experts li:hover, ul.experts li:focus, ul.experts li:target {border-top:2px solid #009FDB;}

ul.experts li h3 {margin-top:5px !important;}

ul.experts li p.top {padding-bottom:1px;}
ul.experts li p.top a {float:right; border-bottom:none; color:#fff; padding:0 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.experts li p.top a:hover, ul.experts li p.top a:focus {color:#fff; padding:-30px 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.experts li p.top img {width:auto; float:right;}




/* news archive list - used to showcase news and press on the news archive page
----------------------------------------------------------------------------------------- */
h3.news-archive-year {background-color:#ECECEC; color:#009FDB; width:40px; margin-bottom:1px !important; padding:10px 20px 10px 20px;}

ul.news-archive {list-style:none; margin:0 0 4em 0; clear:both; width:1020px; }
ul.news-archive li {width:650px; line-height:1.3em; margin-right:50px; clear:both; line-height:1.6em; border-top:2px solid #ECECEC; padding:10px 0 20px 0;}
ul.news-archive li h2, ul.news-archive li h3 { font-size:1.3em; color:#000; }
ul.news-archive li h3 {font-size:1.2em; margin-top:0px !important; line-height:1.5em;}

ul.news-archive li a {border-color:#ECECEC;}
ul.news-archive li:hover a {border-color:#009FDB;}

*:first-child+html ul.news-archive li h3 a.external, *:first-child+html ul.news-archive li h3 a:hover.external, *:first-child+html ul.news-archive li h3 a:active.external { white-space:normal; position:inherit; }


ul.news-archive li h2, ul.news-archive li h3, ul.news-archive li p {margin-left:155px !important;}
ul.news-archive li img {float:left; width:140px; margin:4px 10px 10px 0; }
ul.news-archive li.news-archive-sub {border-top:1px dotted #F3F3F3;}
ul.news-archive li p.news-info {margin-top:-14px; }
ul.news-archive li p.news-intro {color:#888;}
ul.news-archive li p.top a {float:right; border-bottom:none; color:#fff; padding:0 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.news-archive li p.top a:hover, ul.news-archive li p.top a:focus {color:#fff; padding:-30px 22px 10px 470px; background:url(../images/icons/arrows-top.gif) no-repeat right top; }
ul.news-archive li p.top img {width:auto; float:right;}
*:first-child+html ul.news-archive li p.top a { }


ul.news-archive li:hover, ul.news-archive li:focus, ul.news-archive li:target  {border-top:2px solid #009FDB;}
ul.news-archive li.news-archive-sub:hover, ul.news-archive li.news-archive-sub:focus, ul.news-archive li.news-archive-sub:target {border-top:1px solid #009FDB;}
ul.news-archive li:hover h2, ul.news-archive li:focus h2, ul.news-archive li:hover h3, ul.news-archive li:focus h3 {color:#000;}
ul.news-archive li:hover p.news-intro, ul.news-archive li:focus p.news-intro {color:#333;}
ul.news-archive li:hover p strong a, ul.news-archive li:focus p strong a { border-bottom:1px dotted #009FDB; /*background-color:#009FDB; color:#fff; padding:0.2em;*/}
ul.news-archive li:hover p strong a:hover {border-bottom:1px solid #009FDB;}
ul.news-archive li p strong a {border-bottom:none;}
ul.news-archive li p strong a:focus { background-color:#009FDB; color:#fff; padding:0.2em;}



/* header
----------------------------------------------------------------------------------------- */

#header {margin:0; padding:0; background-color:#000; color:#fff; width:100%; height:142px;/* background: url(../images/background/header-bg-black.gif) repeat-y;*/ /*border-bottom:20px solid #0EC0F2;*/}
#header-container {margin:0 auto; text-align:left; width:1024px; }

#header a, #header img a {text-decoration:none; border-bottom:none;}
#header-col1 {width:400px;}
#header-col2 {width:650px; min-width:100px; float:right;}

#header-branding {margin-left:-15px;}
#header-nav {margin:-8.5em 0 0 0; float:right;}
* html #header-nav { margin-left:446px;}


/* header utility
----------------------------------------------------------------------------------------- */

/* When search DISABLED use: ul#utility {margin:-1em 1.3em 2em 0em; float:right; font-size:0.9em;}      */
/* When search ENABLED use:  ul#utility {margin:-3.2em 1.4em 0.8em 0em; float:right; font-size:0.9em;}  */

ul#utility {margin:0em 1.6em 2.5em 0em;  font-size:0.9em; } /* search is currently DISABLED */

ul#utility li {list-style:none; float:right;}
ul#utility li a {color:#F0F0F0; border-bottom:1px dotted #F0F0F0;}
ul#utility li.sitemap { list-style-image:url(../images/icons/sitemap/sitemap-icon.png); margin:0 30px 0 0; padding:0 0 0 0;}
ul#utility li.contact { list-style-image:url(../images/icons/contact/contact-icon.png); padding:0 0 0 0;}

*:first-child+html ul#utility li.sitemap { background:url(../images/icons/sitemap/sitemap-icon.png) no-repeat left; padding-left:20px; margin:0 10px 0 0;}
*:first-child+html  ul#utility li.contact  { background:url(../images/icons/contact/contact-icon.png) no-repeat top left; padding-left:20px;}
*html ul#utility li.sitemap {margin:0 10px 0 0;}

#utility a {margin:0 1em 0 0; color:#008BC6; /*border-bottom:1px dotted #008BC6;*/ padding:0 0 0.2em 0;}
#utility a:hover { color:#00AEEF; border-bottom:1px solid #00AEEF; }

*:firstchild+html ul#utility {margin:0em 1.3em 8.5em 0em; } /* search is currently DISABLED */
*:first-child+html ul#primary-nav {margin-top:1em;}


/* header search
----------------------------------------------------------------------------------------- */

#search {margin:0 2.2em 0.5em 0em; float:right; clear:right;}
input#search-keywords {padding:0.25em 0.2em 0em 0.2em; margin-right:-0.2em; border:1px solid #fff; width:200px; height:18px;}
input#search-button {padding:0.5em 1em 0.5em 1em; background: url(../images/navigation/primary-nav-bg.gif) repeat-x center;  border:none; font-size:1em; text-transform:normal; font-weight:bold; }
input#search-button:hover, input#search-button:focus {background: url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}

*:firstchild+html #search {margin:0 0 0.5em 31em;}
*:firstchild+html input#search-keywords {padding:0.25em 0.2em 0em 0.2em; margin-right:-0.3em;}
*:firstchild+html input#search-button {padding:0.5em 1em 0.5em 1em;}


/* header primary navigation
----------------------------------------------------------------------------------------- */



ul#primary-nav {margin: 0 2em 0 0em; padding: 0em 0 0.8em 1em; list-style-type:none; overflow:hidden; clear:right; }
*:first-child+html ul#primary-nav {float:right;}
/* targets firefox 2.0 and below */
ul#primary-nav, x:-moz-any-link {float:right; overflow:visible;}

ul#primary-nav li {float:left; margin:1em 0.2em 1em 0;}
#primary-nav li a {padding:0.5em 1em 0.5em 1em; background: url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; border-bottom:none; text-transform: none; font-weight:bold;  color:#000; font-size:1.2em; }


ul#primary-nav li#nav-home {margin-top:0.9em;}
ul#primary-nav li#nav-home a#primary-nav-home {display:none;}

#primary-nav li a#primary-nav-home,
#primary-nav li a#primary-nav-about,
#primary-nav li a#primary-nav-portfolio,
#primary-nav li a#primary-nav-news,
#primary-nav li a#primary-nav-blogs,
#primary-nav li a#primary-nav-research,
#primary-nav li a#primary-nav-help
 {} 

#primary-nav li a#primary-nav-home:hover, #primary-nav li a#primary-nav-home:focus,
#primary-nav li a#primary-nav-about:hover, #primary-nav li a#primary-nav-about:focus,
#primary-nav li a#primary-nav-portfolio:hover, #primary-nav li a#primary-nav-portfolio:focus,
#primary-nav li a#primary-nav-news:hover, #primary-nav li a#primary-nav-news:focus,
#primary-nav li a#primary-nav-blogs:hover, #primary-nav li a#primary-nav-blogs:focus,
#primary-nav li a#primary-nav-research:hover, #primary-nav li a#primary-nav-research:focus,
#primary-nav li a#primary-nav-help:hover, #primary-nav li a#primary-nav-help:focus,

#primary-nav li:hover a#primary-nav-home, #primary-nav li:focus a#primary-nav-home,
#primary-nav li:hover a#primary-nav-about, #primary-nav li:focus a#primary-nav-about,
#primary-nav li:hover a#primary-nav-portfolio, #primary-nav li:focus a#primary-nav-portfolio,
#primary-nav li:hover a#primary-nav-news, #primary-nav li:focus a#primary-nav-news,
#primary-nav li:hover a#primary-nav-blogs, #primary-nav li:focus a#primary-nav-blogs,
#primary-nav li:hover a#primary-nav-research, #primary-nav li:focus a#primary-nav-research,
#primary-nav li:hover a#primary-nav-help, #primary-nav li:focus a#primary-nav-help      
{padding:0.5em 1em 0.5em 1em; background: url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}



#primary-nav li a#primary-nav-home.active,
#primary-nav li a#primary-nav-about.active,
#primary-nav li a#primary-nav-portfolio.active,
#primary-nav li a#primary-nav-news.active,
#primary-nav li a#primary-nav-research.active,
#primary-nav li a#primary-nav-blogs.active,
#primary-nav li a#primary-nav-help.active    
{padding:0.5em 1em 0.5em 1em; background: url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff; cursor: default;}


#primary-nav li a#primary-nav-home {background: url(../images/navigation/nav-home-icon.gif) no-repeat left; padding-left:2em;}
#primary-nav li a#primary-nav-home:hover, #primary-nav li a#primary-nav-home:focus, #primary-nav li a#primary-nav-home.active {background: url(../images/navigation/nav-home-active-icon.gif) no-repeat left; padding-left:2em;}
ul#primary-nav li a#primary-nav-home.active {padding:0.5em 1em 0.5em 1.4em;}

* html #primary-nav li#nav-home img {display:none;}
* html ul#primary-nav li#nav-home a#primary-nav-home {display:block; margin-top:-5px; padding-bottom:0.2em;}

#mimas-home ul#primary-nav li a#primary-nav-home.active {padding:0.5em 1em 0.5em 2em;}


/* header primary navigation
----------------------------------------------------------------------------------------- */

/*ul#secondary-nav {margin: -1.6em 4em 0 0em; padding: 0em 0 0.8em 1em; list-style-type:none; overflow:hidden; clear:right;}
ul#secondary-nav li {float:left; margin:1em 0.2em 1em 0;}
#secondary-nav li a {padding:0.1em 1em 0.1em 1em; text-decoration:none;  font-weight:normal; background-color:#fff;  color:#000;  }
#secondary-nav li a:hover, #secondary-nav li a:focus {background-color:#fff; color:#000; padding:0.4em 1em 0.1em 1em;}
#secondary-nav li a.active {background-color:#fff; color:#000; padding:0.4em 1em 0.4em 1em; font-weight:bold;}*/

ul#secondary-nav {height:15px; margin: -1.5em 2.2em 0em 1em; padding: 0em 0 0.8em 0em; list-style-type:none; clear:right; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x; }
ul#secondary-nav li {float:left; margin:0.3em 0em 1em 0; padding:0 0 0 0; }
#secondary-nav li a { padding:0em 1em 0em 1em; text-decoration:none; border-right:1px solid #000; font-weight:bold;  color: #00212D;}
#secondary-nav li a:hover, #secondary-nav li a:focus { color:#fff; font-weight:bold;}
#secondary-nav li a.active { color:#fff; font-weight:bold;}




/* Top menu dropdowns */

ul#primary-nav li ul {position:absolute; z-index:999; min-width:200px; background:#000; color:#fff; top:114px; list-style:none; margin:0 0 0 -999em; padding:0; 

  filter: alpha(opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity:0.85;
  
  border:2px solid #000;
  border-top:none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
  

}

*:first-child+html ul#primary-nav li ul {top:108px;}

ul#primary-nav li ul:hover, ul#primary-nav li ul:focus {

  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity:1;

  border:2px solid #000;
  border-top:none;
  
}

ul#primary-nav li:hover ul, ul#primary-nav li:focus ul {margin-left:0em;}
*:first-child+html ul#primary-nav li:hover ul, *:first-child+html ul#primary-nav li:focus ul {margin-left:-6em;}

/* moves the drop down help to the left */
ul#primary-nav li:hover ul.dropdown-help-left, ul#primary-nav li:focus ul.dropdown-help-left {margin-left:-11.7em; text-align:right;}
*:first-child+html ul#primary-nav li:hover ul.dropdown-help-left, *:first-child+html ul#primary-nav li:focus ul.dropdown-help-left {margin-left:-17em; text-align:right;}



ul#primary-nav li ul li {float:none; margin:0; padding:0; white-space:pre;  background:#000; }
*:first-child+html ul#primary-nav li ul li {margin-bottom:-2em;}

ul#primary-nav li ul a, ul#primary-nav li.on ul a {color:#fff; border:0px;  display:block; background:#000; }
ul#primary-nav li ul a:hover, ul#primary-nav li.on ul a:hover, ul#primary-nav li ul a:focus, ul#primary-nav li.on ul a:focus {color:#fff; border:0px;  display:block; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; }
 

 
#primary-nav li:hover a#primary-nav-home, #primary-nav li:focus a#primary-nav-home,
#primary-nav li:hover a#primary-nav-about, #primary-nav li:focus a#primary-nav-about,
#primary-nav li:hover a#primary-nav-portfolio, #primary-nav li:focus a#primary-nav-portfolio,
#primary-nav li:hover a#primary-nav-news, #primary-nav li:focus a#primary-nav-news,
#primary-nav li:hover a#primary-nav-blogs, #primary-nav li:focus a#primary-nav-blogs,
#primary-nav li:hover a#primary-nav-research, #primary-nav li:focus a#primary-nav-research,
#primary-nav li:hover a#primary-nav-help, #primary-nav li:focus a#primary-nav-help 
{}

ul#primary-nav li a#primary-nav-about:focus ul
{margin-left:0em !important;}


/* content wrapper
----------------------------------------------------------------------------------------- */
#content-wrapper {clear:both; margin:1em 0 0 0; }


/* content homepage
----------------------------------------------------------------------------------------- */

#content {margin:0.2em 1em 1em 1em; padding:1em; width:80%; line-height:1.8em;   }

*html #content { display: inline;}

#mimas-home .col-1 {width:32%; float:left; }
#mimas-home .col-2 {width:66%; float:right; }

*html #mimas-home .col-2  {margin:-978px 0 0 300px; display:block;}
*html #mimas-home .col-1 .promo-box-grey {width:266px; margin-top:10px;}

.header-highlight {padding:0.5em 1em 0.5em 1em; background:#fff url(../images/navigation/primary-nav-bg.gif) repeat-x center; color:#000; font-weight:bold; text-transform:normal;}


/* content homepage promo about mimas
----------------------------------------------------------------------------------------- */

#promo-about-mimas { background-color:#009FDB; color:#fff; margin:0 0 1em 0; padding:1em;}
#promo-about-mimas h2 {font-size:1.5em; font-weight:bold; margin-bottom:1em; color:#fff;}
#promo-about-mimas h3 {font-size:1.1em; font-weight:bold; color:#fff;}


/* content twitter 
----------------------------------------------------------------------------------------- */

#twiiter_div #twitter_link {border-bottom:none;}

ul#announcements, ul#twitter_update_list{background:#F0F0F0 url(../images/news/slider-bg.gif) repeat-x; color:#000; margin:-0.3em 0 1em 0; padding:1em 1em 0 1em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul#announcements li, ul#twitter_update_list li {list-style:none; margin:0 0 1em 0em; padding:0 0px 0 20px; }
ul#twitter_update_list li {margin-left:-1em; /*background: url(../images/icons/arrows-smaller-light-grey-alpha.gif) no-repeat left top;*/ border-bottom:1px dotted #ccc; padding-bottom:20px; }
ul#twitter_update_list li:hover { background: url(../images/icons/arrows-smaller-blue-alpha.gif) no-repeat left top; } 


/* content delicious 
----------------------------------------------------------------------------------------- */
 
.delicious-posts { }
.delicious-banner { }
.delicious-banner a { border-bottom:none;}
.delicious-posts ul { }
.delicious-posts li {margin:0 0 1em 0; border-bottom:1px dotted #ccc; padding:0 0px 20px 20px; list-style:none; }
.delicious-posts li:hover { background: url(../images/icons/arrows-smaller-blue-alpha.gif) no-repeat left top;}
.delicious-posts li a {text-decoration:1px dotted #fff;}
.delicious-post { color:#000; font-size:1.1em; }
p.delicious-extended { font-size:0.9em; }
.delicious-odd { }
.delicious-banner a {  }
.delicious-posts a:hover {  }
.delicious-posts a {  }
.delicious-post a {  }
.delicious-post a.delicious-link  {  }




/* content homepage promo news
----------------------------------------------------------------------------------------- */

#promo-news {margin:0 0 1.5em 0;}
#promo-news-wrap {width:700px; background-color:#E6E5E5;}
#promo-news-image {width:360px;  float:left;}
#promo-news-item {width:316px;  float:right; background-color:#E6E5E5; color:#5F6062; padding:1em;}
#promo-news-item h2 {color:#009FDB; font-weight:bold; font-size:1.4em; margin-bottom:1em; line-height:1.6em;}
#promo-news-item p.news-intro { margin-bottom:1em; font-weight:bold; }
#promo-news-item p#news-button-position  {margin-top:2em;}
.news-info {font-size:0.8em; color:#222;}
#promo-news-item a.news-button { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; border-bottom:none; text-transform:uppercase; font-weight:bold;  color:#000; font-size:0.8em;}
#promo-news-item a.news-button:hover, #promo-news-item a.news-button:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}


#promo-news-nav-wrap ul {clear:both; list-style-type:none; margin:2em 0 2em 0; padding:0; line-height:1.1em;}
ul#promo-news-nav {list-style:none;}
#promo-news-nav li {width:110px; height:70px; float:left; margin:0 0.2em 0 0; padding:1em 3.65em 0em 1em; background:#E6E5E5 url(../images/news/news-button-bg.gif) repeat center; text-decoration:none; text-transform:normal; font-weight:bold;  color:#000; font-size:0.85em;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* Safari 3.0 and Opera 9 rules here */
   #promo-news-nav li {padding:1em 3.7em 0em 1em;}
}



#promo-news-nav li a {text-decoration:none; border-bottom:none; text-transform:normal; font-weight:bold;  color:#000; font-size:0.9em; }
#promo-news-nav li#active, #promo-news-nav li:hover, #promo-news-nav li:focus {background:#E6E5E5 url(../images/news/news-button-bg-active.gif) repeat center; color:#fff;  }
#promo-news-nav li#active a, #promo-news-nav li.jFlowSelected a, #promo-news-nav li:hover a, #promo-news-nav li:focus a {color:#fff;}




*:first-child+html #promo-news {margin:0 0 2em 0;}





/* content homepage promo experts
----------------------------------------------------------------------------------------- */


ul.promo-experts {list-style:none; margin:0 0 4em 0; clear:both; width:720px;  }
*:first-child+html ul.promo-experts {margin:0 0 0em 0;}
ul.promo-experts li {display:inline; width:322px; float:left;  margin-right:38px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:15px 0 15px 0;}
ul.promo-experts li:hover {border-top:2px solid #009FDB;}
ul.promo-experts li h4 { font-size:1.2em; color:#000; line-height:1.6em; margin-bottom:10px;}
ul.promo-experts li h4 a {border-bottom:none;}
ul.promo-experts li:hover h4 a {border-bottom:1px dotted #009FDB;}
ul.promo-experts li:hover h4 a:hover, ul.promo-experts li:hover h4 a:focus, ul.promo-experts li h4 a:focus {border-bottom:1px solid #009FDB;}
ul.promo-experts li img {float:left; width:100px; margin:4px 10px 10px 0; border:1px solid #ccc; padding:0.2em;}
ul.promo-experts li:hover img {border:1px solid #009FDB;}





/*ul#promo-experts {list-style:none; margin:0 0 4em 0; clear:both; width:720px; border-top:1px solid : }
ul#promo-experts li {display:inline; width:322px; float:left;  margin-right:38px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:15px 0 15px 0;}
ul#promo-experts li:hover {border-top:2px solid #009FDB;}
ul#promo-experts li h4 { font-size:1.2em; color:#000; line-height:1.6em; margin-bottom:10px;}
ul#promo-experts li h4 a {border-bottom:none;}
ul#promo-experts li:hover h4 a {border-bottom:1px dotted #009FDB;}
ul#promo-experts li:hover h4 a:hover, ul#promo-experts li:hover h4 a:focus, ul#promo-experts li h4 a:focus {border-bottom:1px solid #009FDB;}
ul#promo-experts li h4, ul#promo-experts li p {margin-left:120px;}
ul#promo-experts li img {float:left; width:100px; margin:4px 10px 10px 0;}



ul#promo-expert {list-style:none; margin:0 0 4em 0; clear:both; width:720px; border-top:1px solid : }
ul#promo-expert li {width:322px; float:left;  margin-right:38px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:15px 0 15px 0;}
ul#promo-expert li:hover {border-top:2px solid #009FDB;}
ul#promo-expert li h4 { font-size:1.2em; color:#000; line-height:1.6em; margin-bottom:10px;}
ul#promo-expert li h4 a {border-bottom:none;}
ul#promo-expert li:hover h4 a {border-bottom:1px dotted #009FDB;}
ul#promo-expert li:hover h4 a:hover, ul#promo-expert li:hover h4 a:focus, ul#promo-expert li h4 a:focus {border-bottom:1px solid #009FDB;}
ul#promo-expert li p {margin-left:120px;}
ul#promo-expert li p {margin:-70px 0 30px 120px;}
ul#promo-expert li img { width:100px; margin:4px 10px 4px 0;}
*/



/* content news landing page
----------------------------------------------------------------------------------------- */

#mimas-news-landing #content {margin:0.2em 1em 1em 1em; padding:1em; width:95%; width:970px;}

#mimas-news-landing .col-1 {clear:both; width:60%; float:left;}
#mimas-news-landing .col-2 {width:30%; float:right;}

*html #mimas-news-landing .col-1 {margin-left:6px;}

#news-area {margin:0 0 24em 0;}
#news-area-wrap {width:700px;}
#news-area-heading {width:300px; height:140px; float:left;}

#news-area-about h2, #news-area-about p {width:300px; float:left;}

#news-area-about h2 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 2.2em;}
#news-area-about p {margin:0 0 0 3.6em;}

/*#news-story-main {letter-spacing:0.4px;}*/

#news-story-special {width:640px; margin:0 0 4em 0; color:#5F6062;} 
#news-story-special h3 {font-size:1.4em; margin:0 0 1em 0; line-height:1.6em;}

#news-story-1  {clear:both; width:320px;  float:left;}
#news-story-2  {width:360px; float:right;}
#news-story-1, #news-story-2 {margin-bottom:2em;}

/*#news-story-1 img , #news-story-2 img {border-top:1px solid #009FDB; padding:1em 0 0 0;}*/

#news-story-1 h3, #news-story-2 h3 {width:300px; color:#009FDB; font-weight:bold; font-size:1.4em; margin:0 0 1em 0; line-height:1.6em;}
#news-story-1 p, #news-story-2 p {width:300px; color:#5F6062; }
#news-story-1 p.news-intro, #news-story-2 p.news-intro, #news-story-special p.news-intro {font-weight:bold;}

#news-story-more p {color:#5F6062;}

#news-story-1 h3 a, #news-story-2 h3 a,
#news-story-more h4 a 
{color:#009FDB; text-decoration:none; border-bottom:none;}
#news-story-1 h3 a:hover, #news-story-2 h3 a:hover,
#news-story-1 h3 a:focus, #news-story-2 h3 a:focus,
#news-story-more h4 a:hover,
#news-story-more h4 a:focus
{color:#009FDB; border-bottom:1px solid #009FDB; padding-bottom:0.2em;}

#news-story-more ul {float:left; clear:both; list-style-type:none; margin:0em 0 2em 0; padding:0;}
#news-story-more li {width:106px;float:left; margin:0 2.4em 0 0; padding:1em 2.8em 0em 0em; font-size:1em; border-top:1px solid #009FDB;}
#news-story-more h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0;}
#news-story-more h4, #news-story-more p {width:135px;}


#news-story-main a.news-button, p#news-archive a.news-button  { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:none; font-weight:bold;  color:#000; font-size:0.8em;}
#news-story-main a.news-button:hover, #news-story-main a.news-button:focus, p#news-archive a.news-button:hover, p#news-archive a.news-button:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}

#news-story-more a.news-button { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:none; font-weight:bold;  color:#000; font-size:0.6em;}
#news-story-more a.news-button:hover, #news-story-more a.news-button:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}


*:first-child+html #promo-news {margin:0 0 2em 0;}



/* content news story
----------------------------------------------------------------------------------------- */

#mimas-news-story #content { margin:0.2em 1em 1em 1em; padding:1em 1em 1em 2em; width:90%; color:#5F6062;  }
#mimas-news-story .col-1 {clear:both; width:50%; max-width:50%; /*max-width:460px;*/ float:left; letter-spacing:0.2px; line-height:1.8em;}
#mimas-news-story .col-2 {width:45%; float:right; font-size:0.9em; line-height:1.8em;}

*html #mimas-news-story .col-1 {margin-left:6px;}

#mimas-news-story .col-1 h2 {line-height:1.6em;}
#mimas-news-story .col-1 ul { margin:0 0 1em 1em;}
#mimas-news-story .col-1 ol { margin:0 0 1em 1.4em;}
/*#mimas-news-story .col-1 ol li {margin-bottom:1em;}*/
#mimas-news-story .col-1 h3 {margin:1em 0 1em 0;}
#mimas-news-story .col-1 h4 {border-bottom:none;}

#col-2-wrap-1 {width:40%; float:left; margin:0 0 0 1em;}
#col-2-wrap-2 {width:40%; float:right;}

#mimas-news-story h2, #mimas-news-story h3 {color:#009FDB; font-weight:bold; font-size:1.6em; margin-bottom:1em;}
#mimas-news-story .news-info {font-size:0.8em; color:#222; margin-top:-2em;}
#mimas-news-story h3 {/*border-bottom:1px solid #009FDB*/;}
#mimas-news-story h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0; border-bottom:1px solid #009FDB;}
#mimas-news-story h5 {color:#5F6062; font-weight:bold; font-size:1em; margin:0 0 0.5em 0;}
#mimas-news-story p.news-intro { margin-bottom:1em; font-weight:bold; }
#mimas-news-story p.news-image { height:250px; /*background-color:#F5F7FD;*/ }
/*#mimas-news-story p.news-image { text-align:center; }*/
*:first-child+html #mimas-news-story .col-1 ul {margin-left:1.21em;}
*:first-child+html #mimas-news-story .col-1 ol {margin-left:1.6em;}
#mimas-news-story #col-2-wrap-1 p {margin:0 0 2em 0; width:200px;}
#mimas-news-story #col-2-wrap-1 strong {color:#009FDB;}
#mimas-news-story #col-2-wrap-1 ul {margin:1em 0 2em 1.2em;}
*:first-child+html #mimas-news-story #col-2-wrap-1 ul , *:first-child+html #mimas-news-story #col-2-wrap-1 ol {margin:1em 0 3em 1.4em;}
#mimas-news-story #col-2-wrap-1 ul li {margin:0 0 0.2em 0; color:#009FDB;}
#mimas-news-story #col-2-wrap-1 ul li a {color:#009FDB; text-decoration:none; border-bottom:1px dotted #009FDB; padding-bottom:0.2em;}
#mimas-news-story #col-2-wrap-1 ul li a:hover, #mimas-news-story #col-2-wrap-1 ul li a:focus {color: #009FDB; border-bottom:1px solid #009FDB;}


#mimas-news-story #col-2-wrap-2 p {margin:0 0 2em 0; width:140px;}


#mimas-news-story .powering-promo-box {background-color:#fff; margin:0 0 0 0;}

#mimas-news-story .powering-promo-box #powering-promo-box-intro { width:701px; float:left; background-color:#00ADEF; color:#fff; margin:-20px 0 0em -80px; padding:12px 20px 28px 30px; }
#mimas-news-story .powering-promo-box #nav-contains {height:52px; border-left:5px solid #00A0DF; background-color:#00ADEF; margin:-14px -78px 0 0; padding:20px 0px 34px 22px; font-size:0.9em; width:254px; float:left; }

#mimas-news-story  .powering-promo-box h2.news-header, #mimas-news-story .powering-promo-box .news-info a {clear:both; font-size:2.4em; line-height:1.2em; font-weight:normal !important; margin-bottom:0em; color:#fff !important; border-bottom-color:#fff;}
#mimas-news-story  .powering-promo-box h2.news-header a {color:#fff !important; border-bottom-color:#fff; font-size:1.2em;}
#mimas-news-story .powering-promo-box .news-info {margin:0 0 0 0;}

*:first-child+html#mimas-news-story #col-1 {width:460px; display:inline;}
*:first-child+html#mimas-news-story #col-2-wrap-1 ul {margin:1em 0 1em 1em;}


*html #mimas-news-story .powering-promo-box {margin:10px 0 10px 0;  background-color:#00ADEF;}
*html #mimas-news-story .powering-promo-box #nav-contains { margin-top:-20px;}
*html #mimas-news-story .powering-promo-box #powering-promo-box-intro  {margin-left: -60px; width:782px; }



/* content portfolio landing page
----------------------------------------------------------------------------------------- */

#mimas-portfolio-landing #content {margin:0.2em 1em 1em 1em; padding:1em; width:95%; width:970px;}

#mimas-portfolio-landing .col-1 {clear:both; width:60%; float:left;}
#mimas-portfolio-landing .col-2 {width:30%; float:right;}

*html #mimas-portfolio-landing .col-1 {margin-left:5px;}
*html #mimas-portfolio-landing .col-1 ul.portfolio {width:210px;}


.portfolio-promo {width:69%; width:486px; clear:both;}
.portfolio-promo h2 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 0;}

#mimas-portfolio-landing .portfolio-promo-reverse .col-1 {width:30%; float:left;}
#mimas-portfolio-landing .portfolio-promo-reverse .col-2 {width:60%; float:right;}


#portfolio-area {margin:0 0 24em 0;}
#portfolio-area-wrap {width:700px;}
#portfolio-area-heading {width:300px; height:140px; float:left; margin-right:3.6em;}

#portfolio-area-about h2, #portfolio-area-about p {width:300px; float:left;}

#portfolio-area-about h2 {color:#009FDB; font-weight:bold; font-size:1.6em; margin:0 0 1em 0em;}
#portfolio-area-about p {margin:0 0 0 0em;}





/*#news-story-main {letter-spacing:0.4px;}*/

#portfolio-story-1  {clear:both; width:320px;  float:left;}
#portfolio-story-2  {width:360px; float:right;}
#portfolio-story-1, #portfolio-story-2 {margin-bottom:2em; color:#5F6062;}

/*#news-story-1 img , #news-story-2 img {border-top:1px solid #009FDB; padding:1em 0 0 0;}*/

#portfolio-story-1 h3, #portfolio-story-2 h3 {color:#009FDB; font-weight:bold; font-size:1.4em; margin:0 0 1em 0;}
#portfolio-story-1 p, #portfolio-story-2 p {width:300px; color:#5F6062; }
#portfolio-story-1 p.news-intro, #portfolio-story-2 p.news-intro {font-weight:bold;}
#portfolio-story-1 ul, #portfolio-story-2 ul {margin:0 0 1em 1em; width:295px;}

#portfolio-story-more p {color:#5F6062;}

#portfolio-story-1 h3 a, #portfolio-story-2 h3 a,
#portfolio-story-more h4 a 
{color:#009FDB; text-decoration:none;}
#portfolio-story-1 h3 a:hover, #portfolio-story-2 h3 a:hover,
#portfolio-story-1 h3 a:focus, #portfolio-story-2 h3 a:focus,
#portfolio-story-more h4 a:hover,
#portfolio-story-more h4 a:focus
{color:#009FDB; border-bottom:1px solid #009FDB; padding-bottom:0.2em;}

#portfolio-story-more ul {clear:both; list-style-type:none; margin:0em 0 2em 0; padding:0;}
#portfolio-story-more li {width:106px; height:62px; float:left; margin:0 2.4em 0 0; padding:1em 2.8em 0em 0em; font-size:1em; border-top:1px solid #009FDB;}
#portfolio-story-more h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0;}
#portfolio-story-more h4, #portfolio-story-more p {width:135px;}


#portfolio-story-main a.portfolio-button, p#portfolio-archive a.portfolio-button  { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:uppercase; font-weight:bold;  color:#000; font-size:0.8em;}
#portfolio-story-main a.portfolio-button:hover, #portfolio-story-main a.portfolio-button:focus, p#portfolio-archive a.portfolio-button:hover, p#portfolio-archive a.portfolio-button:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}

#portfolio-story-more a.portfolio-button { padding:0.5em 1em 0.5em 1em; background:#E6E5E5 url(../images/navigation/primary-nav-bg.gif) repeat-x center; text-decoration:none; text-transform:uppercase; font-weight:bold;  color:#000; font-size:0.6em;}
#portfolio-story-more a.news-button:hover, #portfolio-story-more a.portfolio-button:focus {padding:0.5em 1em 0.5em 1em; background:#000 url(../images/navigation/primary-nav-active-bg.gif) repeat-x center; color:#fff;}


*:first-child+html #promo-portfolio {margin:0 0 2em 0;}


/* content about us landing page
----------------------------------------------------------------------------------------- */

#aboutus-landing #content {margin:0.2em 1em 1em 0em; padding:1em 1em 1em 2em; width:90%; color:#5F6062; line-height:1.6em; }
#aboutus-landing .col-1 { clear:both; max-width:55%; /*max-width:460px;*/ float:left; letter-spacing:0.4px;}
#aboutus-landing .col-2 {width:40%; float:right; font-size:0.9em;}


.aboutus-promo {width:84%; clear:both;}
.aboutus-promo .col1 {}
.aboutus-promo .col2 {}

#col-2-wrap-1 {width:40%; float:left; margin:0 0 0 1em;}
#col-2-wrap-2 {width:40%; float:right;}

#aboutus-landing h2, #aboutus-landing h3 {color:#009FDB; font-weight:bold; font-size:1.6em; margin-bottom:1em;}
#aboutus-landing h3 {/*border-bottom:1px solid #009FDB*/;}
#aboutus-landing h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0; border-bottom:1px solid #009FDB;}
#aboutus-landing h5 {color:#5F6062; font-weight:bold; font-size:1em; margin:0 0 0.5em 0;}
#aboutus-landing p.news-intro { margin-bottom:1em; font-weight:bold; }
#aboutus-landing #col-2-wrap-1 p {margin:0 0 2em 0; width:130px;}
#aboutus-landing #col-2-wrap-1 strong {color:#009FDB;}
#aboutus-landing #col-2-wrap-1 ul {margin:1em 0 3em 1.2em;}
#aboutus-landing #col-2-wrap-1 ul li {margin:0 0 0.2em 0;}
#aboutus-landing #col-2-wrap-1 ul li a {color:#7E8082; text-decoration:none; border-bottom:1px dotted #7E8082; padding-bottom:0.2em;}
#aboutus-landing #col-2-wrap-1 ul li a:hover, #aboutus-landing #col-2-wrap-1 ul li a:focus {color: #55544e; border-bottom:1px solid #55544e;}

#aboutus-landing #col-2-wrap-2 p {margin:0 0 2em 0; width:140px;}


*:first-child+html#aboutus-landing #col-2-wrap-1 ul {margin:1em 0 1em 1em;}


#aboutus-more h4 a 
{color:#009FDB; text-decoration:none;}
#aboutus-more h4 a:hover,
#aboutus-more h4 a:focus
{color:#009FDB; border-bottom:1px solid #009FDB; padding-bottom:0.2em;}


#aboutus-more {clear:left; margin:0 0 30em 0;}
#aboutus-more ul {list-style-type:none; margin:0em 0 2em 0; padding:0;}
#aboutus-more li {width:106px; height:62px; float:left; margin:0 2.4em 0 0; padding:1em 2.8em 0em 0em; font-size:1em; border-top:1px solid #009FDB;}
#aboutus-more h4 {color:#009FDB; font-weight:bold; font-size:1.1em; margin:0 0 1em 0;}
#aboutus-more h4, #news-story-more p {width:135px;}




/* content research landing page
----------------------------------------------------------------------------------------- */
ul.publications {margin:0 0 2em 0;}
ul.publications li {margin:0 0 1em 0; padding:20px 0 10px 0; border-top:1px dotted #ccc; list-style:none; list-style-image:url(../images/icons/pub.gif); }
ul.publications li:hover {border-top:1px solid #009FDB;}
ul.publications li em {color:#009FDB;}


/* content help landing page
----------------------------------------------------------------------------------------- */

#help #content { margin:0.2em 1em 1em 1em; padding:1em; width:95%; width:970px;}
#help .col-1 { clear:both; width:60%; float:left;}
#help .col-2 {width:30%; float:right;}

*html #help #content .col-1 {margin-left:6px;}



/* footer
--------------------------------------------- */

#footer {margin: 1em 0 1em 2em; font-size:1em; clear:both;  }
#mimas-home #footer {margin: 1em 0 2em 2em;}
#mimas-news-story #footer {margin: 1em 0 2em 3em;}


/* footer extra
--------------------------------------------- */

#extra {clear: both; /*max-width: 1020px;*/ width: 95%;  min-width: 900px; margin: 0 0 0 0; font-size: 1em; border-top:8px solid #009FDB; }
#extra-inner.group h3 {margin:1em 0 -0.5em 0; font-size: 1.2em;}
#extra dl {float: left; width:110px; margin:0 0.6em 0 0em; padding: 1em 0em 1em 0em;}
#extra dl dt {margin: 1em 0 6px 0px; font-size: 1.2em; font-weight: bold; letter-spacing: 0px; line-height: 1.4em; color: #009FDB; }
#extra dl dt.hide {color:#fff; display:none; }
#extra dl dd {margin: 10px 0 10px 0px; padding:0 0px 0 20px; background: url(../images/icons/arrows-smaller-grey.gif) /*url(../images/icons/bullet_arrow_grey.gif)*/ no-repeat left top; line-height: 1.4em; font-size:1em; width: 90%;   }
#extra dl dd:hover { background: url(../images/icons/arrows-small-blue.gif) /*url(../images/icons/bullet_arrow_grey.gif)*/ no-repeat left top; color: #009FDB;}
#extra dl dd.proj {margin-bottom: 10px; }
#extra dl dd a { color: #55544e; text-decoration:none; border-bottom:none; }
#extra dl dd:hover a, #extra dl dd a:hover, #extra dl dd a:focus {color: #009FDB; font-weight: bold; border-bottom:none;}
#extra dl dd.proj a { font-weight: normal; font-size: .9em; color: #84827b; color: rgba(132,130,123,.7); }
#extra dl dd a strong {display: block; font-size: 1.1em; padding: 2px 0 0 0; color: #84827b;}
/*#extra dl dd img {float: left; display: block; margin: 2px 10px 0 0; padding: 5px; background: #d1d1bc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#extra dl.books dd img {width: 30%; }
#extra dl dd.proj a:hover,
#extra dl dd.proj a:hover strong {color: #55544e;}
#extra dl dd a:hover img {background: #c3c3b0;}*/
	

/* footer mimas
--------------------------------------------- */	
	
#footer-mimas {clear:both; margin:1em 0 1em 0;  color:#55544e; border-top:8px solid #009FDB; width:95%; padding:2em 0 0 0; font-size:0.9em;}
#footer-mimas h3 {margin:0 0 0.5em 0; font-size: 1.3em; font-weight: bold; letter-spacing: 0px; line-height: 1.4em; color: #009FDB; border-bottom:none;}
#footer-mimas p {margin:0; line-height:2em;}


/* footer utility
--------------------------------------------- */

ul#footer-utility {margin:2em 0 2em 0; padding:0em 0 4em 0; list-style:none; }
ul#footer-utility li {float:left; margin:0 1em 2em 0; padding:0 2em 0 0; }
ul#footer-utility li.top {float:right; margin-right:0; padding-right:0; }

ul#footer-utility li.f-partners {float:right; margin-left:-2em; padding:0 0 0 2em; }
ul#footer-utility li.f-partners a.partner-logo img.partner-logo-jisc {margin-top:-8px;}
ul#footer-utility li.f-partners a.partner-logo img.partner-logo-ersc {margin-top:-38px; margin-right:0;}


*html  ul#footer-utility li.f-partners a.partner-logo img.partner-logo-jisc {margin-top:0px;}
*html  ul#footer-utility li.f-partners a.partner-logo img.partner-logo-ersc {margin-top:0px; margin-right:0;}





ul.staff-directorate {list-style:none; margin:0 0 4em 0; clear:both; width:688px; border-top:1px solid : }
*:first-child+htmlul.staff-directorate {margin:0 0 0em 0;}
ul.staff-directorate li {display:inline; width:306px; float:left;  margin-right:38px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:15px 0 15px 0;}
ul.staff-directorate li:hover {border-top:2px solid #009FDB;}
ul.staff-directorate li h4 { font-size:1.2em; color:#000; line-height:1.6em; margin-bottom:0px; margin-left:100px;}
ul.staff-directorate li h4 a {border-bottom:none; color:#000;}
ul.staff-directorate li:hover h4 a {border-bottom:1px dotted #009FDB;}
ul.staff-directorate li p {margin-left:100px;}
ul.staff-directorate li p.role {font-weight:bold; }
ul.staff-directorate li:hover h4 a:hover, ul.promo-experts li:hover h4 a:focus, ul.promo-experts li h4 a:focus {border-bottom:1px solid #009FDB;}
ul.staff-directorate li img {float:left; width:80px; margin:4px 10px 10px 0; border:0px solid #ccc; padding:0.2em;}
ul.staff-directorate li:hover img {border:0px solid #009FDB;}





dl.staff-list dt {margin-top:1em; border-top:1px solid #ECECEC; padding-top:1em; }
dl.staff-list dt.pa, dl.staff-list dd.pa {padding:0 1em 0 1em;  border-top:none;}


ul.staff-highlight {list-style:none; margin:0 0 4em 0; clear:both; width:688px; border-top:1px solid : }
*:first-child+htmlul.staff-highlight {margin:0 0 0em 0;}
ul.staff-highlight li {display:inline; width:306px; float:left;  margin-right:38px; clear:right; line-height:1.6em; border-top:2px solid #ECECEC; padding:15px 0 15px 0;}
ul.staff-highlight li:hover {border-top:2px solid #009FDB;}
ul.staff-highlight li h4 { font-size:1.2em; color:#000; line-height:1.6em; margin-bottom:0px;}
ul.staff-highlight li h4 a {border-bottom:none; color:#000;}
ul.staff-highlight li:hover h4 a {border-bottom:1px dotted #009FDB;}
ul.staff-highlight li p {}
ul.staff-highlight li p.role {font-weight:bold; }
ul.staff-highlight li:hover h4 a:hover, ul.promo-experts li:hover h4 a:focus, ul.staff-highlight li h4 a:focus {border-bottom:1px solid #009FDB;}
ul.staff-highlight li img {float:left; width:80px; margin:4px 10px 10px 0; border:0px solid #ccc; padding:0.2em;}
ul.staff-highlight li:hover img {border:0px solid #009FDB;}



/* style switcher
--------------------------------------------- */	

body.lightgrey { background:#eee; }
body.lightgrey #container-page {border:1px solid #ccc;}