/* Table of contents.

= global navigation
= site-nav
    = dropdown
= breadcrumbs
= sub-nav
*/

/* === global navigation === */

ul.nav,
ol.nav {
    margin: 0;
    padding: 0;
}

    ul.nav li,
    ol.nav li {
        float: left;
        list-style-type: none;
    }

        ul.nav li a,
        ol.nav li a {
            display: block;
            margin: 0 3px;
            padding: 6px 9px 6px 12px;
            /*font-size: 1.156em;*/
            font-size: 1.188em;
            text-decoration: none;
        }

        ul.nav li a:hover,
        ul.nav li a.active {
            color: #000;
        }

            ul.nav li ul li a {
                font-size: 1em;
            }

/* === site navigation === */

ul#site-nav {
    float: left;
    margin-right: 0;
    width: 974px;
    height: 36px;
    background: #D41C14;
    position: relative; /* PIE fix IE*/
    z-index: 10;
}

    ul#site-nav li {
        float:left;
        margin: 2px 0 0 0;
        padding: 6px 15px;
        position: relative;
        height: 21px;
        border-right: 1px solid #D8332C;
        text-align: center;
    }

    ul#site-nav li:hover, ul#site-nav li.active:hover, ul#site-nav li.parent:hover {
        padding: 6px 15px;
        border: none;
        border-right: 1px solid #D8332C;
        background: #525252;
        position: relative; /* PIE fix IE*/

        /* rounded corners */
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    ul#site-nav li.active, ul#site-nav li.parent {
        background-color: #C00B00;
    }

        ul#site-nav li a {
            display: block;
            padding: 0;
            text-decoration: none;
            color: #fff;
        }

        ul#site-nav li:hover a {
            color: #fff;
        }

        /* Second Level */
        ul#site-nav li ul {
            padding: 0;
            margin: 0 0 12px 0;
            border: none;
        }

            ul#site-nav li ul li {
                float: left;
                padding: 6px 0;
                margin: 0 1.5em 0 0;
                position: relative;
                width: 160px;
                text-align: left;
                border-bottom: 1px solid #636363;
                border-right: none;
                height: auto;
            }

            ul#site-nav li ul li:hover {
                margin: 0 1.5em 0 0;
                padding: 6px 0;
                background: none;
                border-bottom: 1px solid #636363;
                border-right: none;
                color: #eee;
            }
            
            ul#site-nav li ul li a:hover {
                /* text-decoration: underline; */
            }

    /* Drop Down */
    ul#site-nav .dropdown {
	float: left;
	width: 180px;
	position: absolute;
	left: -9999em;
	text-align: left;
	border: none;
	z-index: 999;
	/* gradient background */
        background: #525252;
	background: -moz-linear-gradient(top, #525252, #484848);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#484848));
	/* rounded corners */
        -moz-border-radius: 0px 2px 5px 5px;
	-webkit-border-radius: 0px 2px 5px 5px;
	border-radius: 0px 2px 5px 5px;
	/* drop shadows */
        -moz-box-shadow:  3px 3px 5px #686868;
	-webkit-box-shadow: 3px 3px 5px #686868;
	box-shadow: 3px 3px 5px #686868;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 32px;
	padding-left: 16px;
    }

        ul#site-nav li:hover .dropdown {
            left: 0px;
            top: 100%;
            z-index: 99999;
        }
        
        /* dropdown mirrored */

        ul#site-nav li.research-hub .dropdown, ul#site-nav li.philanthropy .dropdown{
            /* rounded corners */
            -moz-border-radius: 2px 0 5px 5px;
            -webkit-border-radius: 2px 0 5px 5px;
            border-radius: 2px 0 5px 5px;

            /* drop shadows */
            -moz-box-shadow:  -3px 3px 5px #686868;
            -webkit-box-shadow: -3px 3px 5px #686868;
            box-shadow: -3px 3px 5px #686868;

        }

        ul#site-nav li.research-hub:hover .dropdown {
            left: -261px;
        }

        ul#site-nav li.philanthropy:hover .dropdown {
            left: -271px;
        }
        
        /* dropdown columns */
        .dropdown .listCol1, .dropdown .listCol2 {
            float: left;
            width: 50%;
        }

/* === breadcrumbs === */

#breadcrumb-nav {
    clear: both;
    float: left;
    margin: 11px 0;
    padding-left: 5px;
    height: 12px;
    width: 969px;
    font-size: 1em;
}

    #breadcrumb-nav a {
        margin-right: 5px;
        padding-right: 5px;
        border-right: 1px solid #56585A;
    }

/* === page nav === */

ul#sub-nav {
    display: block;
    float: left;
    margin: 40px 10px 10px 0;
    padding: 5px 0;
    width: 236px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

    ul#sub-nav li {
        margin: 5px;
        width: 226px;
        position: relative;
    }

        ul#sub-nav li a {
            padding: 8px 10px;
            font-weight: bold;
            text-decoration: none;
            border: 1px solid #edebe7;
            color: #000;

            /* rounded corners */
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            position: relative;
        }

        ul#sub-nav li a:hover {
            text-decoration: underline;
        }

        ul#sub-nav li.active a {
            border: none;
            border-bottom: 1px solid #e5e4e1;
        }

        ul#sub-nav > li.active > a {
            background-color: #edebe7;
        }

        /* second level */
        ul#sub-nav li ul {
            display: none;
            padding: 0;
        }

        ul#sub-nav li.active ul, ul#sub-nav li.parent ul {
            display: block;
        }

            ul#sub-nav li ul li {
                background: url("/images/bullet-red.gif") 0 12px no-repeat;
                margin: 0 5px;
                width: 213px;
            }

                ul#sub-nav li ul li a {
                    border-bottom: 1px solid #e5e4e1;
                    font-weight: normal;
                    color: #555;
                    border: none;
                    border-bottom: 1px solid #e5e4e1;

                    /* rounded corners */
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                    border-radius: 0;
                }

            ul#sub-nav li ul li.active, ul#sub-nav li ul li.parent {
                /*background: url("/images/bullet-red-active.gif") 0 12px no-repeat;*/
            }

                ul#sub-nav li ul li.active > a, ul#sub-nav li ul li.parent > a {
                    color: #c00b00;
                }

            /* --- third level --- */
            ul#sub-nav li ul li ul {
                display: none;
            }

            ul#sub-nav li ul li ul li {
                background: url("/images/bullet-flat-red.gif") center left no-repeat;
            }

            ul#sub-nav li ul li ul li.active  {
                background: url("/images/bullet-flat-red.gif") center left no-repeat;
                background-color: #FAFAF9;
            }

            ul#sub-nav li ul li ul li.active a {
                color: #000;
            }

            ul#sub-nav li ul li ul li.level4 a {
                background: none;
                font-weight: normal;
                color: #555;
            }

p.tagcloud {
    line-height: 1.8em;
}