h1.crudeoil { text-transform: none; margin: 0 auto; font-size: 36px; text-align: center; font-family: calibri; padding-top: 100px;}
h2.crudeoil { text-transform: none; font-size: 30px; font-family: calibri; margin-bottom:2px;}

#placeholder { width: 800px; height: 400px; position: relative; margin: 0 auto;}
#placeholder .legend table, #placeholder .legend > div { height: 65px !important; padding-left: 10px;left: 25px !important; top: 505px !important; width: 170px !important; }

#overview { width: 800px; height: 100px; border: 1px; position: relative; margin: 0 auto; }

.legend table { border: 1px solid #555555; padding: 15px;}
.legend table, .legend > div { height: 90px !important; opacity: 1 !important; right: 10px; top: 10px; width: 130px !important; }

#datasets {position: relative; width: 800px; margin: 0 auto; padding-left: 220px; padding-bottom: 50px; font-family: "Roboto Condensed"; font-size: 15px;}

.blackheading {font-size: 16px; color: #000000; font-weight: bold;}
.blueheading {font-size: 16px; color: #2E2EE6; font-weight: bold;}
.goldheading {font-size: 16px; color: #E6BC3E; font-weight: bold;}

li.features {font-size: 24px; font-family: hind}
li.cite {font-size: 22px; font-family: hind}

span.dataset_list {font-family: calibri; font-size: 15px;}