/*
 * PPL Main Page Stylesheet
 *
 * note: all divs appear in same order as in the html
 * Some helpful CSS links:
 *
 *      List of CSS properties and their possible values
 *      http://htmldog.com/reference/cssproperties/
 *
 *      Description of how to position elements using CSS
 *      http://www.brainjar.com/css/positioning/default.asp
 *
 */


/*
 * general styles: this applies to everything on the page
 */

/* h1 controls the appearance of the header in each section */
h1 {
    font: bold 105%  sans-serif;
    color: #8d0000;
    background-color: #c8c8c8;
    padding: 4px;
    padding-top: 6px;
}

/*
 * header
 */

#header {
    margin: 1em;
}

#header h1 {
    color: #8d0000;
    background: white;
    font: bold small-caps 250% sans-serif;
    border: none;
    text-align: center;
}

#header h2, #header h3 {
    line-height:0;
    font-size: 95%;
    color: #8d0000;
    text-align: center;
}

a {
    color: #1e286e;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
}

a:hover {
    color: #8d0000;
    text-decoration: none;
}

p {
    font-family: sans-serif;
    text-align: justify;
}

/*
 * page container
 */
#container {
    width:100%;
    height:100%;
    min-width: 750px;
}

/*
 * left_pane: left side content
 * includes highlights, research, and pubs
 */

#left_pane {
    float: left;
    width: 73%;
    margin-top: 0.5em;
}

/*
 * right_pane: right side content
 * includes news, events, and links
 */

#right_pane {
    float: right;
    margin-top: 0.5em;
    width: 25%;
}

/*
 * highlights: brief overview of our work
 * right now this is the main body of the page
 */
#highlights {
    float: left;
    width: 100%;
}

#highlights p {
    font-size: small;
}

/*
 * news: latest developments
 */
#news {
    float: right;
    width: 100%;
    line-height: 1.5;
}

#news a {
    font-size: small;
}


/*
 * events
 */
#events {
    float: right;
    clear: right;
    width: 100%;
    line-height: 1.5;
}

#events a {
    font-size: small;
}


/*
 * links
 */
#links {
    clear: right;
    float: right;
    width: 100%;
    line-height: 1.5;
}

#links a {
    font-size: small;
}

#links p {
    font-size: small;
}


/*
 * bottom_strip: include research and pubs
 */
#bottom_strip {
    float: left;
    clear: left;
    width: 100%;
}

/*
 * research: selected research areas
 */
#research {
    margin-right: 0.5em;
    float: left;
    clear: left;
    width: 300;
}

#research a {
    text-decoration: none;
    font-family: sans-serif;
    font-size: 90%;
}

#research a:link, #research a:visited {
    color: #8d0000;
}

#research a:hover, #research a:active {
    color: #8d0000;
}


/*
 * publications
 */
#publications {
   float: left;
}

#publications a:link, #publications a:visited {
    text-decoration: none;
    color: #8d0000;
    font-size: small;
}

#publications a:hover, #publications a:active {
    text-decoration: none; 
    color: #8d0000;
    font-size: small;
}


/*
 * footer
 */

#footer {
    clear: both;
    color: #1e286e;
    text-align: center;
}


/*
 * submenu
 */
.submenu{
    background-image: url(images/submenu.gif);
    display: block;
    height: 19px;
    margin-left: 38px;
    padding-top: 2px;
    padding-left: 7px;
}

.hide{
    display: none;
}

.show{
    display: block;
}