body {
	background-color:#FFFFCC;
	font-size: small;
    font-family:arial,verdana, sans-serif;
    margin-top:50px;
}

h1 {
    border-style:solid;
    border-width: 0px;
    margin-top: 20px;
    margin-bottom:2px;
    margin-left:10%;
    width:70%;
    font-family: Arial, Helvetica, sans-serif;
}
		h2 {
			font-size:110%;
			font-weight:normal;
            width:20%;
            margin-left:30%;
            padding: 10px;

}
h3 {

    border-style:solid;
    border-width: 0px;
    margin-top: 20px;
    margin-bottom:2px;
    margin-left:10%;
    width:70%;
    font-family: Arial, Helvetica, sans-serif;
}
h4 {
              font-size:110%;
              margin-left: 30%;
}

h5 {
  font-family:  Times New Roman;
  font-size: 80%;
  color: #330099;
  margin-left:10%;
  width:70%;

}
        p  {

	font-family:arial,verdana, sans-serif;
	font-size:14px;
    border-style:solid;
    border-width: 0px;
    margin-left:10%;
    width:70%;

        }


		.hidden{
			display:none;
		}
		.shown{
			display:block;
            color:red;
		}
		.trigger{
			background:#ccf;
        }
		.open{
			background:#66f;
		}
		.hover{
			background:#99c;
		}
        .sidenav {

	border-width:0px 3px 0px 2px;
	border-style:none none none none;
    /*trbl, dood */
	text-align:left;
	margin: 45px 0 0 10px ;
	padding: 0px 5px 5px 5px;
    position:absolute;
    width:150px;


}
/*could be used for differentiated home page layout */
.contentmain
{
  position:relative;
  top: 10px; left:200px;
  border-style: solid;
  border-width: 0;
  width:600px;
  padding-top:30px;

 /*  */
}
.contenthome {
  position:relative;
  top: 50px; left:200px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  width:750px;
  padding-top:50px;
}
p.small {
  font-size: 9px;
}
p.smallbold {
  font-size: 10px;
  font-weight: bold;
}