html, body {
	margin:0;
	padding:0;
	min-height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

body
{
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* unvisited link */
a:link
{
	color:#E80000;
	text-decoration:none;
}

/* visited link */
a:visited
{
	color:#E80000;
	text-decoration:none;
}

/* mouse over link */
a:hover
{
	color:#280000;
}

/* selected link */
a:active
{
	color:#280000;
}

.book:nth-of-type(odd)
{
	background: #D2D2D2;
}

.book dd
{
	font:italic 12px/30px Georgia, serif;
    text-indent:2%;
}

.book dt
{
	font:bold italic 12px/30px Georgia, serif;

}

div.hr
{
	border: 0;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
	clear:both;
    background-color:#d1d1d1;
    height:1px;
    margin-left:20%;
    margin-right:20%;
}

footer
{
	overflow:hidden;
}

nav
{
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.accordion-toggle {
    text-decoration: none;
}


.panel-heading{
    background-color: #b2c6ff !important;

}

.panel-body{
    background-color: #E2E2E2;
}

.panel-title {
    color: black !important;
    text-decoration: none !important;
    font-weight: bold;
}

.panel-heading .accordion-toggle h6:after {
    /* symbol for "open" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: black;
}
.panel-heading .accordion-toggle.collapsed h6:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
}


table {
	margin:0;
	padding:0;
	height:100%;
}

.mainContent, header, footer
{
	margin-left:20%;
	margin-right:20%;
	color: #222222;
	padding-top: 50px;
	/* Shadow border */
	/*
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	*/
}
/*
following CSS from http://css-tricks.com/responsive-data-tables/
collapses navigation table into list if screen is too small (mobile)
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
	.navHeader table, thead, tbody, th, td, tr {
		display: block;
	}

	.navHeader tr {
		border: 1px solid #ccc;
	}

	.navHeader td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.navHeader td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 50%;
		padding-right: 10px;
		white-space: nowrap;
	}
/* Reduce page margins, you'll want that space */
    .mainContent, header, footer{
        margin-left:5%;
        margin-right:5%;
    }
}

.navHeader
{
	position:relative;
	/*table-layout:fixed;*/
	font-size:14pt;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-collapse: collapse;
	width:60%;
}

.year {
    border-radius: 5px;
    background-color: #6B8FB2;
    text-align: center;
    padding: 10px;
}