/* *************************************************************** STRUCTURE */
body
{
    margin:0px;
    background-color: #000000;
    font-family: verdana, sans serif;
    font-size: 12px;
    line-height: 16px
}

/*
div#div_outer
{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    position:absolute;
    width:980px;
}*/
div#div_main
{
    width: 980px;
    background: url('../../images/oa/eg_inner/bg.jpg') no-repeat;
    background-color: #ffffff;
    margin-top: 15px;
    z-index: 50000;
}
div#div_body
{
    width:980px;
}
div#div_footer
{
    background: url('../../images/oa/eg_inner/footer_bg.png') no-repeat;
    width: 980px;
    height: 84px;
    padding-bottom: 52px;   /* allow space for return to top button */
}
li
{
    margin-top: 6px;
    margin-bottom: 6px;
}
p
{
    margin-top: 6px;
    margin-bottom: 6px;
}


/* *************************************************************** NAVIGATION */
div#div_nav
{
    width: 980px;
    height: 20px;
}
div.nav_button a
{
    display: block;
    height: 20px;
    text-decoration: none;
    color: #0000ff;
}
div.nav_button a span
{
    text-align: center;
    left: 23px;
    display: block;
    position: absolute;
    height: 20px
    color: #0000ff;
    font-weight: bold;
    top: 3px;
}
div.nav_button a#nav_1
{
    width: 96px;
    background: url('../../images/oa/eg_inner/nav_home_bg.gif') no-repeat;
}
div.nav_button a#nav_1:hover { background: url('../../images/oa/eg_inner/nav_home_bg_f2.gif') no-repeat; }
div.nav_button a#nav_1 span { width: 60px; }
div.nav_button a#nav_2
{
    width: 196px;
    background: url('../../images/oa/eg_inner/nav_cs_bg.gif') no-repeat;
}
div.nav_button a#nav_2:hover { background: url('../../images/oa/eg_inner/nav_cs_bg_f2.gif') no-repeat; }
div.nav_button a#nav_2 span { width: 160px; }
div.nav_button a#nav_3
{
    width: 177px;
    background: url('../../images/oa/eg_inner/nav_gal_bg.gif') no-repeat;
}
div.nav_button a#nav_3:hover { background: url('../../images/oa/eg_inner/nav_gal_bg_f2.gif') no-repeat; }
div.nav_button a#nav_3 span { width: 141px; }
div.nav_button a#nav_4
{
    width: 113px;
    background: url('../../images/oa/eg_inner/nav_hist_bg.gif') no-repeat;
}
div.nav_button a#nav_4:hover { background: url('../../images/oa/eg_inner/nav_hist_bg_f2.gif') no-repeat; }
div.nav_button a#nav_4 span { width: 77px; }
div.nav_button a#nav_5
{
    width: 113px;
    background: url('../../images/oa/eg_inner/nav_sci_bg.gif') no-repeat;
}
div.nav_button a#nav_5:hover { background: url('../../images/oa/eg_inner/nav_sci_bg_f2.gif') no-repeat; }
div.nav_button a#nav_5 span { width: 77px; }
div.nav_button a#nav_6
{
    width: 123px;
    background: url('../../images/oa/eg_inner/nav_soph_bg.gif') no-repeat;
}
div.nav_button a#nav_6:hover { background: url('../../images/oa/eg_inner/nav_soph_bg_f2.gif') no-repeat; }
div.nav_button a#nav_6 span { width: 87px; }
div.nav_button a#nav_7
{
    width: 142px;
    background: url('../../images/oa/eg_inner/nav_tech_bg.gif') no-repeat;
}
div.nav_button a#nav_7:hover { background: url('../../images/oa/eg_inner/nav_tech_bg_f2.gif') no-repeat; }
div.nav_button a#nav_7 span { width: 106px; }


/* *********************************************************** Return to Top */
div#return_to_top {
    position: fixed;
    bottom:0px;
    margin: 0px auto;
    height:22px;
    background-color: black;
    width: 980px;
    color: white;
    font-size: 24px;
    padding: 12px 12px;
    z-index: 100;
    display: none;
}

div#return_to_top a {
    color: white;
}



/* ******************************************************************** BODY */
div#div_body_header
{
    left: 148px;
    width: 711px;
    height: 68px;
}
div#div_body_header.cs { background: url('../../images/oa/eg_inner/header_cs_bg.png') no-repeat;  }
div#div_body_header.gal { background: url('../../images/oa/eg_inner/header_gal_bg.png') no-repeat;  }
div#div_body_header.hist { background: url('../../images/oa/eg_inner/header_hist_bg.png') no-repeat;  }
div#div_body_header.home { background: url('../../images/oa/eg_inner/header_home_bg.png') no-repeat;  }
div#div_body_header.sci { background: url('../../images/oa/eg_inner/header_sci_bg.png') no-repeat;  }
div#div_body_header.soph { background: url('../../images/oa/eg_inner/header_soph_bg.png') no-repeat;  }
div#div_body_header.tech { background: url('../../images/oa/eg_inner/header_tech_bg.png') no-repeat;  }
div#div_body_header span
{
    font-size: 32px;
    display: block;
    width: 601px;
    left: 55px;
    padding-top: 8px;
    line-height: 36px;
}
div#div_body_panels
{
    left: 147px;
    top: 88px;
}
div#div_body_panels div.top
{
    width: 711px;
    height: 40px;
    background: url('../../images/oa/eg_inner/body_panel_top.png') no-repeat;
}
div#div_body_panels div.top div.top_label
{
    width: 180px;
    height:23px;
    position: relative;
    left: -250px;
    top: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
    text-align: left;
}
div#div_body_panels div.top div.top_label span
{
    display: block;
    padding-top:4px;
    padding-left:4px;
    font-weight: bold;
    text-align: left;
}
div#div_body_panels div.topshort
{
    width: 711px;
    height: 9px;
    background: url('../../images/oa/eg_inner/body_panel_topshort.png') no-repeat;
}
div#div_body_panels div.middle
{
    width: 711px;
    background: url('../../images/oa/eg_inner/body_panel_middle.png') repeat-y;
}
div#div_body_panels div.middle span
{
    display: block;
    width: 671px;
    text-align: left;
    padding-left: 2px;
    padding-right: 10px;
    padding-bottom: 8px;
    margin:0px;
}
div#div_body_panels div.bottom
{
    width: 711px;
    height: 20px;
    background: url('../../images/oa/eg_inner/body_panel_bottom.png') no-repeat;
}
a.topic_button
{
    display:block;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    border: 1px solid #000000;
    background-color: #cccccc;
    width: 180px;
    text-align: center;
    padding: 3px;
}
a:hover.topic_button
{
    background-color: #a0a0a0;
}


