.pagebreak { page-break-before: always; }

.typography a,
.typography #navigation li.active ul li a {
  display: inline;
  color:#467aa7;
  font-weight:bold;
  text-decoration:none;
  font-size: 1em;
  background-color:inherit;
  text-transform:none;
  text-decoration:none;
  text-shadow: none;
  padding: 0;
}

.typography a:hover,
.typography #navigation li.active ul li a {
  color:#2a5a8a;
  text-decoration:none;
  background-color:inherit;
}
.typography a img {
  border:none;
}
.typography p {
	padding:0 0 0.5em 0;
	text-align: justify;
}
.typography p form {
  margin-top:0;
  margin-bottom:20px;
}
.typography #header h1 {
  padding:35px 0 0 20px;
  font-size:2.4em;
  line-height:3em;
  background-color:inherit;
  color:#ffffff;
  letter-spacing:-2px;
  font-weight:normal;
}
.typography #header h2 {
  margin:10px 0 0 20px;
  font-size:1.4em;
  background-color:inherit;
  color:#f0f2f4;
  letter-spacing:-1px;
  font-weight:normal;
}
.typography #navigation li a {
  display:block;
  padding:0 10px;
  font-size:0.8em;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  background-color:inherit;
  color: #ffffff;
  text-shadow: #101010 2px 2px 3px;
}
* html #navigation a {
  width:1%;
}
.typography #navigation .current, .typography #navigation a:hover,
.typography #navigation li.active {
  background:#80b0da;
  color:#ffffff;
  text-decoration:none;
}

.typography #navigation li.active ul li
{
  color: black;
}

.typography #navigation li.active ul li.current,
.typography #navigation li.active ul li:hover
{
  color: black;
  background: inherit;
  list-style-type: disc;
}

.typography #content h1 {
  margin-bottom: 16px;
  font-size:26px;
  line-height: 30px;
  letter-spacing:-1px;
  text-shadow: #aaaaaa 2px 2px 3px;
}

.typography #content div#links h2 {
  margin-top: 30px;
}

.typography #content div#committees h2 {
  margin-top: 30px;
}

.typography #content div#tutorials h2 {
  margin-top: 0;
}


.typography #content h2 {
  display:block;
  margin:20px 0 16px 0;
  font-size:1.7em;
  font-weight:normal;
  letter-spacing:-1px;
  color:#505050;
  background-color:inherit;
  text-shadow: #aaaaaa 2px 2px 3px;
}
.typography #content h2 a {
  font-weight:normal;
}
.typography #content h3 {
	display:block;
	margin: 0 0 10px 0;
	font-size: 1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#505050;
	background-color:inherit;
	text-shadow: #aaaaaa 2px 2px 3px;/*  margin:0 0 5px 0;
    font-size:1.4em;
    letter-spacing:-1px; */
}
.typography #content a:hover, .typography #subcontent a:hover {
  text-decoration:underline;
}
.typography #content ul, .typography #content ol {
  margin:0 5px 0px 35px;
}
.typography #subcontent h2 {
  display:block;
  margin:0 0 15px 0;
  font-size:1.6em;
  font-weight:normal;
  text-align:left;
  letter-spacing:-1px;
  color:#505050;
  background-color:inherit;
  text-shadow: #aaaaaa 2px 2px 3px;
}
.typography #subcontent p {
  margin:0 0 16px 0;
  font-size:0.9em;
}
.typography .menublock li a {
  font-weight:bold;
  text-decoration:none;
}
.typography .menublock li a:hover {
  text-decoration:none;
}
.typography .menublock li ul a {
  font-weight:normal;
}
.typography #footer p {
  padding:0;
  margin:0;
  text-align:center;
}
.typography #footer a {
  color:#f0f0f0;
  background-color:inherit;
  font-weight:bold;
}
.typography #footer a:hover {
  color:#ffffff;
  background-color:inherit;
  text-decoration: underline;
}

.typography #content a.talkinfo {
	text-decoration:none;
	position:relative;
}

.typography #content a.talkinfo:hover {
	border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}    


.typography #content a.talkinfo span {
   display: none;
   position: absolute;
   top: 20px;
   width:400px;
   background: white;
   padding: 3px;
   border: 3px solid #5D779A;
   border-top: 4px solid #5D779A;
   color: black;
   }
.typography #content a.talkinfo  p {
	font-weight:normal;
}