/*#######################################################################
# Site Wide CSS - Hyperlinks, text formatting, color formatting         #
# tag formatting, and form elements.                                    #
# Paul Kahl                                                             #
# Latest Update: 3/22/2005 3:44PM                                       #
#######################################################################*/

/*###############################################
#    Purple Color Palette - Dark to Light:      #
#                                               #
#    #4F2266, #609, #A6C, #D2ACE6               #
#                                               #
#    Base Color: #609                           #
###############################################*/

/*------------------------------------------------*/
    /* Links */
        /* standard - no font change, no color change from browser default, underline excePoint on hover */
            a:link, a:visited
                {
                    text-decoration: underline;
                    font-weight: bold;
                }
            a:hover, a:active, a:focus
                {
                    text-decoration: none;
                    font-weight: bold;
                }

        /* Eight Point */
            /* Light */
                a.EightPointLight:link, a.EightPointLight:visited
                    {
                        font-weight: Bold;
                        font-size: 8pt;
                        text-decoration: underline;
                        color: #D2ACE6;
                    }
                a.EightPointLight:hover, a.EightPointLight:active
                    {
                        font-weight: Bold;
                        font-size: 8pt;
                        text-decoration: none;
                        color: #D2ACE6;
                    }
            /* Dark */
                a.EightPointDark:link, a.EightPointDark:visited
                    {
                        font-weight: Bold;
                        font-size: 8pt;
                        text-decoration: underline;
                        color: #4F2266;
                    }
                a.EightPointDark:hover, a.EightPointDark:active
                    {
                        font-weight: Bold;
                        font-size: 8pt;
                        text-decoration: none;
                        color: #4F2266;
                    }

        /* Nine Point */
            /* Light */
                a.NinePointLight:link, a.NinePointLight:visited
                    {
                        font-weight: Bold;
                        font-size: 9pt;
                        text-decoration: underline;
                        color: #D2ACE6;
                    }
                a.NinePointLight:hover, a.NinePointLight:active
                    {
                        font-weight: Bold;
                        font-size: 9pt;
                        text-decoration: none;
                        color: #D2ACE6;
                    }
            /* Dark */
                a.NinePointDark:link, a.NinePointDark:visited
                    {
                        font-weight: Bold;
                        font-size: 9pt;
                        text-decoration: underline;
                        color: #4F2266;
                    }
                a.NinePointDark:hover, a.NinePointDark:active
                    {
                        font-weight: Bold;
                        font-size: 9pt;
                        text-decoration: none;
                        color: #4F2266;
                    }
        /* Ten Point */
            /* Light */
                a.TenPointLight:link, a.TenPointLight:visited
                    {
                        color: #D2ACE6;
                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: underline;
                    }
                a.TenPointLight:hover, a.TenPointLight:active
                    {
                        color: #D2ACE6;
                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: none;
                    }
            /* Medium */
                a.TenPointMedium:link, a.TenPointMedium:visited
                    {
                        color: #BB5CED;
                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: underline;
                    }
                a.TenPointMedium:hover, a.TenPointMedium:active
                    {
                        color: #BB5CED;
                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: none;
                    }
            /* Dark */
                a.TenPointDark:link, a.TenPointDark:visited
                    {

                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: underline;
                        color: #4F2266;
                    }
                a.TenPointDark:hover, a.TenPointDark:active
                    {

                        font-weight: Bold;
                        font-size: 10pt;
                        text-decoration: none;
                        color: #4F2266;
                    }
        /* Twelve Point */
            /* Dark */
                a.TwelvePointDark:link, a.TwelvePointDark:visited
                    {

                        font-weight: Bold;
                        font-size: 12pt;
                        text-decoration: underline;
                        color: #4F2266;
                    }
                a.TwelvePointDark:hover, a.TwelvePointDark:active
                    {

                        font-weight: Bold;
                        font-size: 12pt;
                        text-decoration: none;
                        color: #4F2266;
                    }

/*------------------------------------------------*/
    /* Font tags */
        /* Add more as needed. */
        /* 6.5 Point */
            .SixPointFivePoint
                {
                    font-size: 6.5pt;
                }

        /* 7 Point */
            .SevenPoint
                {
                    font-size: 7pt;
                }

        /* 8 Point */
            .EightPoint
                {
                    font-size: 8pt;
                }

        /* Ten Point */
            .TenPoint
                {
                    font-size: 10pt;
                }
            .TenPointLight
                {
                    font-weight: bold;
                    font-size: 10pt;
                    color: #D2ACE6;
                }
            .TenPointDark
                {
                    font-weight: bold;
                    font-size: 10pt;
                    color: #4F2266;
                }
            .TenPointLightDashedUnder
                {
                    font-weight: bold;
                    font-size: 10pt;
                    color: #D2ACE6;
                    border-bottom: 2px dashed #FFF;
                }

        /* Eleven Point */
            .ElevenPoint
                {
                    font-size: 11pt;
                }

        /* Twelve Point */
            .TwelvePoint
                {
                    font-size: 12pt;
                }
            .TwelvePointDark
                {

                    font-weight: Bold;
                    font-size: 12pt;
                    text-decoration: none;
                    color: #4F2266;
                }

