p {font-family: sans-serif; font-size: 14px; margin-right: 2%;}
.dotted {padding-left : 10pt; border-style : dashed; border-width: 1px; background-color: aliceblue; width: 60%;}
.yell {padding-left : 10pt; border-style : dashed; border-width: 1px; background-color: linen; width: 60%;}
body{font-family:'Open Sans',Arial,Helvertica,sans-serif;font-size:14px; color:#595959; background:url('paper-fibres.png');margin-left: 4%; margin-right: 4%;}
a {color: blue; font-weight: 600;}
ul {padding-top: 0px; list-style: circle; font-family: sans-serif; font-size: 14px;}
li {font-family: sans-serif; font-size: 14px;}
ol.c { list-style-type: lower-roman;}
table,th {border: 1px solid black; border-collapse: collapse;}
table.blank,td.blank {border: 0;}
td {border: 1px solid black; border-collapse: collapse;text-align:left;}
td.center {text-align:center;}
table.dotted {border-style : dashed; border-width: 1px; background-color: aliceblue;}
footer { display: block; }
h2 { color:red}

.verticalTableHeader {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width: 10px;font-weight: normal;}
.custom-table {font-family: sans-serif; border-collapse: collapse;border-spacing: 0;}

.photobanner img {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;transition: all 0.5s ease;}
 
.photobanner img:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor: pointer;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2);}


.main { background-color: white; width: 90%; padding: 10px 10px; text-align: justify;}

.container {overflow: hidden; background-color: blue; font-family: Arial; width: 92%; }

.container a {float: left; font-size: 12px; color: white; text-align: center; padding: 10px; border: 1px solid white; text-decoration: none; }

.dropdown { float: left; overflow: hidden; }

.dropdown .dropbtn { font-size: 12px; border: 1px solid white; outline: 1px solid grey; color: white; padding: 10px; background-color: blue; }

.container a:hover, .dropdown:hover .dropbtn { background-color: red; }

.dropdown-content { display: none; position: absolute; background-color: white; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }

.dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }

.dropdown-content a:hover { background-color: #ddd; }

.dropdown:hover .dropdown-content { display: block; }

.column {float: left; padding: 15px; width: 45%; background-color: white;}
.clearfix::after {content: ""; clear: both; display: table;}

.axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; }

.floated_img { float: left; padding-right: 20px; padding-top: 20px; width: 220px; height: 380px; }

.grid_element { display: inline-block; width: 255px; height:210px; zoom: 1; display*:inline; text-align: center; padding: 10px; }