@charset "utf-8";

/********************************************************************  
 *
 * Navigation Bar - Institute 
 *
 ********************************************************************/
#nav_container {
    overflow:hidden;
    width:100%;
    background: #0ab0da url(https://www.scripps.edu/files/images/main_nav.jpg) repeat; /*#4bdaf8*/
    float: center;
    clear: both;
    min-width: 1300px;
}
#nav, #nav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: block;
}


#nav_container_home {
    overflow:hidden;
    width:100%;
    background: #0ab0da url(../images/main_nav.jpg) repeat; /* #4bdaf8 #fed870*/
    float: center;
    clear: both;
    min-width: 1022px;
}
#nav a {
    display: block;
    line-height: 37px;
    text-decoration:none;
    color: white; 
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
#nav a:hover, #nav a.shover { 
    color:#fff; 
    background: url(../images/main_nav_active.jpg) no-repeat bottom;
}
#nav a em{  /* -- NEW -- */
    font-weight: bold;
    font-style: italic;
}
#nav li {
    float: left;
    display: inline;
    width: 10%;
    padding:0;
    text-align: left;
    border-left: 1px solid #0ab0da;
}
#nav li.noBorder, #nav li.noBorder li{border-right: none;}

#nav li:hover {
    position: static;
}
/* Hide drop-down list off screen */
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    font-weight:bold; /* normal; */
    margin:0;
}
/* Bring drop-down list back */
#nav li:hover ul, #nav li.sfhover ul {
    padding:0;
    left: auto;
    height: auto;
    width:146px;
    z-index:9999;
}
#nav li li {
    width: 98%;
    height: auto; /* 37px */
    background: #daedf0 ;   /* DR 4bdaf8 url(../images/main_nav.jpg) repeat-x bottom; */
    border-bottom: 1px solid #8accdd;  
    border-right: 1px solid #8accdd;
    border-left: 1px solid #8accdd; 
    margin: 0px;
}
#nav li ul a {
    /*font-size:0.95em;*/
    color:#153b52; /*132438; */
    height: auto;  /*31px;*/
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 1px;
    line-height: 12px;
    background: #daedf0;
    vertical-align: middle;
    margin:0px;
    text-align: left;
    text-transform: none;
}
#nav li ul a:hover, #nav li ul a.shover  {
    color: #147ca1;
    background: #daedf0; 
}
/******************************************************************** 
 *
 * Navigation Bar - Institute Home
 *
 ********************************************************************/
 #nav_container_home #nav li li {
    width: 146px;
    height: auto; /* 37px;*/
    background: #daedf0 url(../images/main_nav.jpg) repeat-x bottom; 
    border: 0px;
    float:center;
}
#nav_container_home #nav li ul a { 
    color: #153b52; 
    height: auto; /* 37px;*/
    width: 143px;
    /* padding: none; */
    padding-left: 2px;
    padding-right: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #daedf0 url(../images/main_nav_home.jpg) repeat-x bottom;
    /* vertical-align: middle; */
    /* float:center;  */
}
#nav_container_home #nav a:hover, #nav_container_home #nav a.shover { 
    color:#fff; 
    background: url(../images/main_nav_home_active.jpg) no-repeat bottom;
}
/******************************************************************** 
 *
 * Navigation Bar - Florida 
 *
 ********************************************************************/
 
#nav_container_fl {
    overflow:hidden;
    width:100%;
    background: url(../images/main_nav_fl_2.jpg) repeat; /* Remove #4bdaf8 */
    float: center;
    clear: both;
    min-width: 1024px;
    
    
}

#nav_fl, #nav_fl ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

#nav_fl a {
    display: block;
    /*width: 145px;*/
    line-height: 37px;
    text-decoration:none;
    color: #123150;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

#nav_fl a:hover, #nav_fl a.shover { 
    color:#fff; 
    background: url(../images/main_nav_active_fl.jpg) no-repeat bottom;
}

#nav_fl a em{   /* -- NEW -- */
    font-weight: bold;
    font-style: italic;
}

#nav_fl li {
    float: left;
    width: 14.1%; /*width: 145px;*/
    padding:0;
    text-align: left;
    border-left: 1px solid #ef6b2d; /* cc3300; */
}

#nav_fl li.noBorder, #nav_fl li.noBorder li{border-right: none;}

#nav_fl li:hover {
    position: static;
}

