/*
designer: DomainIt
designer_url: http://www.domainit.com 
*/


/* GLOBAL
------------------------------------------------------------ */
body { font: normal 13px "Trebuchet MS", arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; color: #333; background: #F6F4F1 url(images/bodybg.jpg) 0 0 repeat-x; text-align: center; }
a { color: #ab0404;  }
a:hover { text-decoration: none; }
:link,:visited { text-decoration: none; }
html,body,div,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 20px; }
h2 { font-size: 18px; line-height: 18px; }
h3 { font-size: 16px; line-height: 16px;  }
h4 { font-size: 14px; line-height: 14px;  }
table { border-spacing: 0; cellpadding: 3; cellspacing:3; }
fieldset,img,abbr,acronym { border: 0; } 
caption,th { text-align: left; }
q:before,q:after { content: ''; }
hr { border: 0; height: 1px; background-color: #000; color: #000; }
a img,:link img,:visited img { border: none; }
address { font-style: normal; display: inline; }
#preload { height: 0; width: 0; overflow: hidden; } 
a, a:link, a:visited { text-decoration: none; outline: none; color: #2B877A; }
a:hover { text-decoration: underline; outline: none; color: #E7371A; }

/* TABLES ON STAFF PAGE
------------------------------------------------------------ */

  body {
   background-color: #ffffff;
  }
 
  .container {
   position: relative;
   color: #404040;
   background-color: #eeeeee;
   padding: 16px;
   border: 2px #eeeeee solid;
  }

  div.corner {
   position: absolute;
   width: 16px;
   height: 16px;
   border: 0px;
   margin: 0px;
   padding: 0px;
   background-attachment: scroll;
   background-image: url(/images/circle.png);
  }

  div.top_left {
   top: -2px;
   left: -2px;
   background-position: 0px 0px;
  }

  div.top_right {
   top: -2px;
   right: -2px;
   background-position: 16px 0px;
  }

  div.bottom_left {
   bottom: -2px;
   left: -2px;
   background-position: 0px 16px;
  }

  div.bottom_right {
   bottom: -2px;
   right: -2px;
   background-position: 16px 16px;
  }
 
 

/* LAYOUT
------------------------------------------------------------ */
#container { width: 100%; margin: 0 0 30px; padding: 0; }
#container-inner { width: 100%; margin-right: 0; margin-left: 0; background: none; text-align: left; }
#header { margin-top: 2px; width: 100%; background: none; height: 101px; }
#nav { float: left; width: 683px; height: 38px; position: relative; top: 63px; }

#content { width: 100%; background: transparent url(images/bodyshdw.png) center top repeat-y; padding-bottom: 20px; }
#content-inner { display: block; overflow: hidden; width: 1000px; margin: 0 auto; min-height: 500px; background: #fff url(images/ph.gif) top left no-repeat; }
#header-inner, #footer-inner { padding-top: 0; padding-bottom: 0; }
#header-inner, #gamma-inner { padding-right: 0; padding-left: 0; }
#header-inner { display: block; position: relative; width: 1022px; height: 99px; margin: 0 auto; }
#footer { width: 100%; margin: 0 auto; background: url(images/footer.png) center bottom no-repeat; height: 80px; }
#footer-inner { width: 1022px; margin: 0 auto; background: transparent url(images/bodyshdw.png) center top repeat-y; height: 60px; }
#alpha, #beta, #gamma { display: block; float: left; }

#alpha { width: 700px; margin: 135px 45px 0 35px; }
#beta { width: 220px; margin: 70px 0 0; background: url(images/sidebarbg.jpg) 0 0 repeat-y; }
#beta-inner { background: url(images/sidebarbtm.jpg) bottom left no-repeat; padding: 0 20px 250px 19px; margin-bottom: -125px; width: 186px; }


/* HEADER
------------------------------------------------------------ */
#header-content { width: 339px; height: 101px; margin: 0 0 0 -1px; float: left; background: transparent url(images/logobg.png) 0 0 no-repeat; }
#header-name { position: relative; z-index: 3; margin: 24px 0 0 12px; color: #fff; font-size: 34px; font-weight: bold; width: 318px; height: 90px; overflow: hidden; text-indent: -9999px; background: #fff url(images/registrar-stakeholder-group-logo.jpg) 18px 0px no-repeat; }
#header-name a { display: block; width: 100%; height: 100%; }
#header-description { color: #fff; }

/* CONTENT
------------------------------------------------------------ */
.entry-asset { margin: 0 0 22px; }
.asset-name { font-size: 22px; font-weight: bold; color: #000; }
.asset-name a:link, .asset-name a:visited { text-decoration: none; color: #000; }
.asset-name a:hover { text-decoration: none; color: #54051D; }
.asset-meta { margin: 4px 0 5px; color: #662B2D; }
.asset-meta a:link, .asset-meta a:visited { color: #B03C0D; }
.asset-meta a:hover { color: #EAB239; }
.asset-content { margin: 0 0 10px; }
.asset-more-link { font-weight: bold; }
.asset-footer { border-top: 1px solid #D5C8B8; }
.content-nav { margin: 5px 0 7px; }
.archive-title { margin: 5px 0 30px; font-size: 26px; font-weight: bold; }
.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header { margin: 0; padding: 5px 0; font-size: 18px; font-weight: bold; }
.search-results-header { margin-bottom: .25em; }
.asset-more-link,
.asset-meta,
.typelist-thumbnailed { font-size: 11px; }

.archive-title { color: #000; }
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header { color: #333; }
.comment,
.trackback { border-color: #ddd; }
.archive-list-item { margin-bottom: 5px; }

table#calendar { width: 100%; }
table#calendar td, table#calendar th { text-align: center; width: 27px; }
table#calendar td { font-size: 11px; }

#my-timeline { margin: 0 0 30px; }


/* UTILITY
------------------------------------------------------------ */
.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header { /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative; width: 100%; w\idth: auto; }


/* WIDGET
------------------------------------------------------------ */
.widget-date { text-align: center; font-size: 14px; color: #999; margin-top: 10px; }
.widget-signup { color: #662B2D; padding: 0; font-size: 14px; font-family: trebuchet ms; margin-bottom: 8px; padding-bottom: .3em; }
.widget-header { border-width: 0 0 1px; border-style: solid; border-color: #ccc; padding: 0; font-size: 14px; font-family: trebuchet ms; margin-bottom: 8px; padding-bottom: .3em;  }
.widget-header, .widget-header a:link, .widget-header a:visited { color: #2b877e; text-decoration: none; }
.widget-header a:hover { color: #B03C0D; text-decoration: underline; }
.widget-content a:hover { color: #333; }
.widget-header { font-size: 14px; }

/* -- "Powered By" Widget -- */
.widget-powered .widget-content { text-align: center; font-size: 11px; color: #999; margin-top: 10px; }

/* -- Calendar Widget -- */
.widget-calendar { margin: -10px 0 20px; }
.widget-calendar .widget-content table { font-size: 10px; }
.widget-calendar h3 { font: italic bold 13px Georgia, "Times New Roman", Times, serif; text-align: center; }
#calendar a:link, #calendar a:visited { text-decoration: none; color: #EAB239; font-weight: bold; }
#calendar a:hover { text-decoration: none; color: #E7371A; }
#calendarentries { margin: 10px 0; font-size: 11px; color: #C7B59E; }
#calendarentries h4 { font: normal 12px Georgia, "Times New Roman", Times, serif; color: #8A8C81; }
#calendarentries p { margin: 4px 0 9px; }


/* FOOTER
------------------------------------------------------------ */
#footer-content a:link, #footer-content a:visited { color: #999; }
#footer-content { margin: 0; line-height: 2; text-align: center; font-size: 12px; }


/* UTILITIES
------------------------------------------------------------ */
#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
#content-inner,
.asset-body { height: 1%; }
.pkg:after, #content-inner:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */
.inline { display: inline; }
.hidden { display: none; }


/* CUSTOM STYLES
------------------------------------------------------------ */
#header-nav-inner { position: relative; width: 900px; margin: 0 auto; }


/* SUPERFISH
------------------------------------------------------------ */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
ul.sf-menu li div { position: absolute; top: -999em; width: 200px; background: url(images/shadow.png) bottom right no-repeat; padding: 0 15px 15px 0; margin-left: 1px; }
.sf-menu ul { display: block; width: 100%; height: 100%; background: #F4F2EE url(images/dropdownbg.jpg) 0 0 repeat-x; margin: 0 -1px 0 1px; overflow: hidden; border-bottom: 1px solid #BEBDB6; padding: -1px 0px 1px 2px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; text-align: left; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover div,
.sf-menu li.sfHover div { left: 0; top: 38px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li div,
ul.sf-menu li.sfHover li div { top: -899em; }
ul.sf-menu li li:hover div,
ul.sf-menu li li.sfHover div { left: 200px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li div,
ul.sf-menu li li.sfHover li div { top: -999em; }
ul.sf-menu li li li:hover div,
ul.sf-menu li li li.sfHover div { left: 10em; /* match ul width */ top: 0; }

/* -- DEMO SKIN -- */
.sf-menu { margin-bottom: 1em; width: 100% }
.sf-menu a { text-decoration: none; font-weight: bold; font-size: 11px; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #3A5677; }
.sf-menu div ul li a { text-decoration: none; font-weight: bold; font-size: 11px; padding: 11px 0 11px; }
.sf-menu li { width: auto; padding: 0; margin: 0; }
.sf-menu li li { padding-left: 9px; text-align: left; width: 188px; border-top: 1px solid #BEBDB6; border-right: 1px solid #BEBDB6; border-left: 1px solid #BEBDB6; }
.sf-menu li li li { background: #9AAEDB; text-align: left; padding: 11px 9px; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #662B2D; color: #fff; outline: 0; }

/* -- 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*/ }

/* -- shadows for all but IE6 -- */
.sf-shadow ul { background: url(images/dropdownbg.jpg) 0 0 repeat-x; }
.sf-shadow ul.sf-shadow-off { background: transparent; }