/**
 * $Id: screen.css 2009-02-02 $
 *
 *      This file defines the default style for XHTML pages conforming with the 
 *      Trapeze Style Guide.
 *
 * @author Marcos Abreu
 * @copyright Copyright (c) 2009, Trapeze, All rights reserved.
 *
 * Basic Groups:   
 *      Global  |   Structure   |   Text    |   Links
 *      Images  |   Headers     |   Lists
 *
 * Project Specific Groups:
 *
 */

/* @group Global */

body {
    margin: 0px;
    padding: 0px;
    background-color: #791214;
    text-align: center;
	min-width:994px;
}

/* @end */

/* @group Structure */

#Container {
    position: relative;
    width: 959px;
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: left;
}

    #Header, #Navigation, #MainContent, #FooterLinks, #Footer {
        position: relative;
        float: left;
        width: 100%;
    }

    #Header {
        height: 428px;
    }

    #Navigation {
        height: 88px;
    }

    #MainContent {
        height: 395px;
        background: transparent url('../images/bg-main-content.jpg') no-repeat top left;
    }

    #FooterLinks {
    }

    #Footer {
        background: transparent url('../images/bg-footer.png') no-repeat top left;
        height: 164px;
    }

/* @end */

/* @group Text  */
/* p, div, span, li, a, td, th, label */
body {
    color: #ffffff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 22px;
    line-height: 20px;
}

p {
    font-weight: bold;
    margin: 40px 0px 6px 0px;
    text-align: center;
}
/* @end */

/* @group Links */
#Container a {
    text-decoration: none;
	display:block;
	margin:0 auto;
}

#Container a:hover,
#Container a:active {
    text-decoration: underline;
}

/* @end */

/* @group Images */
a img {
    border: none;
}

#Footer img {
    margin-left: 397px;
}
/* @end */

/* @group Headers */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
    color: #4b4b4b;
    font-weight: bold;
}

h1 {
    font-size: 20px;
    height: 59px;
}

/* @end */

/* @group Lists */

ul.inline-list,
ul.inline-list li {
    display: inline;
}

ul.navigation {
    position: relative;
    float: left;
    width: 810px;
    padding: 0px 88px 0px 62px;
    background: transparent url('../images/bg-navigation.jpg') no-repeat top left;
    height: 88px;
}

ul.footer-links {
    position: relative;
    float: left;
    width: 616px;
    padding: 0px 168px 0px 175px;
    background: transparent url('../images/bg-footer-links.png') no-repeat top left;
    height: 110px;
}

ul li {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    /* overflow: hidden;  it cause the bug on IE. so we removed. */
}

ul.navigation li {
    height: 88px;
}

ul.footer-links li {
    height: 110px;
}
/* @end */

#MainContentFlash {
    z-index: 1;
}

#Info p {
    color: #791214;
    font-size: 14px;
    margin-top: 10px;
}


#chrome {
	width:994px;
	margin:0 auto;
}

#footer {
	clear:both;
	width:994px;
	margin:0 auto;
}



#BigPopUpContent {
    position: relative;
    float: left;
    width: 100%;
    background-color: #791214;
}

    #BigPopUpContent div {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
    }

#DMCListLink {
    position: relative;
    float: left;
    top: -110px;
    left: 282px;
    width: 420px;
    z-index: 20;
}

#DMCListLink a {
    color: #FFF7CA;
    font-size: 18px;
    font-weight: bold;
}