/* Hide drop-down list off screen */
#nav_fl li ul {
    position: absolute;
    left: -999em;
    height:auto;
    width: 146px;
    font-weight:bold; /* normal; */
    margin:0;
}

/* Bring drop-down list back */
#nav_fl li:hover ul, #nav_fl li.sfhover ul {
    padding:0;
    left: auto;
    height:auto;
    width:146px;
    z-index:9999;
}

#nav_fl li li {
    width: 144px;
    height: auto; /* 37px; */
    background: #f9e7d6; /* f7d8bb; ffd3b0; DR 1/4 */
        border-bottom: 1px solid #cb947a; /* cc8462 e1662b;  added by Diana 12/29 */
        border-right: 1px solid #cb947a;
        border-left: 1px solid #cb947a; /* grey cfc7b4; */
        margin: 0 0 0 0;
        text-align: center;
}

#nav_fl li ul a {
    color: #000000; /* DR 12/17 #123150;  */
    width:137px;
        padding-left: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 2px;
        line-height: 14px;
        background: #f9e7d6;
    margin:0;
    text-align: left;
    text-transform: none;
}
#nav_fl li ul a:hover {
    color: #cc3300; /* DR 12/23 change to orange rollover from: 6699cc;*/
    background: #f9e7d6; /* DR 1/4 was fff; */
}

#nav_fl li:hover, #nav_fl li.sfhover {
    /* background: #4161a3; */
}

/*End Navigation Bar Florida*/

/******************************************************************** 
 *
 * Navigation Bar - California
 *
 ********************************************************************/

#nav_container_ca {
    overflow:hidden;
    width:100%;
    background: url(../images/main_nav_ca.jpg) repeat; /* Removed by DR 2/11/2011 #4bdaf8 */
    float: center;
    clear: both;
    min-width: 1024px;

}

#nav_ca, #nav_ca ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

#nav_ca a {
    display: block;
    /*width: 145px;*/
    line-height: 37px;
    text-decoration:none;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

#nav_ca a:hover, #nav_ca a.shover { 
    color: #fff;  
    background:  url(../images/main_nav_active_ca.jpg) no-repeat bottom;
}

#nav_ca a em{   /* -- NEW -- */
    font-weight: bold;
    font-style: italic;
}

#nav_ca li {
    float: left;
    width: 14.1%;
    padding:0;
    text-align: left;
    border-left: 1px solid #9bb8d8;
}

#nav_ca li.noBorder, #nav_ca li.noBorder li{border-right: none;}

#nav_ca li:hover {
    position: static;
}

/* Hide drop-down list off screen */
#nav_ca li ul {
    position: absolute;
    left: -999em;
    height:auto;
    width: 146px;
    font-weight:bold; /* normal; */
    margin:0;
}

/* Bring drop-down list back */
#nav_ca li:hover ul, #nav_ca li.sfhover ul {
    padding:0;
    left: auto;
    height:auto;
    width:146px;
    z-index:9999;
}

#nav_ca li li {
    width: 144px;
    height: auto; /* 37px */
    background: #d4e3f4; 
        border-bottom: 1px solid #9bb8d8;  added by Diana 12/29 */
        border-right: 1px solid #9bb8d8;
        border-left: 1px solid #9bb8d8; /* grey cfc7b4; */
        margin: 0 0 0 0;
        text-align: center;
}

#nav_ca li ul a {
    color: #000;   /* #177899; color:#000867;*/
    width:136px;
        padding-left: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 3px;
        line-height: 14px;
        background: #d4e3f4;
    margin:0;
    text-align: left;
    text-transform: none;
}
#nav_ca li ul a:hover {
    color: #6699cc;
    background: #d4e3f4; 
}

#nav_ca li:hover a, #nav_ca li.sfhover a{
     /* background: #4161a3; */
}

/*End Navigation Bar California*/

/********************************************************************  
 *
 * Navigation Bar - Emergencies 
 *
 ********************************************************************/
