﻿body 
{
    background-color:#d7ccb3;
    background-image:url(Images/mainbg2.gif);
    background-repeat:no-repeat;
    background-position:center top;
    height:100%;
}
#mainframe
{
    position:relative;
    float:left;
    margin:0px 0px 0px 10px;
    /*background-color:Transparent;*/
    /*background-image:url(Images/mainbg1.gif);*/
    width:75%;
    height:100%;    
}
#mainframeSubLeft
{
    position:relative;
    float:left;
    margin:0px;
    width:auto;
    height:auto;
}
#mainframeSubRight
{
    position:relative;
    float:right;
    margin:0px;
    width:auto;
    height:auto;
}
#header
{
    position:relative;
    float:left;
    width:100%;
}
#left
{
    background:transparent;
    position:relative;
    margin:0px 10px 0px 0px;
    float:left;
    z-index:100;
}
#introLeft
{
    background:transparent;
    position:relative;
    width:200px;
    margin:0px 10px 0px 0px;
    float:left;
    z-index:100;
}
#middle
{
    position:relative;
    background:transparent;
    float:left;
    width:60%;
    z-index:1;
    margin:0px 0px 0px 0px;
    padding:10px;
    font-size:1.2em;
}
#right
{
    position:relative;
    background:transparent;
    float:left;
    width:30%;
    margin: 0px 0px 10px px;    
    padding:10px;
    font-size:1em;
}
#laurabio
{
    width:auto;
    height:auto;
    float:left;
    font-size:1.2em;
    margin-left:1em;
}

#lysasheilabio
{
    width:auto;
    height:auto;
    float:left;
    font-size:1.2em;
    margin-left:1em;
}   
#footer
{
    background:transparent;
    position:relative;
    bottom:-150px;
    left:0px;
    font-family:"@Arial Unicode MS";
    font-size:xx-small;
    
}
#awards
{
    width:60%;
}
.StaticMenuStyle 
{
    background-color:#b38f5f;
    /*background-color:#3d491b;*/
    border:solid 2px black;
    z-index:1000;
}
.StaticMenuItemStyle
{
    color:Black;
    font-family:Arial;
    font-size:1em;
    color:Black;
    padding:5px;
    z-index:1000;
}
.StaticMenuHover
{
    color:#bdae8d;
    z-index:1000;    
}
.DynamicMenuStyle
{   
    border:solid 2px black;    
    z-index:1000;
}
.DynamicMenuItemStyle
{
    background-color:#b38f5f;
    /*background-color:#3d491b;*/
    color:Black;
    font-family:Arial;
    font-size:1em;
    padding:5px;
    z-index:1000;    
}
.DynamicHoverStyle
{
    /*background-color:#3d491b;*/
    color:#bdae8d;
    font-family:Arial;
    font-size:1em;
    z-index:1000;    
}
.leftimage
{
    margin-right:1em;
}
.rightimage
{
    margin-left:1em;
}

.dropcap
{
    font-family:"Linoscript","@Arial Unicode MS";
    font-size:1.2em;
}
.linoscript
{
    font-family:"Linoscript","@Arial Unicode MS";
    font-size:1.5em;
}
.name
{
    font-weight:bold;
}
.staffbio
{
    width:auto;
    height:auto;
    float:left;
    font-size:1.2em;
    margin-bottom:1em;
}
.intro
{
    font-family:"Linoscript","@Arial Unicode MS";
    font-size:2em;
}

.staffheader
{
    font-family:"Linoscript","@Arial Unicode MS";
    font-size:3em;
}   
.headline
{
    font-family:"@Arial Unicode MS";
    font-size:1em;
    font-weight:200;
}
.imageborder
{
    border:solid 1px black;
}
.link
{
    color:#192435;
}
a:link
{
    color:#192435;
}
a:visited
{
    color:#192435;
}
a img
{
    border: 0px none;
}    
.collapsePanelHeader
{
    height:30px;
    width:280px;
    float:left;
    cursor:pointer;
    vertical-align:middle;
    background-color:#b38f5f;
    color:black;
    
}
.collapsePanelContent
{
    height:0px;
    width:280px;
    overflow:hidden;
    background:#d7ccb3;
    
}
/*styles for before and after sub-folders*/

.tabControl .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10px;
    //border:solid 1px black;
    background:url(images/tabControl/tab-line.gif") repeat-x bottom;
}
.tabControl .ajax__tab_outer 
{
    padding-right:4px;
    background-image:url(images/tabControl/tab-right.gif");
    background-repeat:no-repeat;
    border:solid 1px black;
    height:21px;
    background-position:right;
}
.tabControl .ajax__tab_inner 
{
    padding-left:3px;
    background-image:url(images/tabControl/tab-left.gif");
    background-repeat:no-repeat;
}
.tabControl .ajax__tab_tab 
{
    height:13px;
    padding:4px;
    width:72px;
    margin:0;
    background:url(images/tabControl/tab.gif");
    background-repeat:repeat-x;
}
.tabControl .ajax__tab_hover .ajax__tab_outer 
{
    background:url(images/tabControl/tab-hover-right.gif") no-repeat right;
}
.tabControl .ajax__tab_hover .ajax__tab_inner 
{
    background:url(images/tabControl/tab-hover-left.gif") no-repeat;
}
.tabControl .ajax__tab_hover .ajax__tab_tab 
{
    background:url(images/tabControl/tab-hover.gif") repeat-x;
}
.tabControl .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tabControl/tab-active-right.gif") no-repeat right;
}
.tabControl .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tabControl/tab-active-left.gif") no-repeat;
}
.tabControl .ajax__tab_active .ajax__tab_tab 
{
    background:url(images/tabControl/tab-active.gif") repeat-x;
}
.tabControl .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    //border:solid 1px black;
    border-top:0;
    padding:0px;
    background-color:#b38f5f;
    position:relative;
    left:0px;
}
/*Class for images in tab control*/
.tabImage
{
    margin:1px 1px 1px 1px;
    padding:0px;
    //border:solid 1px black;
}

