/* ------------------------------------------ */
/* universal appearance */

/* -- NOTE: FONTS and IMG styles to be kept in appropriate css -- */
@import '_font.css';
@import '_img.css';
@import '_nav.css';
@import '__box.css';


body, .footer, .header{
    background-color: #373b3c;
}

body {
    text-align: center; /* IE: to center */
    z-index: -10000;
    font-size: 90%;
    background-color: #373b3c;
}
/* ========================================== */
/* layout */
/*
|----------------------|
| .container           |
||--------------------||
|| .header (211px)    ||
||--------------------||
|| .search (45px)     ||
||--------------------||
|| .navigation        ||
||--------------------||
|| .content           ||
|| ---------          ||
|| |.main  |  ------- ||
|| |       |  |.box | ||
|| |       |  |     | ||
|| |       |  ------- ||
|| ---------          ||
||--------------------||
|| .footer            ||
||--------------------||
|----------------------|
.outer_footer
*/

.contain { /* main container*/
    position: relative;
    top: 20px;
    background-color: #ffffff;
    width: 800px;
    z-index:0;
    margin: 0 auto;   /* align for compliant browsers */
    text-align: left; /* IE: counter the body center */
}
.nav_bg{
    position: relative;
    top: 0px;
    background-color: #333333;
    height: 230px;
    width: 800px;
    z-index:1;
}
.home_header{
	height:211px; width:800px; display:block;
}
.header{
    background-image:url(/site_media/img/Header_Generic.jpg);     
    background-position:center;     
    background-repeat: no-repeat;    
    border-bottom: 3px solid #ffffff;    
    height: 211px;    
    margin-top: -230px;    
    position: relative;    
    width: 800px;    
    z-index:100;    
}
.navigation{
    position: relative;
    background-image: url(/site_media/img/gradient_buttons.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 36px;
    width: 800px;
    z-index:100;
}
.error_message{
    background-color: #FFE1CE; 
    padding: 5px 7px; 
    margin: 10px 0px; 
    border: 1px solid #FEC2A9;
/*    filter:alpha(opacity=50);
    opacity: 0.5;*/
}
.search{
    clear: both;
    height: 33px;
    padding-top: 12px;
    padding-right: 36px;
}
.search_field, .search_fellow, .search_page, .search_year{
    border: 1px solid #b1b3b6; 
    color:#999;
    font-size: .85em;
    height:15px; 
}
.search_field{
    width: 225px;
}
.search_fellow{
    text-align: left;
    width: 163px;
}
.search_page{
    width: 250px;
}
.search_year{
    width: 6em;
}
.search_field, .search_page, .search_page_form, .search_year, .search_page_form{
    text-align: center;
}
.search_page_form{
    background-color: #ddd;
    padding-top: 6px;
    height: 25px;
}
.report_list{
    margin: 10px 20px;
}

.content{
    clear: both;
    background-color:#fefefe;
    padding-bottom: 40px;
}
.main{
    float: left;
    width: 500px;
    margin-left: 40px;
    padding-bottom: 40px;
}
.content li{
    margin-left: 10px;
    padding: 5px 0px;
    list-style-type: circle;
}
.content ul, .content ol {
    margin-left:10px;
}

.footer { /*background-colour at top*/
    clear: both;
    height: 30px;
    background-image: url(/site_media/img/footer.png);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 4px;
    border-top: 3px solid #fff;
}
.outer_footer { /* for aew tag external to rest of site */
    clear:both;
    width: 100%;
}


/* ========================================== */
/* section */
/* This is the default section style. Specific sections have own style that over-ride this. */

.header_aero, .content_header{
    background-image:url(/site_media/img/header_plane.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 46px;
    margin-bottom: 0px;
    padding-right: 70px;
    top: -10px;
}
h2{
    margin: 17px 0px 6px 0px;
    padding: 0px;
}
h3{
    margin: 0px;
    padding: 6px 0px 0px 0px;
}
.text_content{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}
.text_intro{
    margin-bottom: 32px
}
.text_title{
    padding: 5px 0px; 
    font-weight: bold;
}
.arrow, .arrow-show{
    float:right;
    background-image:url(/site_media/img/arrow-sprite_report.png);
    background-repeat:no-repeat;
    width: 25px;
    height: 19px;
    margin-bottom: -15px;
}
.arrow-show{
    background-position: 0px -25px;
}
.report_header{
    font-weight:bold;
    margin: 5px 0px;
    padding: 5px 10px;
    background-color: #e5e6e7;
    color:#1b3563;
}
.key_graphic {margin: 0 5px 7px 0;}
/*.home_graphic a:hover{opacity:0.4;filter:alpha(opacity=40);}*/
.text_content{padding: 5px 0px; color:#666;}
.text_search{padding:4px 35px 4px 5px;}