/* McGehee Lab Stylesheet */

/* IDs */

body

#wrapper
{
height: 100%;
text-align: center;
margin: 0 auto;	
}

#container
{
width: 750px;
height: 100%;
margin: 0 auto;
text-align: center;
}

#home a #header
{
display: block;
float: left;
width: 750px;
height: 185px;
background-image: url("./images/header-bg.jpg");
cursor: hand;
}

#research a #header
{
display: block;
float: left;
width: 750px;
height: 185px;
background-image: url("./images/header-bg-2.jpg");
cursor: hand;
}

#publications a #header
{
display: block;
float: left;
width: 750px;
height: 185px;
background-image: url("./images/header-bg-3.jpg");
cursor: hand;
}

#people a #header
{
display: block;
float: left;
width: 750px;
height: 185px;
background-image: url("./images/header-bg-4.jpg");
cursor: hand;
}

#navigation
{
float: left;
width: 750px;
height: 46px;
margin: 36px 0 0 0;
text-align: center;
background: url("./images/navigation-bg.gif") top center no-repeat;
}

a #nav-home
{
display: block;
float: left;
width: 90px;
height: 46px;
margin: 0 0 0 75px;
background: url("./images/nav-home.gif") bottom center no-repeat;
cursor: hand;
}

a:hover #nav-home, #home #nav-home
{
background: url("./images/nav-home-hover.gif") bottom center no-repeat;
}

a #nav-research
{
display: block;
float: left;
width: 117px;
height: 46px;
margin: 0 0 0 46px;
background: url("./images/nav-research.gif") bottom center no-repeat;
cursor: hand;
}

a:hover #nav-research, #research #nav-research
{
background: url("./images/nav-research-hover.gif") bottom center no-repeat;
}

a #nav-publications
{
display: block;
float: left;
width: 154px;
height: 46px;
margin: 0 0 0 46px;
background: url("./images/nav-publications.gif") bottom center no-repeat;
cursor: hand;
}

a:hover #nav-publications, #publications #nav-publications
{
background: url("./images/nav-publications-hover.gif") bottom center no-repeat;
}

a #nav-people
{
display: block;
float: left;
width: 101px;
height: 46px;
margin: 0 0 0 46px;
background: url("./images/nav-people.gif") bottom center no-repeat;
cursor: hand;
}

a:hover #nav-people, #people #nav-people
{
background: url("./images/nav-people-hover.gif") bottom center no-repeat;
}

#content
{
float: left;
width: 670px;
padding: 28px 34px 0px 36px;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
background: #000000 url("./images/content-bg.jpg") repeat-x;
}

#column-left
{
float: left;
width: 400px;	
margin: 0 0 0 0;
}

#people #column-left
{
float: left;
width: 656px;	
margin: 0 0 0 0;
}

#home #column-left
{
float: left;
width: 656px;	
margin: 0 0 0 0;
}

#column-left p
{
margin: 12px 0 0 0;
font: 12px Arial, sans-serif;
color: #ffffff;
text-align: left;
}

#column-left a
{
font: 12px Arial, sans-serif;
color: #ffffff;
text-decoration: underline;
}

#column-left a:hover
{
text-decoration: none;
}

#column-right
{
float: left;
width: 256px;	
font: 12px Arial, sans-serif;
color: #ffffff;
text-align: left;
margin: 12px 0 0 12px;
}

#research #column-left
{
float: left;
width: 256px;	
margin: 12px 0 0 0;
}

#research #column-right
{
float: left;
width: 400px;	
font: 12px Arial, sans-serif;
color: #ffffff;
text-align: left;
margin: 0 0 0 12px;
}

#research #column-right p
{
margin: 12px 0 0 0;
font: 12px Arial, sans-serif;
color: #ffffff;
text-align: left;
}

#research #column-right a
{
font: 12px Arial, sans-serif;
color: #ffffff;
text-decoration: underline;
}

#research #column-right a:hover
{
text-decoration: none;
}

#footer
{
float: left;
width: 667px;
height: 85px;
margin: 15px 0 0 0;
background: url("./images/footer-bg.gif") top center no-repeat;
}

#copyright
{
float: left;
margin: 21px 0 0 0;
}

