html, body, div, span, applet, object, iframe,

    h1, h2, h3, h4, h5, h6, p, blockquote, pre,

    a, abbr, acronym, address, big, cite, code,

    del, dfn, em, img, ins, kbd, q, s, samp,

    small, strike, strong, sub, sup, tt, var,

    b, u, i, center,

    dl, dt, dd, ol, ul, li,

    fieldset, form, label, legend,

    table, caption, tbody, tfoot, thead, tr, th, td,

    article, aside, canvas, details, embed, 

    figure, figcaption, footer, header, hgroup, 

    menu, nav, output, ruby, section, summary,

    time, mark, audio, video {

        margin: 0;

        padding: 0;

        border: 0;

        font-size: 100%;

        font: inherit;

        vertical-align: baseline;

        }

    /* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

    footer, header, hgroup, menu, nav, section {

    display: block;

        }

​

body {

    margin:0;

    padding:0;

    border:0;           /* This removes the border around the viewport in old versions of IE */

    width:100%;

    background:#000;

    min-width:600px;        /* Minimum width of layout - remove line if not required */

                    /* The min-width property does not work in old versions of Internet Explorer */

    font-size:90%;

    font-family:arial, helvetica, sans-serif;

    line-height: 1;

    color:white;

}

​

ol, ul {

        list-style: none;

        }

blockquote, q {

        quotes: none;

        }

blockquote:before, blockquote:after,

    q:before, q:after {

        content: '';

        content: none;

        }

table {

        border-collapse: collapse;

        border-spacing: 0;

        }

.break {

        clear:both;

        }

​

.fixedwidth  {

            width:100%;

            margin:0 auto;

            }

#topbar {

         width:100%;

         height:200px;

         background-color:#F3D000;

        }

#logo {

        position:inline;

        float:left;

        padding:32px 0 0 180px;

    }

#tv {

        color:white;

        font-size:4.8em;

        font-family:Georgia, serif;

    }

#subhead {

        font-family:Verdana, Geneva, sans-serif;

        font-style:italic;

        font-size;2.5em;

        float:right;

        }

#mainmenu {

        width:100%;

        background-color:#000000;

        margin:25px 0 10px 0;

        height:39px;

    }

#mainmenu ul {

        padding: 0;

        margin: 0;

        list-style:none;

        background-color:black;

        text-align: center;

        }

#mainmenu li {

        line-height:40px;

        height:40px;

        width:180px;

        font-size:1em;

        float:left;

        margin:0 10px 0 150px;

        color:white;

        }

#mainmenu a {

        text-decoration:none;

        color:white;

        display:block;

        transition: .3s background-color;

    }

#mainmenu a:hover {

        color:black;

        background-color: #F3D000;

    }

.font1 {

    color:#F3D000;

    font-weight:bold;

    font-size:1.5em;

    }

.colmask {

    position:relative;  /* This fixes the IE7 overflow hidden bug */

    clear:both;

    float:left;

    width:100%;         /* width of whole page */

    overflow:hidden;        /* This chops off any overhanging divs */

}

/* common column settings */

.colright,

.colmid,

.colleft {

    float:left;

    width:100%;

    position:relative;

}

.col1,

.col2,

.col3 {

    float:left;

    position:relative;

    padding:0 0 1em 0;

    overflow:hidden;

}

/* 2 Column (left menu) settings */

​

.leftmenu {

    background:#000;        /* right column background colour */

}

.leftmenu .colleft {

    right:75%;          /* right column width */

    background:#000;    /* left column background colour */

}

.leftmenu .col1 {

    width:71%;          /* right column content width */

    left:102%;          /* 100% plus left column left padding */

    background:#000;

}

.leftmenu .col2 {

    width:21%;          /* left column content width (column width minus left and right padding) */

    left:6%;            /* (right column left and right padding) plus (left column left padding) */

    background:#000;

}

​

@keyframes slidy {

    0% { left: 0%; }

    20% { left: 0%; }

    25% { left: -100%; }

    45% { left: -100%; }

    50% { left: -200%; }

    70% { left: -200%; }

    75% { left: -300%; }

    95% { left: -300%; }

    100% { left: -400%; }

    }

​

​

#slider { 

    overflow: hidden;

    width: 55%;

    max-width: 800px;

    margin: 0 auto;

    border-top: 4px solid #F3D000;

    border-bottom: 4px solid #F3D000;

    padding-top:10px;

    padding-bottom:10px;

​

    }

​

#slider figure img {

​

    width: 20%;

    float: left;

​

    }

#slider figure { 

    position: relative;

    width: 500%;

    margin: 0;

    left: 0;

    text-align: left;

    font-size: 0;

    animation: 20s slidy infinite; 

    }

.box {

​

​

    background:blue;

    margin:5%;

    width:15%;

    display:inline;

​

}

​

​

.barbell {

​

    display:inline-block;

    float:left;

    margin: 0 7% 0 7%;

}

​

.box_text {

​

    color:#F3D000;

    font-weight:bold;

    font-size:1.5em;

    float:left;

    margin-left:1%;

​

}

​

iframe {

​

    display:inline-block;

    width:20%;

    margin: 0;

    float:left;

}