body { background: #fff; color: #000; }
  a:link { color: #009; text-decoration: underline; }
  a:visited { color: #003; text-decoration: underline; }
  a:hover, a:active { color: #900; text-decoration: none; }

  #logo { position: absolute; top: 8px; left: 2%; width: 250px; height: 135px; padding: 0; margin: 0; overflow: hidden; }
  #logo span { position: absolute; width: 100%; height: 100%; background: url('images/cccslogo.png'); }
  #logo img { border: 0; }
  
  /* Logos and spacers are 476 px total. */
  #affillogos { position: absolute; left: auto; right: auto; top: 22px; left: 50%; margin-left: -193px; }
  #affillogos ul, #affillogosb ul { margin-left: auto; margin-right: auto; padding-left: 0; padding-top: 0; margin-top: 0; }
  #affillogos ul li, #affillogosb ul li { list-style: none; float: left; white-space: nowrap; display: block; padding-right: 10px; }
  
  #affillogosb { clear: both; position: relative; left: 50%; margin-left: -238px; width: 476px; }
  /* #affillogosb { position: absolute; left: auto; right: auto; top: 22px; left: 50%; margin-left: -193px; } */
  
  #affillogos img, #socnav img { border: 0; }
  
  #mainblock { position: absolute; top: 151px; left: 0; width: 100%; }
  #mainblock .centerdiv { margin-left: auto; margin-right: auto; width: 60em; }

  #contentbox { position: relative; background: #def; font-size: 11pt; padding-bottom: 1px;
                font-family: Ubuntu, Verdana, Arial, sans-serif; 
                margin: 0; overflow: hidden; }
  #masthead { font-family: "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
              font-weight: 600; font-size: 20pt; line-height: 30pt;
              padding-left: 1%; padding-right: 1%; margin: 0;
              text-align: left;
              color: #fff; background: #006;
              z-index: 1; }
  #content { padding-left: 1%; padding-right: 1%; margin-top: 0; margin-right: 14em; }
  .fullwidth { margin-right: 0; }
  
  #sidebar { position: relative; float: right; width: 12em; padding-left: 1em; padding-right: 1em; color: #fff; background: #369; }
  #sidebarbg { position: absolute; right: 0; width: 14em; background: #369; top: 30pt; bottom: 0; z-index: 0;}
  
  #sidebar a:link { color: #ccf; }
  #sidebar a:visited { color: #ccc; }
  
  #sidebar ul { list-style: none; padding-left: 0; }
  #sidebar ul li { margin-bottom: 0.5em; }
  
  .horiznav ul { margin-left: 0; padding-left: 0; padding-top: 0; margin-top: 0; }
  .horiznav ul li { list-style: none; float: left; white-space: nowrap; display: block; }

  /* drop down menus */
  .horiznav ul li ul { position: absolute; left: -999em; background: #006;
                       margin-left: -10px; padding-left: 10px;
                       padding-right: 10px; padding-bottom: 3px;
                       border-bottom-left-radius: 10px;
                       border-bottom-right-radius: 10px; }
  .horiznav ul li:hover ul { left: auto; }
  .horiznav ul li.right:hover ul { right: 16px; text-align: right; }
  .horiznav ul li ul li { float: none;  }
  
  /* keyboard accessible drop down menus */
  .horiznav ul li a:focus + ul,
  .horiznav ul li ul.show { left: auto; }
  .horiznav ul li.right a:focus + ul,
  .horiznav ul li.right ul.show { right: 16px; text-align: right; }
  
  #topnav { position: absolute; right: 0; padding-right: 2%;
            padding-left: 20px; z-index: 2; top: 10px; 
            border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;
			border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;
			background: #cde; }
  #topnav ul { margin-right: -1.25em; }
  #topnav ul li { padding-right: 1.25em; font-family: Ubuntu, Verdana, Arial, sans-serif; font-size: 10pt; line-height: 20pt; }
  #topnav ul li a:link, #topnav ul li a:visited { text-decoration: none; color: #009; }
  #topnav ul li a:hover, #topnav ul li a:active { text-decoration: underline; color: #00f; }
  
  #midnav { position: absolute; top: 138px; right: 0; background: #039;
            padding-left: 20px; padding-right: 2%; z-index: 2; 
			border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;
			border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; }
			
  #midnav ul { margin-right: -1.25em; }
  #midnav ul li { padding-right: 1.25em; font-family: Ubuntu, Verdana, Arial, sans-serif; font-size: 10pt; line-height: 20pt; }
  #midnav ul li a:link, #midnav ul li a:visited { text-decoration: none; color: #fff; }
  #midnav ul li a:hover, #midnav ul li a:active { text-decoration: underline; color: #cff; }
  
  #socnav { position: absolute; right: 20px; top: 55px;  }
			  
  #bottom { position: absolute; left: 2%; right: 2%;
            padding-top: 10px;
            font-family: Ubuntu, Verdana, Arial, sans-serif;
            font-size: 10pt; }

  #addresses { float: left; }
  
  #addresses ul { padding: 0; margin: 0; }
  #addresses ul li { list-style: none; float: left;
                     padding-right: 15px; }
                   
  #addresses a:link, #addresses a:visited { color: #008;
                                            text-decoration: none; }

  #addresses a:hover, #addresses a:active { color: red;
                                            text-decoration: underline; }
     
  #colophon { float: right;
              text-align: right; }

  #content h3 { margin-bottom: 0; }
  #content h3 + p { margin-top: 2pt; }
  
  .hidenav { position: absolute; left: -999em; }
  
  .footnote { font-style: italic }
  
  /* For JQuery Tooltip */
  #tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #ee0;
	padding: 5px;
	opacity: 0.9;
	font-size: 11pt;
    font-family: Ubuntu, Verdana, Arial, sans-serif; 
  }
  #tooltip h3, #tooltip div { margin: 0; }
  .fixedwidth { width: 400px; }
  
  .transcript { background-color: #cde; margin-left: 2em; margin-right: 2em;}