#content {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  margin: 0px 20px 20px 20px;
}

#topheader {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px 10px 20px;
}

#gradheader {
  padding: 1px 0 1px 0;
  background: linear-gradient(to top, #ffffff 0%, #B0E2FF 100%);
}

table {
	background-color: #D4FAC8;
	padding:10px 0 10px 0;
}

table td:last-child {
    width: 100%;
}

td {
	color: #111111;
	white-space:nowrap;
    padding:0 15px 0 15px;
	font-size: 125%;
}

td#td_wrap {
	color: #111111;
	white-space: normal;
    padding:0 15px 0 15px;
	font-size: 125%;
}

ul {
    list-style-type: none;
	width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: #B0E2FF;
}

li {
    float: left;
}

a.mainNav:link, a.mainNav:visited {
    display: block;
    font-weight: bold;
	font-size: 125%;
    color: #FFFFFF;
    background-color: #B0E2FF;
    text-align: center;
    padding: 10px;
	margin: 0px 10px;
    text-decoration: none;
}

a.mainNav:hover, a.mainNav:active {
    background-color: #A4D3EE;
}

a.normalNav:link, a.normalNav:visited {
	font-size: 110%;
    color: #0000FF;
}

a.normalNav:hover, a.normalNav:active {
	color: #1100FF;
}

p {
	font-size: 120%;
	color: #00008B;
}

div {
	padding: 10px 0 10px 0;
}

body {
	background-color: #FDFDFD;
	font-family: Arial, Helvetica, sans-serif;
}

pre.prettyprint {
    white-space: pre-wrap;
}

.responsive {
  width: 100%;
  height: auto;
}