﻿/********************************* STANDARD FORMATTING *************************************************/
    body
    {
        background-image:url(../images/background/grad_v.png);
        background-repeat:repeat-x;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family:Verdana;
        font-size:small;
    }
    p
    {
        margin-left:45px;
        margin-right:20px;
        font-size:16px;
    }
    /*--------- FIRST WORD FORMATTING ---------*/
    h1
    {
        font-size:24px;
        font-family:garamond, arial;
        margin-left:10px;
        font-weight:lighter;
    }
    h2
    {
        font-size:22px;
        font-weight:lighter;
        font-family:garamond, arial;
        margin-left:30px;
    }
    .sizeup
    {
        font-size:16px;
    }
    /*--------- FIRST WORD FORMATTING ---------*/
    /*--------- TIER FORMATTING ---------*/
    .t1
    {
        margin-left:75px;
        margin-right:55px;
        margin-top:25px;
        font-size:16px;
    }
    .t2
    {
        margin-left:105px;
        margin-right:55px;
        font-size:16px;
    }
    .t3
    {
        margin-left:135px;
        margin-right:55px;
        font-size:16px;
    }
    .t4
    {
        margin-left:165px;
        margin-right:55px;
        font-size:16px;
    }
    .t5
    {
        margin-left:195px;
        margin-right:55px;
        font-size:16px;
    }
    /*--------- TIER FORMATTING ---------*/
    /*--------- LIST FORMATTING ---------*/
    ol
    {
        padding: 0;
        margin: 0;
        list-style-type:none;
    }
    li
    {
        background-image: url(../images/bullet_blue_arrow.png); 
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 40px;
        padding-top:5px;
        margin-bottom:25px;
    }
    .question
    {
        background-image: url(../images/q.png); 
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 50px;
        padding-top:13px;
        margin-left:25px;
        margin-top:70px;
        font-weight:bold;
        font-size:16px;
    }
    .answer
    {
        background-image: url(../images/a.png); 
        background-repeat: no-repeat;
        background-position: left 0px;
        padding-left: 50px;
        margin-left:25px;
        font-size:16px;
    }
    /*--------- LIST FORMATTING ---------*/
    /*--------- LINK FORMATTING ---------*/
    a:link
    {
        color:#D8E6FF;
    }
    a:visited
    {
        color:#75A7FF;
    }
    /*--------- LINK FORMATTING ---------*/
    /*--------- OTHER FORMATTING ---------*/
    .infohead
    {
        font-size:20px;
        font-family:garamond, arial;
        text-decoration:underline;
    }
    .important
    {
        margin-left:0px;
        font-size:22px;
        font-variant:small-caps;
        color:#FFFF33;
    }
    .importantsmall
    {
        margin-left:0px;
        font-size:15px;
        font-variant:small-caps;
        color:#FFFF33;
    }
    .textmenu
    {
        font-size:12px;
    }
    .smalltext
    {
        font-size:11px;
    }
    /*--------- OTHER FORMATTING ---------*/
/********************************* STANDARD FORMATTING *************************************************/

/********************************* LAYOUT FORMATTING *************************************************/
    #wrapper 
    {
        width: 945px;
        padding: 10px 0px 0px 0px;
        margin: 0px auto 0px auto;
    }
    #headerin
    {
        background: transparent url(../images/background/header_left.png) no-repeat;
    }
    #headerout
    {
        background: transparent url(../images/background/header_right.png) no-repeat scroll top right;
        margin: 0px;
        padding: 0px 20px 0px 0px;
        width: auto;
        max-width:920px;
    }
    #containerin
    {
        background: transparent url(../images/background/middle_left.png) repeat-y;
        height:1%;
        padding:10px 0px 10px 10px;
    }
    #containerout
    {
        background: url(../images/background/middle_right.png) repeat-y scroll top right;
        padding: 0px 20px 0px 0px;
        height: 1%;
        width: auto;
        color:White;
        max-width:920px;
    }
    #footerin
    {
        background: transparent url(../images/background/footer_left.png) no-repeat scroll bottom left;
        height: 110px;
    }
    #footerout 
    {
        background: transparent url(../images/background/footer_right.png) no-repeat scroll bottom right;
        margin: 0px;
        text-align: center;
        padding: 0px 20px 0px 0px;
        height: 110px;
        width: auto;
        max-width:920px;
    }
    #menuin
    {
        background: transparent url(../images/background/middle_left.png) repeat-y;
        padding: 0px 0px 0px 0px;
    }
    #menuout
    {
        background: url(../images/background/middle_right.png) repeat-y scroll top right;
        height: 1%;
        width:100%;
        color:White;
        padding: 0px 20px 0px 0px;
    }
    #homepage
    {
        width:74%;
        float:left;
        padding-top:10px;
    }
    #rulesnav 
    {
        width:480px;
        border:none;
        float:right;
        margin-top:-15px;
        text-align:left;
        margin-bottom:-10px;
    }
    #rulesnav a span
    {
        width:130px;
    }
    #rulesnav .three div
    {
        width:31%;
    }
    #rulesnav .row div
    {
        border:none;
    }
    .menu
    {
        padding-left:11px;
    }
    .column
    {
        float: left;
        padding: 0px 0px 0px 20px; 
    }
    .linklist
    {
        margin-left:100px;
    }
    .clearer 
    {
        font-size: 0px;
        line-height: 0px;
        display: block;
        margin: 0px;
        padding: 0px;
        clear: both;
        height: 0px;
        width: auto;
    }