/* ****************************************************************** FOOTER */
div.foot_button a
{
    text-decoration: none;
    color: #000000;
    width: 172px;
    height: 23px;
    display: block;
    background-color: #cccccc;
    border: 1px solid #000000;
}
div.foot_button a:hover
{
    background-color: #a0a0a0;
    border: 1px solid #000000;
}
div.foot_button a span
{
    position: absolute;
    top: 5px;
    left: 2px;
    font-weight: bold;
    width: 168px;
}




/** Table type - datapanels *************************************************************************/

    div.datapanel
    {
        display: block;
        border-style: solid;
        border-width: 2px;
        background-color: #ffffff;
        margin: 6px;
    }

    div.datapanel table
    {
        width:100%;
    }

    div.datapanel table td
    {
        text-align: left;
        vertical-align: top;
        background-color: #e8e8e8;
        width: 100%;
        font-size: 12px;
    }

    div.datapanel table th
    {
        text-align: left;
        vertical-align: top;
        background-color: #e0e0e0;
        font-size: 12px;
    }

    div.dpposleft33 { width:33%; clear:left; float:left; }
    div.dpposleft50 { width:49%; clear:left; float:left; }
    div.dpposleft66 { width:65%; clear:left; float:left; }
    div.dpposright33 { width:33%; clear:right; float:right; }
    div.dpposright50 { width:49%; clear:right; float:right; }
    div.dpposright66 { width:65%; clear:right; float:right; }
    div.dpposcenter50 { width:49%; margin-left: 25%; margin-right:25%;}
    div.dpposcenter100 { width:98%; }


/** Table type - imagepanels *************************************************************************/

    div.imagepanel
    {
        display: block;
        border-style: solid;
        border-width: 2px;
        background-color: #ffffff;
        margin: 6px;
        font-size: 12px;
    }

    div.imagepanel table
    {
        width:100%;
    }

    div.imagepanel table td
    {
        text-align: left;
        vertical-align: top;
        background-color: #e8e8e8;
        width: 100%;
        font-size: 12px;
    }

    div.imagepanel table th
    {
        text-align: left;
        vertical-align: top;
        background-color: #e0e0e0;
        font-size: 12px;
    }

    div.imagepanel img
    {
        margin: 10px;
    }

    div.ipposleft33 { width:33%; clear:left; float:left; }
    div.ipposleft50 { width:49%; clear:left; float:left; }
    div.ipposleft66 { width:65%; clear:left; float:left; }
    div.ipposright33 { width:33%; clear:right; float:right; }
    div.ipposright50 { width:49%; clear:right; float:right; }
    div.ipposright66 { width:65%; clear:right; float:right; }
    div.ipposcenter50 { width:49%; margin-left: 25%; margin-right:25%;}
    div.ipposcenter100 { width:98%; }

/** Search box *************************************************************************/


div#search_box
{
    width:339px;
    height:31px;
    background-color:#e0e0e0;
    border: 1px solid #303030;
    z-index: 70;
}
input#search_input
{
    position:absolute;
    left:13px;
    top: 4px;
    width:149px;
    height:22px;
    border:1px solid #303030;
    background-color: #ffffff;
}
input#search_go
{
    display:block;
    background: url('../../images/oa/eg/search_go.gif') no-repeat;
    width: 28px;
    height: 22px;
    text-decoration: none;
    padding:0px;
    border:0px;
}
input:hover#search_go
{
    background: url('../../images/oa/eg/search_go_f2.gif') no-repeat;
}
select#search_alpha
{
    position:absolute;
    left: 273px;
    top:4px;
    width:53px;
    height: 22px;
}


/* Drop down menu **********************************************************/
div.dropdown
{
    width:160px;
    z-index: 30;
}
div.dropdown_button
{
    height: 28px;
    text-align: center;
    font-weight:bold;
    font-size:12px;
}
div.dropdown_button a
{
    width:160px;
    height: 27px;
    color: #000000;
    display:block;
    text-decoration: none;
    line-height: 28px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #ffffff;
}
div.dropdown_button a:hover
{
    background-color: #c0c0c0;
}


/* LaTeX images ****************************************************************/
img.latex
{
    vertical-align:top;
}