
/**
* global.css
* Copyright 2009, Brainstorm
* Hiroki
*/

body {
    margin : 0;
    padding : 0;
    background : #3a1e1e url(../images/left_side_border.jpg) top left no-repeat;
    font-family : verdana, arial, sans-serif;
    font-size : 8.5pt;
    color : #808080;
}

a {
    color : #585858;
}

a:hover {
    color : #cf3a3f;
}

@media print {
    body {
        background : #fff;
        color : #000;
    }
}

img {
    border : 0px;
}

img.left {
    float : left;
    margin : 0 5px 5px 0;
}

img.right {
    float : right;
    margin : 0 0 5px 5px;
}

img.center {
    clear : both;
    margin : 0 auto 10px auto;
}

h1 {
    margin-top : 0px;
    font-family : trebuchet ms, trebuchet, sans-serif;
    font-size : 18pt;
    font-weight : normal;
    line-height : 1em;
    color : #575757;
}

h1 em {
    font-size : 14pt;
    font-style : normal;
    color : #9a9a9a;
}

h2 {
    font-size : 14pt;
    font-weight : normal;
    color : #9a9a9a;
}

h3 {
    color : #575757;
    font-size : 1em;
    margin : 6px 0;
}

#mastercontainer {
    padding : 0 0 30px 0;
    width : 1000px;
}

@media print {
    #mastercontainer {
        padding-bottom : 0;
        width : auto;
    }
}

#innermastercontainer {
    padding : 0 0 0 76px;
}

@media print {
    #innermastercontainer {
        padding-left : 0;
    }
}

/*
* Header
*/
#headercontainer {
    height : 114px;
    background : #fff;
}

#logocontainer {
    padding : 38px 0 0 0;
}

#taglinecontainer {
    padding : 47px 0 0 0;
    float : right;
    width : 608px;
    height : 41px;
}

@media print {
    #headercontainer {
        margin-bottom : 20px;
        height : auto;
    }
    
    #logocontainer {
        padding-top : 0;
    }
    
    #taglinecontainer {
        display : none;
    }
}

/*
* Navigation
*/
#navigationcontainer {
    float : left;
    width : 148px;
}

#navigation {
    margin : 0;
    padding : 0;
}

#navigation li {
    margin : 0;
    padding : 0;
    list-style : none;
}

/* ie */
* html #navigation li {
    display : block;
    float : left;
    width : 100%;
}

#navigation li span {
    display : block;
    padding : 12px 0 1px 0;
    border-bottom : 1px solid #999;
}

#navigation a {
    display : block;
    font-weight : bold;
    color : #cf3a3f;
    text-decoration : none;
}

#navigation a:hover {
    color : #999;
}

#navigation a.selected {
    color : #999;
}

#navigation a.selected:hover {
    color : #cf3a3f;
}

#navigation .subnavigationcontainer {
    padding-bottom : 9px;
}

#navigation .subnavigationcontainer ul {
    margin : 0;
    padding : 0;
}

#navigation .subnavigationcontainer ul li {
    margin : 8px 0 0 0;
    padding : 0;
    border : 0;
    font-size : 7.5pt;
}

#navigation .subnavigationcontainer ul li a {
    color : #999;
}

#navigation .subnavigationcontainer ul li a.selected {
    color : #575757;
}

#navigation .subnavigationcontainer ul li a:hover {
    color : #cf3a3f;
}

@media print {
    #navigation {
        display : none;
    }
}

/*
* Content body
*/
#contentmastercontainer {
    margin : 0 0 0 148px;
    background : #fff;
}

#contentbodycontainer {
    float : left;
    background : #fff url(../images/content_top_box.gif) top left no-repeat;
    width : 522px;
    min-height : 409px;
}

* html #contentbodycontainer {
    height : 409px;
}

#contentbody {
    padding : 28px 28px 14px 28px;
}

#printthispagecontainer {
    margin : -12px -12px 0 0;
    float : right;
}

#printthispagecontainer a{
    text-decoration : none;
    color : #b4b4b4; /* needs to be bfbfbf after calculating for opacity */
    font-size : 9pt;
}

@media print {
    #contentmastercontainer {
        margin : 0;
    }
    
    #contentbodycontainer {
        float : none;
        background : transparent;
        width : auto;
    }
    
    #contentbody {
        padding : 0;
    }
    
    #printthispagecontainer {
        display : none;
    }
}

/*
* Right side boxes
*/
#rightsidebarcontainer {
    margin : 0 0 0 16px;
    float : left;
    width : 202px;
}

#engagewithuscontainer {
    margin : 0 0 5px 0;
    width : 202px;
    height : 199px;
    background : transparent url(../images/side_engage_us.jpg) top left no-repeat;
}

#engagewithusinner {
    padding : 60px 0 0 19px;
    color : #fff;
}

#engagewithusinner #engagewithuslinks {
    margin : 14px 0 0 0;
    padding : 0;
}

#engagewithusinner #engagewithuslinks li {
    margin : 0 0 7px 0;
    padding : 0;
    list-style : none;
    font-size : 8pt;
    line-height : 1em;
}

/* ie, again */
* html #engagewithusinner #engagewithuslinks li {
    display : block;
    float : left;
    width : 100%;
}

#engagewithusinner #engagewithuslinks a {
    display : block;
    padding : 0 0 0 13px;
    background : transparent url(../images/engage_link_arrow.gif) 0 1px no-repeat;
    color : #fbcbc1;
    font-weight : bold;
    text-decoration : none;
}

@media print {
    #rightsidebarcontainer {
        display : none;
    }
}

/*
* Footer
*/
#footercontainer {
    clear : left;
    padding : 1px 4px 0px 31px;
    height : 20px;
    border-top : 1px solid #d1d1d1;
    background : #e1e1e1;
    font-size : 8pt;
    color : #575757;
}

#footernavigation {
    margin : 0;
    padding : 0;
}

#footernavigation li {
    display : block;
    float : left;
    margin : 0;
    padding : 3px 36px 0 0;
    list-style : none;
}

#footernavigation li a {
    color : #575757;
    text-decoration : none;
}

#footercopyright {
    float : right;
    text-align : right;
}

#footercopyright a {
    text-decoration : none;
}

#footercopyright sup {
    font-size : 6pt;
}

@media print {
    #footercontainer {
        clear : none;
        margin-top : 20px;
        padding : 0;
        height : auto;
        border-top : 0;
        background : transparent;
        color : #575757;
    }
    
    #footernavigation {
        display : none;
    }
    
    #footercopyright {
        float : none;
        text-align : left;
        color : #777;
    }
}