/*------------------------------------------------*/
    /* Form Elements */
        textarea
            {
                font-weight: Bold;
                border: 1px solid #000;
                background: transparent;
            }
        INPUT
            {
                font-weight: Bold;
                font-size: 9pt;
                border: 1px solid #000;
                background: transparent;
            }
        .textbox
            {
                font-weight: Bold;
                font-size: 9pt;
                border: 1px solid #000;
                background: transparent;
            }
        .MovieBox
            {
                width: 100%;
                font-weight: Bold;
                font-size: 8pt;
                border: 1px solid #609;
                background: #FFF;
            }
        SELECT
            {
                font-weight: Bold;
                font-size: 9pt;
                border: 1px solid #000;
                background: transparent;
            }
        .checkbox
            {
                border: 0px;
                background: transparent;
            }
        button
            {
                font-weight: Bold;
                font-size: 9pt;
                border: 1px solid #000;
                background: transparent;
            }

/*------------------------------------------------*/
    /* Page Elements */
        ul
            {
                list-style: square url(images/check.gif) outer;
                text-align: left;
                margin-top: 3px;
                margin-bottom: 3px;
            }
        body
            {
                color: #000;
                background: #FFF;
                margin: 0px 0px 0px 0px;
                font-size: 9pt;
                font-family: Verdana, Arial, Helvetica, sans-serif;
            }
        table, td
            {
                font-size: 9pt;
            }

/*------------------------------------------------*/
    /* NEW Header Styles (as of 3/21/2005 12:37PM) */
        .clsHeaderLogo
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 45px;
                height: 65px;
                background: url(images/PKD_Small_45x65.jpg) top left no-repeat;
            }
        .clsHeaderCurve
            {
                position: absolute;
                top: 0px;
                left: 46px;
                width: 83px;
                height: 36px;
                background: #609 url(images/corners/menu_corner_purple.gif) top left no-repeat;
            }
        #idHeaderMenuBox
            {
                position: absolute;
                top: 0px;
                left: 128px;
                width: 652px;
                height: 36px;
                background: #609;
                padding: 6px 0px 0px 0px
            }
        .clsHeaderTexts
            {
                position: absolute;
                top: 36px;
                left: 128px;
                width: 652px;
                height: 36px;
                background: #FFF;
                padding: 10px 0px 0px 0px
            }

    /* index2.php Styles */
        .clsIndexTextTops
            {
                position: absolute;
                top: 0px;
                left: 20px;
                width: 210px;
                padding: 0 0 0 0;
                font-weight: Bold;
                font-size: 12pt;
                color: #D2ACE6;
                text-align: center;
                background: #609;
                font-variant: small-caps;
                height: 20px;
            }
        .clsTopLeftCorner
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 20px;
                height: 20px;
                background: #609 url(images/corners/col_corner_bottom_left_purple.gif) no-repeat;
            }
        .clsTopRightCorner
            {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 20px;
                height: 20px;
                background: #609 url(images/corners/col_corner_bottom_right_purple.gif) no-repeat;
            }
        .clsBottomLeftCorner
            {
                position: absolute;
                bottom: -1px;
                left: 0px;
                width: 20px;
                height: 20px;
                background: #609 url(images/corners/col_corner_top_left_purple.gif) no-repeat;
            }
        .clsBottomRightCorner
            {
                position: absolute;
                bottom: -1px;
                right: 0px;
                width: 20px;
                height: 20px;
                background: #609 url(images/corners/col_corner_top_right_purple.gif) no-repeat;
            }
        .clsIndexSpanBottom
            {
                background: #609;
                position: absolute;
                bottom: -1px;
                left: 20px;
                width: 210px;
                height: 20px;
            }
        .clsIndexMainText
            {
                position: absolute;
                top: 30px;
                left: 10px;
                text-align: left;
                width: 228px;
                height: 190px;
                vertical-align: top;
            }

        .clsIndexTextLeft
            {
                position: absolute;
                top: 100px;
                left: 5px;
                border-right: 1px solid #609;
                border-left: 1px solid #609;
                width: 250px;
                text-align: center;
                height: 250px;
            }

        .clsIndexTextMiddle
            {
                position: absolute;
                top: 100px;
                left: 265px;
                border-right: 1px solid #609;
                border-left: 1px solid #609;
                width: 250px;
                text-align: center;
                height: 250px;
            }

        .clsIndexTextRight
            {
                position: absolute;
                top: 100px;
                left: 525px;
                border-right: 1px solid #609;
                border-left: 1px solid #609;
                width: 250px;
                text-align: center;
                height: 250px;
            }


    /* NEW Footer Styles (as of 3/22/2005 11:55AM) */

        .clsIndexCopyRight
            {
                position: absolute;
                top: 400px;
                left: 0px;
                font-size: 7pt;
                color: #CCC;
                text-align: center;
                width: 780px;
                font-variant: small-caps;
                padding-bottom: 20px;
            }

        .clsIndexMainCopyRight
            {
                position: absolute;
                top: 520px;
                left: 0px;
                font-size: 7pt;
                color: #CCC;
                text-align: center;
                width: 640px;
                font-variant: small-caps;
                padding-bottom: 20px;
            }