@media all
{
    .clear
    {
        clear:both;
    }

    .hidden
    {
        display:none;    
    }

    body, td, th
    {
        font-family: 'Century Gothic' , Arial, Helvetica, Sans-Serif;
        font-size: 0.9em;
    }

    body
    {
        background-color: #990000;
        margin:0px;
        padding:0px;
    }

    table
    {
        padding: 0px;
        margin: 0px;
    }

    td img
    {
        display: block; /* Required by Dreamweaver */
    }

    h1, h2, h3, h4, h5, h6
    {
        font-family: 'Century Gothic' , Arial, Helvetica, Sans-Serif;
        text-align: left;
        margin: 0px;
        padding: 0px;
        line-height: normal;
    }

    h1
    {
        font-size: 1.5em;
        font-weight: bold;
    }

    h2
    {
        font-size: 1.2em;
        font-weight: bold;
    }

    h3
    {
        font-size: 1em;
        font-weight: bold;
    }

    h4
    {
        font-size: 1em;
        font-weight: normal;
    }

    h5
    {
        font-size: 1em;
        font-weight: normal;
    }

    h6
    {
        font-size: 1em;
        font-weight: normal;
    }

    p
    {
        font: 0.8em/1.2em 'Century Gothic' , Arial, Helvetica, sans-serif;
    }
    
    ul li
    {
        font: 0.8em/1.2em 'Century Gothic' , Arial, Helvetica, sans-serif;
    }

    #MainFrame
    {
        width: 100%;
        text-align: center;
        background: #990000 url( '/pride/2006/images/layout/background_gradient.gif' ) repeat-x;
        margin-left:auto;
        margin-right:auto;
    }

    #PageFrame
    {
        width: 780px;
        margin-left:auto;
        margin-right:auto;
    }

    #PageContents
    {
        background: #990000 url( '/pride/2006/images/layout/left_right_glow.gif' ) repeat-y;
    }

    #Header
    {
        height: 133px;
        background: #990000 url( '/pride/2006/images/layout/header_background.gif' ) repeat-x;
    }

    #HeaderLeft
    {
        float: left;
        width: 35px;
        height: 133px;
        background: url( '/pride/2006/images/layout/header_left_glow.gif' ) no-repeat;
    }

    #HeaderRight
    {
        float: right;
        width: 35px;
        height: 133px;
        background: url( '/pride/2006/images/layout/header_right_glow.gif' ) no-repeat;
    }

    #HeaderContents
    {
        text-align: left;
        padding: 26px 0px 3px 0px;
        overflow: hidden;
    }

    #Contents
    {
        background: url( '/pride/2006/images/layout/left_glow_gradient.gif' ) no-repeat top left;
    }

    #ContentsContents
    {
        background: url( '/pride/2006/images/layout/right_glow_gradient.gif' ) no-repeat top right;
        padding: 1px 27px 0px 27px;
        overflow: hidden;
        text-align: left;
    }

    #Footer
    {
        vertical-align: bottom;
        height: 47px;
        overflow: hidden;
        background: url( '/pride/2006/images/layout/footer_background.gif' ) repeat-x;
        color: #FFFFFF;
    }

    #FooterLeft
    {
        float: left;
        width: 35px;
        height: 47px;
        background: url( '/pride/2006/images/layout/footer_left.gif' ) no-repeat;
    }

    #FooterRight
    {
        float: right;
        width: 35px;
        height: 47px;
        background: url( '/pride/2006/images/layout/footer_right.gif' ) no-repeat;
    }

    #FooterContents
    {
        margin: 6px 35px 26px 35px;
        height: 47px;
        overflow: hidden;
        font: bold 0.9em/normal 'Century Gothic' , Arial, Helvetica, sans-serif;
    }

    #Footer a, #Footer a:link, #Footer a:visited, #Footer a:active
    {
        color: #FFED14;
        font-weight: normal;
        text-decoration: none;
    }

    #Footer a:hover
    {
        text-decoration: underline;
    }

    /*****************************************************************************************************************
     * Menu Page
     *****************************************************************************************************************/
    #Menu
    {
        text-align: left;
        padding-bottom: 1px;
    }

    #InnerContents
    {
        padding-bottom: 30px;
        height: 100%;
    }

html,
body,
form,
#MainFrame,
#PageFrame,
#PageContents,
#Header,
#Contents,
#ContentsContents,
#InnerContents,
#HomeContents,
#HomeContentsLeft,
#HomeContentsRight,
#Footer
{
    min-height:100%;
}

#InnerContents:after,
#HomeHeader:after
{
    content:"";
    display:block;
    height:0;
    clear:both;
}

#hackhd
{
    display:none;
}

* html #hackhd
{
    display:inline;
}

    .footer
    {
        font: 10px/normal 'Century Gothic' , Arial, Helvetica, sans-serif;
        margin-top: 30px;
        clear: both;
        width: 70%;
        border-top: 1px solid #CDCDCD;
        padding-left: 5px;
    }
    
    .footer p
    {
        font-size:10px;
    }

    .NewsLetter input
    {
        font-size:10px;
    }
    /*****************************************************************************************************************
     * Front Page
     *****************************************************************************************************************/
    #HomeHeader
    {
        height: 355px;
        padding: 10px;
    }

    #HomeGraphic
    {
        float: left;
        overflow: hidden;
        width: 543px;
        height: 218px;
        border: 1px solid #FFFFFF;
    }

    #HomePrideNews
    {
        float: right;
        width: 360px;
        height: 218px;
        background: #447247 url( '/pride/2006/images/layout/front/pridenews_background.gif' ) repeat-x;
        border: 1px solid #FFFFFF;
    }

    #HomePrideNews h2
    {
        display: block;
        background-color: #447247;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1.2em;
        padding: 5px;
        border-bottom: 1px solid #FFFFFF;
    }

    #HomePrideNews .HPNLinks
    {
        font-size:0.8em;
        padding-top:12px;
        padding-right:5px;
        position:relative;
        bottom:0px;
        text-align:right;
    }

    #HomePrideNews .HPNLinks a,
    #HomePrideNews .HPNLinks a:link,
    #HomePrideNews .HPNLinks a:active,
    #HomePrideNews .HPNLinks a:visited
    {
        color:#FFFFFF;
        text-decoration: none;
    }    

    #HomePrideNews .HPNLinks a:hover
    {
        color:#FFD014;
        text-decoration: underline;
    }

    #HomePrideNews ul
    {
        width: 360px;
        margin: 0px;
        padding: 0px;
        list-style-type: disc;
        list-style-position: outside;
        font: normal 0.9em/normal 'Century Gothic' , Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-align: left;
        margin-top: 5px;
    }

    #HomePrideNews ul li
    {
        display: block;
        padding: 0px;
        width: 360px;
        height: 20px;
    }

    #HomePrideNews .new
    {
        color:#990000;
        font-weight: bold;
    }

    #HomePrideNews ul li .date
    {
        width: 70px; 
        color: #C0C0C0;
    }
    
    #HomePrideNews h3
    {
        color:#FFFFFF;
        font-weight:bold;
        padding-left:5px;
    }
    
    #HomePrideNews h3.news
    {
        color:#FFD014;
    }
    
    #HomePrideNews ul li a
    {
        display: block;
        padding: 3px 5px 0px 5px;
        height: 20px;
    }

    #HomePrideNews ul li a,
    #HomePrideNews ul li a:link,
    #HomePrideNews ul li a:visited,
    #HomePrideNews ul li a:active
    {
        text-decoration: none;
        color: #E0E0E0;
    }

    #HomePrideNews ul li a:hover
    {
        text-decoration: none;
        color: #FFD014;
        background-color: #447247;
    }

    #HomePrideNews a .date
    {
        cursor: pointer;
        display: block;
        float: left;
        width: 4em;
        padding-left: 0px;
    }

    #HomePrideNews ul li.news
    {
        color: #FFFFFF;
    }

    #HomePrideNews ul li.news .date
    {
        color: #F0F0F0;
    }

    #HomePrideNews ul li.news a,
    #HomePrideNews ul li.news a:link,
    #HomePrideNews ul li.news a:visited,
    #HomePrideNews ul li.news a:active
    {
        color: #FFFFFF;
    }

    #HomePrideNews .NewsLetter input
    {
        font-size:10px;
    }

/* ADDED STUFF */
    #InnerContents
    {
        height:100%;
        background: white url('/pride/2006/images/layout/front/top_background.gif') repeat-x;
    }

    #HomeHeader
    {
        height:auto;
    }

    #HomeContents
    {
        padding: 10px;
        clear:both;     
    }
    
    #HomeContentsLeft
    {
        float:left;
        width: 200px;
        height:100%;
        background:#6EAAD3 url('/bluecorner.gif') no-repeat top right;
        padding:10px;
    }

    #HomeContentsLeft h1
    {
        color:#1569A1;
        width: 70%;
        border-bottom: 1px solid #1569A1;
    }

    #HomeContentsRight
    {
        float:right;
        width:664px;
        height:100%;
        background:#FFBE70 url('/orangecorner.gif') no-repeat top left;
        padding:10px;
    }
    
    #HomeContentsRight h1
    {
        color:#E57E00;
        text-align:right;
        width: 70%;
        margin-left:30%;
        border-bottom: 1px solid #E57E00;
    }

    .ContentsItem
    {
        padding: 0px;
        margin-bottom:50px;
    }
    
    .ContentsItem h1
    {
        margin-bottom:20px;
    }
    
    .ContentsItem .left
    {
        height:100%;
        float:left;
        display:block;
        padding: 0px 10px 10px 0px;
        border-right:1px solid;
    }
    
    .ContentsItem .right
    {
        height:100%;
        float:right;
        display:block;
        padding: 0px 0px 10px 10px;
    }

    .ContentsItem p
    {
        padding-top: 0px;
        margin-top:1px;
    }

/* CONSOLIDATION */
    .centered
    {
        text-align:     center;
    }
    
    .pageheader
    {
        padding:        10px;
        height:         auto;
    }
    
    .pageheader .contents
    {
        margin-left:    553px;
    }

    .pageheader h1
    {
        color:          #20500B;
        font-size:      4em;
        font-weight:    normal;
        text-align:     right;
    }

    .pageheader img.headerpicture
    {
        float:          left;
        border:         1px solid white;
    }
    
    .pagecontents
    {
        padding:        10px;
        clear:          both;     
    }
    
    .pagecontents .sidebar
    {
        float:          left;
        width:          200px;
        height:         100%;
        background:     #6EAAD3 url('/bluecorner.gif') no-repeat top right;
        padding:        10px;
    }

    .pagecontents .sidebar h1
    {
        color:          #1569A1;
        width:          70%;
        border-bottom:  1px solid #1569A1;
    }   

    .pagecontents .contents
    {
        float:          right;
        width:          664px;
        height:         100%;
        background:     #FFBE70 url('/orangecorner.gif') no-repeat top left;
        padding:        10px;
    }
    
    .pagecontents .contents h1
    {
        clear:          both;
        color:          #E57E00;
        text-align:     right;
        width:          70%;
        margin-left:    30%;
        border-bottom:  1px solid #E57E00;
    }
    
    .pagecontents .sidebar  .story,
    .pagecontents .contents .story    
    {
        padding:        0px;
        margin-bottom:  50px;
    }

    .pagecontents .sidebar  .story h1,
    .pagecontents .contents .story h1   
    {
        margin-bottom:  20px;
    }
    
    #overDiv
    {
        position:       absolute;
        visibility:     hidden;
        z-index:        1000000;
    }

    #cache
    {
        cursor:         pointer;
        position:       absolute;
        padding:        10px;
        visibility:     visible;
        background-color:black;
        display:        none;
        z-index:        10000;
        width:          917px;
    }

    #InnerContents
    {
        background: url('/pride/2006/images/background.jpg') no-repeat;
        padding-left: 5px;
        padding-right: 5px;
    }

    h1
    {
        text-align: right;
        padding-right: 5px;
        color:#20500B;
        font-size: 45px;
        font-weight: normal;
    }

    h2
    {
        color:#d76b4f;
        font-size: 20px;
        padding-bottom:5px;
    }

    h3
    {
        color: #007a29;
        font-size: 16px;
    }

    p
    {
        font-size: 1.03em;
    }

    .moviepic
    {
        margin: 5px;
        float:left;
        text-align:center;
    }

    img.moviepic,
    .moviepic img
    {
        border: 1px solid black;
    }
}