/* ------------------------ HTML Tag Declarations ------------------------- */


    body { background: #ebebeb; font: 0.75em/160% Verdana; color: #000; }

    h1 { font-size: 2em; line-height: 1.8em; }

    h2 { font-size: 1.6em; line-height: 2.4em; }

    h3 { font-size: 1.5em; line-height: 1.5em; }
    h4 { font-size: 1.6em; line-height: 1.5em; }
    h5 { font-size: 2em; line-height: 1.3em; }
    h6 { font-size: 1.5em; line-height: 1.3em; }
    p { font-size: 1.2em; margin: 0 0 15px 0; font: Arial;}
    p2 { font-size: 1.0em; font: Arial; margin: 0 0 0px 0; }

    p3 { font-size: 1.2em; font: Arial; margin: 0 0 0px 0; }
    p4 { font-size: .8em; font: Arial; margin: 0 0 0px 0; line-height: 1.6em;}
    p5 { font-size: 1.2em; font: Arial; line-height: 1em;}
    a:hover { color: #000; }

    a.button { font-weight: bold; text-decoration: none; background: #dce4eb; color: #808080; padding: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

    a.button:hover { font-weight: bold; color: #404040; }

    a.buttonSelected { font-weight: bold; text-decoration: none; background: #99a2aa; color: #FFFFFF; padding: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

    ul.list { list-style-type: disc; list-style-position: outside; margin: 10px 5px 20px 15px; font-size: 1.1em; line-height: 1.4em; text-align:justify; }
    ul2.list { list-style-type: disc; list-style-position: outside; margin: 10px 5px 20px 15px; font-size: 1.0em; line-height: 1.2em; text-align:justify; }
    ol.list { list-style-type: decimal; list-style-position: inside; margin: 0 0 10px 0; font-size: 1.2em; line-height: 2em; }

/* ------------------------ Helper Classes ------------------------- */

    .centre { text-align: center; }

    .left { text-align: left; }
    .bold { font-weight: bold; }

    .italic { font-style: italic; }

    .underline { text-decoration: underline; }

    .red { color: #ff0000; }

    .clear { clear: both; }

    .note { font-size: 1em; }

    .hidden { display: none; }
    .indent { padding-left: 30pt; padding-right: 30pt; }
    .justify { text-align:justify; }
    .boxfill { padding: 1px 1px 1px 1px; border: 1px solid#000; background-color: #C2C2C2; }
    .white { color: #FFFFFF; }
    .grey { color: #545454; }
    .thumbnailmargin { margin: 0px 8px 0px 0px; }
    .height18 { line-height: 1.8em; }
    .height14 { line-height: 1.4em; }
    .height08 { line-height: .8em; }
    .font08 { font-size: .8em; font: Arial; margin: 0 0 0px 0; line-height: 1.6em;}
    .noborder { border: 0px; font: inherit;} 
    .margin { margin: 0px 30px 0px 30px; }

/* ------------------------ Forms ------------------------- */


    form { clear: both; float: left; width: 740px; }

    form p { clear: both; float: left; width: 100%; }

    form p label { float: left; width: 200px; font-weight: bold; }

    form p label.long { float: left; width: 500px; font-weight: bold; }

    form p input.text { float: left; width: 200px; font: inherit; }

    form p textarea { float: left; width: 95%; height: 100px; font: inherit; border: 1px solid #000; }

/* ------------------------ Layout ------------------------- */


    
    #affiliatetools { margin: 0px 80px 0px 80px;}
    #affiliatetools2 { margin: 0px;}
    #affiliatetools3 { float: left; margin: 0px 60px 30px 60px; padding: 5px; border: 1px solid#000;}
    #affiliatelink {text-align: center;}
    #affiliatemargin { margin: 0px 50px 0px 50px;} 
    #bullets { margin: 0 0 0 20px; }
    #emaildisclaimer { margin: 0px 110px -30px 110px;}
    #emaildisclaimer2 { margin: -55px 110px 25px 110px; text-align: center;}
    #container { width: 820px; margin: 0 auto; }

    #header { float: left; width: 820px; height: 229px; background: url(../images/header.jpg) top center no-repeat; }

    #header h1 { text-indent: -9999px; }
    #header2 { float: left; width: 820px; height: 196px; background: url(../images/header2.jpg) top center no-repeat; }

    #header2 h1 { text-indent: -9999px; }
    #insidecontainer { float: left; width: 800px; padding: 0 10px; background: url(../images/body.jpg) top center repeat-y; }
    #navbar {position:relative; display:block;height:39px; font-size:12px; font-weight:bold; background:transparent url(../images/bgOFF1.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif; border-top:4px solid#B30000;}
    #navbar ul {margin:0;padding:0;list-style-type:none;width:auto;}
    #navbar ul li {display:block;float:left;margin:0;}
    #navbar ul li a {display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../images/bgDIVIDER1.gif) no-repeat top right;}
    #navbar ul li a:hover,#navbar ul li a.current {color:#B30000;background:#fff url(../images/bgON1.gif) no-repeat top right;}
    
#content { float: left; width: 740px; padding: 0 40px; background: url(../images/body.jpg) top center repeat-y; }
    
#contentleft { float: left; width: 500px; margin: 5px 5px 5px 13px; padding: 0px 2px 0px 2px; background: url(../images/body.jpg) top repeat-y; text-align: justify;}
    
#contentleft .regular { font-size: 1.2em; font: Arial; line-height: 1em; text-align: left;}
    
#contentleft .headline { font-size: 1.5em; }
    
#contentright { float: right; width: 234px; margin: 5px 14px 5px 5px; padding: 10px; background: url(../images/body.jpg) top repeat-y; border: 1px solid #000; text-align: justify; line-height: 1.2em;}
    #content .playerMenu { float: left; width: 190px; margin: 0 10px 0 0; }

    #content .playerMenu ul li { line-height: 40px; height: 40px; }

    #content .player { float: left; width: 500px; height: 305px; margin: 0 0 20px 0; }

    #content .textBlocks { clear: both; float:left; width: 740px; }

    #content .textBlocks .textBlocksDescription { float: left; width: 363px; padding: 5px 10px 10px 10px; margin: 0 20px 0 0; border: 1px solid#000;}

    #content .textBlocks .textBlocksDescription h2 { line-height: 1.2em; }

    #content .textBlocks .textBlocksFields { float: left; width: 310px; padding: 5px 10px 5px 13px; margin: 0 0 0 0; border: 1px solid #000; background-color: #F2F2F2}

    #content .textBlocks .textBlocksFields p label { width: 310px; text-align: center; }

    #content .textBlocks .textBlocksFields p textarea { width: 305px; height: 39px; font-family: verdana,arial,times,sans-serif,monospace; font-size: 1em; overflow: hidden; }


    #footer { float: left; width: 820px; height: 138px; background: url(../images/footer.png) top center no-repeat; }
    #ppcads { float: left; width: 223px; padding: 5px; margin: 0px 5px 0px 5px; border: 1px solid#000; font-size: .8em; font: Arial;}

    #sbicons { float: left; width: 152px; margin 5px; }
    #verticalmargin { margin 20px 0px 0px 0px; }




/* ------------------------ Videos ------------------------- */

    a.player {display:block; width: 500px; height:305px; text-align:center; margin:0 -6px 25px 0; float:center; border:1px solid #999;}
    a.player2 {display:block; width: 500px; height:305px; text-align:center; margin:0px 0px 0px 0px; float:center; border:1px solid #999;}

/* play button */
    a.player img {margin-top:120px; border:0px;}
    a.player2 img {margin-top:120px; border:0px;}

/* when container is hovered we alter the border color */
    a.player:hover {border:1px solid #000;}