body {
  margin:0px;
  padding:0px;
  border:0px; /* remove viewport border in old IE */
  width:100%;
  background:#fff;
  min-width:960px;  /* Minimum width of layout (logo bg) */
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#009;
  }

img {border:0px;}

#header {
  margin:0px;
  padding:0px;
  height:200px;
  background:#99CCFF url('images/hrcbanr.png') no-repeat center top;
  color:#009;
  }

#titlespacer {
  margin:0px auto;
  text-align:center;
  padding-top:26px;
  }

#titlebar {
  margin:auto;
  text-align:left;
  width:680px;
  }

#hrclogo {
  border:0px;
  float:left;
  padding:0px 16px 80px 0px;
  }

@font-face {
  font-family:'TeXGyreBonumBold';
  src: url('fonts/texgyrebonum-bold-webfont.eot');
  src: url('fonts/texgyrebonum-bold-webfont.eot?iefix') format('eot'),
       url('fonts/texgyrebonum-bold-webfont.woff') format('woff'),
       url('fonts/texgyrebonum-bold-webfont.ttf') format('truetype'),
       url('fonts/texgyrebonum-bold-webfont.svg#webfont82gb6PCB') format('svg');
  font-weight: normal;
  font-style: normal;
  /* http://www.fontsquirrel.com/ - 'Bookman Old Style' free font substitute */
  }

#titlebar h1,
#titlebar h2 {
  margin:0px;
  padding:0px;
  line-height:1.4em;
  }

#titlebar h1 {
  font-family:TeXGyreBonumBold,'Bookman Old Style','Times New Roman',Times,serif;
  font-size:2.5em;
  }

#titlebar h2 {
  white-space:pre;
  font-family:Verdana,Geneva,sans-serif;
  font-style:italic;
  font-size:1.7em;
  font-weight:normal;
  }

/* menus */

/* Skip Nav link is same color as header background (hidden) until hover-gotfocus */
#skipnav {
  font-size:76%;
  color:#C7E2FF;
  text-decoration:none;
  }
#skipnav:active, #skipnav:focus, #skipnav:hover {
  color:#009; 
  text-decoration:underline;
  }

#mainmenu {
  font-weight:bold;
  border-top:1px solid #9CF;
  }
#fbimg {
  vertical-align:text-bottom;
  padding:0px;
  margin:0px;
  border:0px
  }
#submenu {
  font-weight:normal;
  }
#mainmenu,
#submenu {
  float:left;
  width:100%;
  background:#86BAF8;
  border-bottom:1px solid #9CF;
  overflow:hidden;
  position:relative;
  font-size:86%;
  }
#mainmenu ul,
#submenu ul {
  clear:left;
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
  position:relative;
  left:50%;
  text-align:center;
  }
#mainmenu ul li,
#submenu ul li {
  display:block;
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
  position:relative;
  right:50%;
  border-right:1px solid #9CF;
  }
#mainmenu ul li a,
#submenu ul li a {
  display:block;
  margin:0 0 0 1px;
  padding:3px 10px;
  background:#86BAF8;
  color:#009;
  text-decoration:none;
  line-height:1.3em;
  }
#mainmenu ul li a:hover,
#mainmenu ul li a.active,
#mainmenu ul li a.active:hover,
#submenu ul li a:hover,
#submenu ul li a.active,
#submenu ul li a.active:hover {
  background:#093;
  color:#FFF;
  }


.boldword {
  background:#FFF;
  color:#093;
  font-size:1.4em;
  font-weight:bold;
  }

#content {
  clear:both;
  text-align:center;
  background:#E5F2FF;
  color:#009;
  }

#page {
  margin:auto;
  padding:16px 32px;
  background:#FFF;
  color:#009;
  width:80%;
  text-align:left;
  }

#logos {text-align:center;}

/* Footer styles */
#footer {
  clear:both;
  width:100%;
  background:#86BAF8;
  border-top:1px solid #009;
  border-bottom:1px solid #009;
  font-size:76%;
  text-align:center;
  }
#copyrite a {
  text-decoration:none;
  color:#009;
  background:transparent;
  }