/* Place your CSS styles in this file */
<style>

            /* body settings */
            body {
            max-width: 900px;
            background-color: #464646;
            }

            /* tomato frame settings */
            .tomato {
            background-color: tomato;
            border: 2px solid #505050;
            margin: 5px;
            padding: 5px;
            }

            /* body settings */
            body {
            max-width: 900px;
            background-color: #464646;
            margin-left: auto;
            margin-right: auto;
            padding-left: 10px;
            padding-right: 10px;
            }

            /* img settings left*/
            img.left {
            float: left;
            margin: 5px 5px;
            }

            /* img settings right*/
            img.right {
            float: right;
            margin: 5px 5px;
            }

            /* header size 1 */
            h1 {
            color: white;
            font-family: courier;
            font-size: 150%;
            }

            /* paragraph header */
            p.header {
            color: white;
            font-family: courier;
            font-size: 100%;
            text-align: right;
            }

            /* paragraph footer */
            p.footer {
            color: white;
            font-family: courier;
            font-size: 80%;
            text-align: right;
            }

            /* paragraph big */
            p.big {
            color: white;
            font-family: courier;
            font-size: 100%;
            text-align: justify;
            }

            /* paragraph medium */
            p.medium {
            color: white;
            font-family: courier;
            font-size: 80%;
            text-align: justify;
            }

             /* paragraph small */
            p.small {
            color: white;
            font-family: courier;
            font-size: 60%;
            text-align: justify;
            }

            /* unvisited link */
            a:link {
            color: white;
            }

             /* visited link */
            a:visited {
            color: lightgrey;
            }

            /* mouse over link */
            a:hover {
            color: darkgrey;
            }

            /* selected link */
            a:active {
            color: darkgrey;
            }

            /* Define the default value for hover table */
            .hoverTable {
                width:100%; 
                border-collapse:collapse;
                font-family: courier;
                font-size: 80%;
                color: white;
            }

            /* Define the default value for hover table cell */
             .hoverTable td { 
                padding: 5px;
                border: 1px solid grey;
            }

            /* Define the default color for all the hover table rows */
            .hoverTable tr {background: #464646;
            }
            /* Define the hover highlight color for the hover table row */
            .hoverTable tr:hover {background-color: tomato;
            }