#nav_emergency {
    overflow:hidden;
    position: absolute;
    right: -10px;
    top: 65px;
    background: url(../images/emergency_button_2011.png) repeat;    
    float: right;

    clear: both;
    
}
#nav_alert {
    overflow:hidden;
    position: absolute;
    right: -10px;
    top: 65px;
    background: url(../images/alert_button_2011.png) repeat;    
    float: right;
    clear: both;
}
#nav_e, #nav_e ul {
    padding: 0;
    /* width: 882px; */
    margin: 0 auto;
    list-style: none;
}
#nav_e a {
    display: block;
    width: 145px;
    /*height: 37px; */
    line-height: 37px;
    /* padding:0.3em 1.2em; */
    text-decoration:none;
    color: #014c7c;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}



/********************************************************************
*   Side Nav Bar Begins
********************************************************************/
.subnav{
    /* margin: 1.2em 6%; */
    padding: 0;
    width: 100%;
    float: left;
}

.subnav2{ /*Right side sidebar */
    padding: 0;
    width: 100%;
    float: right;
}

.subnav a.menuitem{
    color: #000;
    display: block; /*To help in the anchoring of the ".statusicon" icon image*/
    width: 82%;
    padding: 0.4em 6% 0.4em 12%;
    text-decoration: none;
    position: relative;
    font-family: "Helvetica", "Arial", "sans-serif";
    font-size: 1.4em;
    font-style: normal;
    font-variant: normal;
}

.subnav a.menuitem:hover{color: #014c7c;} /* -- NEW -- */

/* .subnav a.menuitem:visited, .subnav .menuitem:active{
color: white;
} */

.subnav a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0.4em;
right: 0.4em;
border: none;
}

/* .subnav a.menuitem:hover{ background: url(../images/glossyback2.gif); } */

.subnav div.submenu{ /*DIV that contains each sub menu*/
    /* background: #f9f9fc; */
    width: 100%;
}

.subnav div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

/*.subnav div.submenu ul li{
border-bottom: 1px solid #363454;
} */

.subnav div.submenu ul li a{
display: block;
font-size: 1.2em;
color: #000;
text-decoration: none;
padding: 0.4em 0 0.4em 18%;
}

.subnav div.submenu ul li a:hover{
    color: #014c7c;
}

/*Side Nav Bar Ends*/

/*Begin Breadcrumbs*/
#wrapper #breadcrumbs p { margin: 0px; }
#wrapper #site_map p { margin: 0px; }

#breadcrumbs {
    overflow:hidden;
    width: 100%;
    min-width: 1022px;
    float: left;
    margin:0;
    background-color: #d4e3f4; /* daf0fc; */
    border: none;
    height: 24px;
    padding-top: 3px;
    color: #333C56;
    font-weight: normal;
    font-size: 1.3em;
}



#breadcrumbs p, #breadcrumbs ul, #breadcrumbs a{
    margin:0;
    padding: 5px 0 0 26px;
    /* font-size: 1.4em; */
    color: #333C56;
}

#breadcrumbs ul li, #breadcrumbs ul li a{
    display:inline;
    margin:0;
    font-weight: normal;
    padding: 0 0.2em 0.2em 0;
}

#breadcrumbs a:link {color: #333c56; }
/* #breadcrumbs a:visited {color:#006; } */
#breadcrumbs a:hover {color:#333c56; }
/* #breadcrumbs a:active {color:#900; } */

#site_map {
    position: absolute;
    top: 0; right: 0;
    /*float: right;
    width:auto;
    margin:-2.2em 0 0.8em 0.5em; */
    text-decoration: none;
}

#site_map p {
    font-size: 0.8em;
    padding:0;
    text-align: right;
}

#breadcrumbs_FL {
    overflow:hidden;
    width: 100%;
    min-width: 1022px;
    float: left;
    margin:0;
    background-color: #ffbc88;
    border: none;
    height: 30px;
    padding-top: 5px;
    color: #ffbc88;
    font-weight: bold;
    font-size: 1.4em;
}


#breadcrumbs_FL p, #breadcrumbs_FL ul, #breadcrumbs_FL a{
    margin:0;
    padding: 5px 0 0 26px;
    /* font-size: 1.4em; */
    color: #333C56;
}

#breadcrumbs_FL ul li, #breadcrumbs_FL ul li a{
    display:inline;
    margin:0;
    font-weight: bold;
    padding: 0 0.2em 0.2em 0;
}

#breadcrumbs_FL a:link {color: #333c56; }
/* #breadcrumbs a:visited {color:#006; } */
#breadcrumbs_FL a:hover {color:#333c56; }
/* #breadcrumbs a:active {color:#900; } */

/*End Breadcrumbs*/