/********************************* LAYOUT FORMATTING *************************************************/

/********************************* BUTTONS *************************************************/
    a.buttonlarge
    {
        background: transparent url(../images/buttons/buttonlarge_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 65px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 20px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:16px;
        font-weight:bold;
    }
    a.buttonlarge:hover 
    {
        background: transparent url(../images/buttons/buttonlarge_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonlarge:active
    {
        background: transparent url(../images/buttons/buttonlarge_right_click.png) no-repeat scroll top right; 
    }
    a.buttonlarge span 
    {
        background: transparent url(../images/buttons/buttonlarge_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 17px; /* BUTTON HEIGHT */
        padding: 3px 0px 5px 8px;
        white-space:pre-wrap;
    }
    a.buttonlarge:hover span
    {
        background: transparent url(../images/buttons/buttonlarge_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonlarge:active span
    {
        background: transparent url(../images/buttons/buttonlarge_left_click.png) no-repeat;
        text-decoration:underline;
    }
    a.buttonmedium
    {
        background: transparent url(../images/buttons/buttonmedium_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 50px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 15px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
    }
    a.buttonmedium:hover 
    {
        background: transparent url(../images/buttons/buttonmedium_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonmedium:active
    {
        background: transparent url(../images/buttons/buttonmedium_right_click.png) no-repeat scroll top right; 
    }
    a.buttonmedium span 
    {
        background: transparent url(../images/buttons/buttonmedium_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 16px; /* BUTTON HEIGHT */
        padding: 7px 0 7px 8px;
        white-space:pre-wrap;
    }
    a.buttonmedium:hover span
    {
        background: transparent url(../images/buttons/buttonmedium_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonmedium:active span
    {
        background: transparent url(../images/buttons/buttonmedium_left_click.png) no-repeat;
        text-decoration:underline;
    }
    a.buttonsmall
    {
        background: transparent url(../images/buttons/buttonsmall_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 40px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 15px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
    }
    a.buttonsmall:hover 
    {
        background: transparent url(../images/buttons/buttonsmall_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonsmall:active
    {
        background: transparent url(../images/buttons/buttonsmall_right_click.png) no-repeat scroll top right; 
    }
    a.buttonsmall span 
    {
        background: transparent url(../images/buttons/buttonsmall_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 14px; /* BUTTON HEIGHT */
        padding: 10px 0 5px 8px;
        white-space:pre-wrap;
    }
    a.buttonsmall:hover span
    {
        background: transparent url(../images/buttons/buttonsmall_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonsmall:active span
    {
        background: transparent url(../images/buttons/buttonsmall_left_click.png) no-repeat;
        text-decoration:underline;
    }
    .buttonlargeimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:0px;
    }
    .buttonmediumimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:-10px;
    }
    .buttonsmallimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:-10px;
    }
/********************************* BUTTONS *************************************************/

/********************************* BOX CONTAINER *************************************************/
    #boxtop
    {
        background:url(../images/box/topbox_left.png) no-repeat;
        display: block;
        float:left;
        padding: 0px 0px 0px 0px;
        width:100%;
    }
    #boxtopout
    {
        background: transparent url(../images/box/topbox_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        padding: 0px 10px 0px 0px;
        margin-bottom:40px;
    }
    #boxmiddle
    {
        background:url(../images/box/middlebox_left.png) repeat-y;
        display: block;
        float:left;
        height:1%;
        color:Black;
        padding: 0px 0px 0px 0px;
        width:auto;
    }
    #boxbottom div
    {
       padding:10px;
    }
    #boxmiddle a:link
    {
        color:Blue;
    }
    #boxmiddle a:visited
    {
        color:Purple;
    }
    #boxmiddleout
    {
        background: transparent url(../images/box/middlebox_right.png) repeat-y scroll top right; 
        display: block;
        float: left;
        color:Black;
        padding: 0px 0px 0px 0px;
        margin-right:-8px;
        margin-top:30px;
        width:auto;
    }
    #boxbottom
    {
        background:url(../images/box/bottombox_left.png) no-repeat scroll bottom left;
        display: block;
        float:left;
        padding: 0px 0px 20px 0px;
        width:auto;
    }
    #boxbottomout
    {
        background: transparent url(../images/box/bottombox_right.png) no-repeat scroll bottom right; 
        display: block;
        float: left;
        color:Black;
        padding: 0px 10px 0px 0px;
        margin-bottom:-30px;
        margin-right:-2px;
    }
    #compatibility
    {
        text-align:center;
        font-size:xx-large;
        color:Yellow;
    }
/********************************* BOX CONTAINER *************************************************/
/********************************* TABLE *********************************************************/
    .table 
    {
        display:table;
        border:solid 1px;
        border-top:none;
        border-bottom:none;
        border-right:none;
        border-spacing:15px;
        border-collapse:collapse;
        text-align:center;
    }
    .row 
    {
        clear:both;
        display:table-row;
        width:auto;
    }
    .row div
    {
        float:left;
        display:table-cell;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-top: solid 1px;
        padding: 10px 5px 10px 5px;
    }
    .one div
    {
        width:98.6%;
    }
    .two div
    {
        width:48.7%;
    }
    .three div
    {
        width:30%;
    }
    .four div
    {
        width:24.9%;
    }
    .five div
    {
        width:19.9%;
    }
    .six div
    {
        width:16.6%;
    }
    .row .rowexpander /* For printing in IE bug */
    {
        height:1px;
        margin-top:-23px;
        border:none;
        display:none;
    }
/********************************* TABLE *********************************************************/