body { 
	font:12pt arial; 
	background: #fff;
	margin:0;
	padding:0;
	}
.style5 {color: #2B4F77;text-align:left}
.style6 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.style7 {color: #FFFFFF}
.style8 {color: #ffffff}

ol li {
    background: #CCE5FF;
    padding: 5px;
    margin-left: 5px;
    font-size: 11pt;
    font-family: arial;
    text-align:justify;
}
ul li {
    padding: 2px;
    margin: 2px;
    font-size: 11pt;
    font-family: arial;
    text-align:justify;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
background-color: #2B4F77;
color: #eee;
padding: 3px;
border-bottom: 2px solid;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #6C88A6;
color: #eee;
}

h1 {

	font:20pt verdana, arial, sans-serif;
        text-align:right;
	color: #FFF;
	margin-right:15px;
	padding:55px 0 0 5px;
}

h2 {

	font:14pt verdana, arial, sans-serif;
	color:#666;
	padding:10px;
	margin:0;
        text-align: center;
}

h3 {

	font:14pt arial, verdana, sans-serif;
	color:#2b4f77;
	margin:10px 5px 5px 5px;
        font-weight: bold;
        text-align: left;
}

h4 {
       font:12pt arial;
       margin-left:600px;
       margin-top:0px;
       padding:0px 0px 0px 0px 0px;
}

p { 
	font: 11pt arial, verdana, sans-serif; 
	text-align: justify;
	}
	
#contain {

	width:960px;
	margin-left:auto;
	margin-right:auto;
	background: #FFF ;
        }
	
#header {
        background: #2B4F77 url('pymol2.png') no-repeat;
	width:960px;
        height:165px;
	border-bottom:2px solid #eee;
	
}

#leftcol {

	width:180px;
	float:left;
	padding:5px 0 5px 0;
	background-color: #fff;

}

#leftcol p {

	padding:3px 18px 3px 18px;
	margin:0;

}

#content {

	margin-left:220px;
	width:700px

}

#content p {

        font-family:arial; 
        font:11pt;
        padding:10px 5px 5px 5px;
	margin:0;

}

#footer {

	width:960px;
        clear:left;
        border-top:2px solid #2B4F77;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:25px;
        height:90px;
        background: #fff; 
}

hr {
        width: 50%;
        height: 2px;
        background:#2b4f77;
        border:none;
        margin-left: 0px;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    margin:center;
    text-align:center;
    padding:5px;
    margin-left:auto;
    margin-right:auto;
    font-family: arial;
    font-size: 11pt;
}
th {
    background-color: #2b4f77;
    color:#fff;
    font-family: arial;
    font-size: 11pt;
    padding:5px;
}
/* Dropdown Button */
.dropdown-btn {
  background-color: #2B4F77;
  color: #eee;
  width: 180px;
  margin: 0;
  border: none;
  border-bottom: 2px solid;
  font-size: 12pt;
  cursor: pointer;
  padding: 3px;
  text-align: left;
  margin-left: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #2b4f77;
  color: white;
}
.dropdown-content {
  background-color: white;
  display: none;
  padding: 2px;
  width: 160px;
  margin-left:40px;
  margin-right:2px;
  color: green;
  text-align: center;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 4px;
}