body {
    background-color: #d3d3d3;
    color:black;
    margin-left: 10%;
    margin-right: 10%;
}

#tabMain {
  background-color: #c0c0c0;
  color:black;
  border: 1px solid #000000;
  padding: .5em;
  position: relative;
  z-index: 101;
}

.panel{
     background-color:white;
     color:black;
     margin-top:0px;
     left: 10px;
     height: 500px;
     display: block;
     font: 12pt Verdana,sans-serif;
     border: thin solid navy;
     padding: 10px;
     overflow: auto;
}

#tabArea {
  font-size: 80%;
  font-weight: bold;
}

h1{
    font-size: 2em;
    font-family: "Trebuchet MS", sans-serif;
}
h2{
    font-size: 1.25em;
    font-family: "Trebuchet MS", sans-serif;
    margin-top: 0px;
    margin-bottom: 5px;
}

ul{
	margin:.25em 1em 0em 0em;
	padding:0;	
}

li{
	padding:.35em 0;
}
	
ul ul {
	margin-left:2em;
}

.Reading p{
    font-family: Verdana, sans-serif;
    font-size: .9em;
    margin-bottom:.5em;
    margin-top:.5em;
}

.text{
margin-left:3em;
margin-right:3em;
text-indent:2em;
}

.notes {
	margin-top:0em;
	margin-bottom:1em;
	border-top:1px solid black;
	font-size:.8em;
}

.notes p{
	margin:0em;
}

.insert {
	font-family:Arial,Helvetica, sans-serif;
	text-align:center;
	font-size:80%;
	background-color:white;
	color:blue;
	float:left;
	width:200px;
}

.insert p{
	margin-top: 0em;
	margin-bottom:.25em;
}

#tabArea li{
	display:inline;
	list-style-type:none;
}
a.tab {
  background-color: #f0f0f0;
  color:black;
  border: solid #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  margin-right:.5em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}
a.tab, a.tab:visited {
  color: #808080;
  background-color:#f0f0f0;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
  color: #000000;
  z-index: 102;
}

a.help {
	padding: 2px 1em 2px 1em;
}

a.help:hover {
	background-color:#d0d0d0;
	text-decoration:underline;
	color:white;
}

#info{
	margin-bottom:1em;
	margin-top:1em;
	font-size:70%;
}