#copyright p
{
font: 11px Arial, sans-serif;
color: #ffffff;
text-align: left;
}

a #wordmark
{
display: block;
float: right;
width: 238px;
height: 49px;
margin: 21px 0 0 0;
background: url("./images/footer-wordmark.gif") center center;
cursor: hand;
}

#h1-home
{
float: left;
width: 668px;
height: 28px;
background-image: url("./images/h1-home.gif");
}

#h1-research
{
float: left;
width: 668px;
height: 21px;
margin-bottom: 7px;
background-image: url("./images/h1-research.gif");
}

#h1-publications
{
float: left;
width: 668px;
height: 28px;
background-image: url("./images/h1-publications.gif");
}

#h1-people
{
float: left;
width: 668px;
height: 28px;
background-image: url("./images/h1-people.gif");
}

#h2-mcgehee
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-mcgehee.gif');
}
#h2-daniele
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-daniele.gif') no-repeat;
}
#h2-mao
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-mao.gif') no-repeat;
}
#h2-mcdaid
{
float: left;
width: 325px;
height: 48px;
background: url('./images/h2-mcdaid.gif') no-repeat;
}
#h2-campioni
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-campioni.gif') no-repeat;
}
#h2-lim
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-lim.gif') no-repeat;
}
#h2-gallagher
{
float: left;
width: 183px;
height: 48px;
background: url('./images/h2-gallagher.gif') no-repeat;
}
#splash-container
{
float: left;
width: 656px;	
background: url("./images/brain-splash.gif") no-repeat 85px 150px;
}
#splash-dorsal-striatum
{
display: block;
float: left;
margin: 33px 0 0 40px;
width: 165px;
height: 125px;
background: url("./images/bg-splash-dorsal-striatum.gif") no-repeat;
}

#splash-vta
{
display: block;
float: left;
margin: 20px 0 0 35px;
width: 165px;
height: 125px;
background: url("./images/bg-splash-vta.gif") no-repeat;
}

#splash-ldtg
{
display: block;
float: left;
margin: 33px 0 0 45px;
width: 165px;
height: 125px;
background: url("./images/bg-splash-ldtg.gif") no-repeat;
}

#splash-nac
{
display: block;
float: left;
margin: 196px 0 0 90px;
width: 165px;
height: 125px;
background: url("./images/bg-splash-nacc.gif") no-repeat;
}

#splash-rvm-pag
{
display: block;
float: left;
margin: 196px 0 0 115px;
width: 165px;
height: 125px;
background: url("./images/bg-splash-rmg-pag.gif") no-repeat;	
}

#splash-dorsal-striatum p, #splash-ldtg p, #splash-vta p, #splash-nac p
{
margin: 35px 10px 10px 10px;
font: 11px Arial, sans-serif;
color: #000000;
text-align: left;
}

#splash-rvm-pag p
{
margin: 60px 10px 10px 10px;
font: 11px Arial, sans-serif;
color: #000000;
text-align: left;
}

/* Classes */

.people-photo
{
width: 210px;
float: left;
}

.people-photo img
{
border: 5px solid #ffffff;
}

.people-text
{
width: 436px;
float: left;
margin-left: 10px;
}

.people-container
{
width: 656px;
float: left;
margin-top: 10px;
}

.people-container img
{
float: left;
border: 5px solid #ffffff;
margin-right: 10px;
}

.side-image
{
background: #ffffff;
padding: 10px 10px 5px 10px;
margin: 0 0 10px 0;	
}

/* Selectors */

*
{
margin: 0px;
padding: 0px;
text-decoration: none;
border: none;
}

body
{
width: 100%;
height: 100%;
background-image: url("./images/body-bg.jpg");
}

html
{
width: 100%;
height: 100%;
}

h1 span
{
display: none;
}

h2 span
{
display: none;
}

h3
{
float: left;
font: 12px Arial, sans-serif;
color: #ffffff;	
}

a:link, a:visited, a:active
{
font: 10px Arial;
color: #ffffff;
}

a:hover
{
text-decoration: underline;
}

ul
{
margin: 12px 0 0 0;
font: 12px Arial, sans-serif;
color: #ffffff;	
text-align: left;
}
li
{
margin: 5px 0 0 0;
}