
/**
* global.css
* Copyright 2008, Brainstorm
* Hiroki
*/

body {
    margin : 0;
    padding : 0;
    background : #fff;
    font-family : trebuchet ms, trebuchet, helvetica, sans-serif;
    font-size : 9pt;
    color : #6a6a6a;
}

a {
    color : #444;
}

h1 {
    font-size : 12pt;
    color : #869eb2;
}

#contentbodybody h1 {
    margin-top : 0;
}

img {
    border : 0;
}

a img {
    text-decoration : none;
}

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;
}

@media print {
    body, h1 {
        color : #000;
    }
}

@media screen {
    .printonly {
        display : none;
    }
}

#mastercontainer {
    padding : 0 0 30px 0;
    width : 1000px;
}

@media print {
    #mastercontainer {
        padding-bottom : 0;
    }
    
    #contentbodybody h1 {
        margin-top : 1em;
    }
}

/*
* Header
*/

#headercontainer {
    margin : 0 0 1px 0;
    border-top : 5px solid #869eb2;
    border-bottom : 13px solid #98c15c;
}

#headerinnercontainer {
    background : #fff url(../images/header_bg.gif) top left repeat-x;
    height : 99px;
}

#sitetitlecontainer {
    float : right;
    padding : 64px 28px 0 0;
}

#logocontainer {
    padding : 10px 0 0 68px;
}

@media print {
    #headercontainer {
        padding : 0;
        border : 0;
    }
    
    #headerinnercontainer {
        background : transparent;
        height : auto;
    }
    
    #sitetitlecontainer {
        display : none;
    }
    
    #logocontainer {
        padding : 0;
    }
}

/*
* Main navigation
*/
#mainnavigationcontainer {
    height : 32px;
    background : transparent url(../images/main_nav_bg.gif) top left repeat-x;
}

#mainnavigation {
    margin : 0 0 0 67px;
    padding : 0;
}

#mainnavigation li {
    display : block;
    float : left;
    margin : 0 35px 0 0;
    padding : 0;
    list-style : none;
}

#mainnavigation #mainnavhomelinkcontainer {
    float : right;
    margin-right : 58px;
}

#mainnavigation a {
    display : block;
    height : 32px;
    font-size : 10pt;
    font-weight : bold;
    color : #d7e0e6;
    text-decoration : none;
    line-height : 32px;
}

* html #mainnavigation a {
    float : left;
}

#mainnavigation a:hover,
#mainnavigation a.selected {
    color : #fff;
}

@media print {
    #mainnavigationcontainer {
        display : none;
    }
}

/*
* Sub navigation
*/
#subnavigationcontainer {
}

#subnavigation {
    margin : 0;
    padding : 0;
}

#subnavigation li {
    display : block;
    float : left;
    margin : 0 35px 0 0;
    padding : 0;
    list-style : none;
}

#subnavigation a {
    display : block;
    font-size : 10pt;
    font-weight : bold;
    color : #d7e0e6;
    text-decoration : none;
}

* html #subnavigation a {
    position : relative;
}

#subnavigation a:hover,
#subnavigation a.selected {
    color : #fff;
}

@media print {
    #subnavigationcontainer {
        display : none;
    }
}

/*
* Tertiary navigation
*/
#tertiarynavigationcontainer {
}

#tertiarynavigation {
    margin : 20px 0 0 10px;
    padding : 0;
}

#tertiarynavigation li {
    margin : 0 0 16px 0;
    padding : 0;
    list-style : none;
    font-size : 10pt;
}

#tertiarynavigation a {
    color : #869eb2;
}

#tertiarynavigation a.selected,
#tertiarynavigation a:hover {
    color : #596e7f;
    text-decoration : none;
}

/*
* Start of body
*/
#bodyoutercontainer {
    min-height : 465px;
    background : transparent url(../images/body_bg.gif) top left repeat-x;
}

* html #bodyoutercontainer {
    height : 465px;
}

/* global background image settings */
#bodyinnercontainer {
    background-position : top left;
    background-repeat : no-repeat;
    min-height : 465px;
}

* html #bodyinnercontainer {
    height : 465px;
}

@media print {
    #bodyoutercontainer, #bodyinnercontainer {
        background : transparent;
        min-height : 0;
    }
    
    * html #bodyoutercontainer,
    * html #bodyinnercontainer {
        height : auto;
    }
}

/*
* Ribon
*/
#ribboncontainer {
    border-bottom : 1px solid #bdcad5;
}

#ribbon {
    background : transparent url(../images/ribbon_bg.png) top left repeat-x;
    height : 111px;
}

* html #ribbon {
    background : transparent;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ribbon_bg.png', sizingMethod='scale');
}

@media print {
    #ribboncontainer {
        border : 0;
    }
    
    #ribbon {
        background : transparent;
        height : auto;
    }
}

/*
* Content box
*/
#contentbodycontainer {
    margin : 12px 0 0 45px;
    width : 638px;
}

#contentbodycap {
    height : 17px;
    background : transparent url(../images/content_box_tab.png) top left no-repeat;
}

* html #contentbodycap {
	margin-bottom : -1px; /* ie6 adding a weird empty line here */
    background : transparent;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content_box_tab.png', sizingMethod='crop');
}

#contentbodybody {
    padding : 0 23px;
    background : #ecf0f3;
    min-height : 330px;
}

* html #contentbodybody {
    height : 330px;
}

@media print {
    #contentbodycontainer {
        margin : 1em 0 0 0;
        width : auto;
    }
    
    #contentbodycap {
        display : none;
    }
    
    #contentbodybody {
        padding : 0;
        background : transparent;
        min-height : 0;
    }
    
    * html #contentbodybody {
        height : auto;
    }
}

/*
* print button
*/
#printbuttoncontainer {
    float : right;
    width : 52px;
}

* html #printbuttoncontainer {
    position : relative;
}

@media print {
    #printbuttoncontainer {
        display : none;
    }
}

/*
* Footer
*/
#footercontainer {
    padding : 2px 0 0 12px;
    height : 18px;
    background : #6c7681;
    font-size : 7.5pt;
    color : #fff;
}

#footercontainer a {
    color : #fff;
    text-decoration : none;
}

#footercontainer sup {
    font-size : 5.5pt;
}

@media print {
    #footercontainer {
        clear : both;
        padding-left : 0;
        color : #000;
        background : transparent;
    }
    
    #footercontainer a {
        color : #000;
    }
}
