/*************************************************
 * Site Name: School of Public Health
 * 
 * Description: Large screen stylesheet
 * Author: IU Communications 
 * Author URI: http://communications.iu.edu
 ************************************************/

/****************************************
 * General Formatting
 ****************************************/

body:after {
    content: 'largescreen';
    display: none;
}
    
    
/****************************************
 * Navigation
 ****************************************/

#nav {
    background: url(../img/nav/bg-main.gif) repeat-x 0 100%;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 1;
}
#nav ul {
    list-style: none;   
}

/* Audience Navigation */

#nav-audience {
    background: #8d0700;
    color: #fff;    
    font-family: "LatoBold", Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px (14/16) */
    letter-spacing: 0.025em;
    line-height: 1.714em; /* 24px (24/14) */
    margin: 0 auto;
    max-width: 940px;
    text-align: center;
    text-transform: uppercase;
}
#nav-audience li {
    display: inline-block;
    margin: 0 -3px 0 0;
    vertical-align: top;    
}
#nav-audience li a {
    background: url(../img/nav/bg-audience.gif) no-repeat 100% 55%;
    color: #fff;
    display: block; 
    padding: 8px 29px 8px 16px;
}
#nav-audience li a:hover,
#nav-audience li a:focus,
#nav-audience li.current a {
    background-color: #a30c03;
    text-decoration: none;  
}


/* Main Navigation */

#nav-main {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    background-size: 100% 59px;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-size: 1em; /* 16px (16/16) */
    line-height: 1.063em; /* 17px (17/16) */
    max-width: 1000px;
    overflow: hidden;
    zoom: 1; /* IE has layout */
}
#wrap #nav .last-hover {
    background: #989898;
}
#nav-main li {
    background: #898989 url(../img/nav/bg-main.gif) repeat-x 0 100%;
    float: left;
}
#nav-main li a {
    border-right: 2px solid #c2c2c2;
    color: #fff;
    display: table-cell;
    height: 59px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 1px 1px 5px #000;
    vertical-align: middle;
}
#nav-main li:last-child a {
    border-right: none;
}   
#nav-main li a:hover,
#nav-main li a:focus {
    background: #989898;
    text-decoration: none;  
}
#nav-main li.current a {
    background: #262626;
}

/* About Us */
#nav-main li#nav-main-about {
    width: 10%; /* 123px (123/1000) */
}
#nav-main li#nav-main-about a {
    width: 10%; /* 101px (101/1000) */    
}

/* Degrees & Majors */
#nav-main li#nav-main-degrees {
    width: 11.8%; /* 138px (138/1000) */
}
#nav-main li#nav-main-degrees a {
    width: 11.6%; /* 116px (116/1000) */    
}

/* Departments, Centers, & Institutes */
#nav-main li#nav-main-departments {
    width: 15.1%; /* 198px (198/1000) */
}
#nav-main li#nav-main-departments a {
    width: 14%; /* 176px (176/1000) */    
}

/******************** BLOCKED BY WAYNE **********************/
/********************      11/14/14    **********************/
/********************   JIRA 204 (9)   **********************/
/* Faculty */
 #nav-main li#nav-main-faculty {      
    width: 10.2%;                      /* 128px (128/1000) */  /* This is used on the Staff/Fac/News pages to effect the online education tab */
}                                     
 #nav-main li#nav-main-faculty a {    
    width: 10.6%;                     /* 106px (106/1000) */    
 }                                    

/********************* ADDED BY WAYNE ***********************/
/*********************    10/31/14    ***********************/
/*********************  JIRA 204 (9)  ***********************/
/* Online Education */
#nav-main li#nav-main-phdirect {
    width: 10.2%; /*9.8%;*/
}
#nav-main li#nav-main-phdirect a {
    width: 11%; /*10.6%;*/
}
/************************************************************/

/* Research */
#nav-main li#nav-main-research {
    width: 12.5%; /*13.1%; /* 131px (131/1000) */    
}
#nav-main li#nav-main-research a {
    width: 10.5%; /*10.9%; /* 109px (109/1000) */    
}

/* Careers */
#nav-main li#nav-main-careers {
    width: 13.1%; /* 141px (141/1000) */    
}
#nav-main li#nav-main-career a {
    width: 11.9%; /* 119px (119/1000) */    
}

/* Diversity & Inclusion */
#nav-main li#nav-main-diversity {
    width: 14%;
}
#nav-main li#nav-main-diversity a {
    width: 13.5%;
}

/* Community Engagement */
#nav-main li#nav-main-community {
    width: 13%; /* 141px (141/1000) */    
}
#nav-main li#nav-main-community a {
    width: 11.9%; /* 119px (119/1000) */    
}

/* Subnavigation - Level 2 */

#wrap #nav .subnav {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 188px;
    width: 100%;
    zoom: 1;
}
#wrap #nav li ul {
    background: url(../img/main/content/bg-nav-secondary.png) repeat-y;
    font-family: "LatoBold", Arial, Helvetica, sans-serif;
    font-size: 0.750em; /* 12px (12/16) */ 
    letter-spacing: 0.025em;
    line-height: 1.500em; /* 18px (18/12) */
    list-style: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    padding: 100px 0 0 0;
    text-align: left;
    text-transform: none;
}
#wrap #nav li ul li {
    background: none;
    display: block;
    float: none;
    width: 180px;   
}
#wrap #nav li ul li a {
    background: #101010;
    border-right: none;
    display: block;
    height: auto;
    margin: 0 0 4px 0;
    padding: 8px 16px;
    text-align: left;
    text-shadow: none;
    width: auto;
    zoom: 1; /* IE has layout */    
}
#wrap #nav li ul li:last-child a {
    margin-bottom: 0;   
}
#wrap #nav li ul li.current {
    margin-bottom: 4px; 
}
#wrap #nav li ul li.current a {
    background: #fff;
    color: #262626;
    margin-bottom: 0;   
}
#wrap #nav li ul li a:hover,
#wrap #nav li ul li a:focus {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* Subnavigation - Level 3+ */

#wrap #nav li ul li ul {
    background: #dddad3;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.333em; /* 16px (16/12) */
    list-style: none;
    margin: 0;
    padding: 10px 10px 6px 37px;    
}
#wrap #nav li ul li ul li {
    float: none;    
    width: auto;
}
#wrap #nav li ul li ul li a,
#wrap #nav li ul li.current ul li a {
    background: none;
    color: #990000;
    margin: 0 0 8px 0;
    padding: 0;
}
#wrap #nav li ul li ul li.current {
    margin-bottom: 0;   
}
#wrap #nav li ul li ul li.current a {
    background: none;
    color: #990000;
    margin-bottom: 6px;
}
#wrap #nav li ul li ul li a:hover {
    background: none;
    color: #990000;
    text-decoration: underline; 
}


/****************************************
 * Main
 ****************************************/
 
#main {
    background: url(../img/main/bg-main.gif) repeat-y;
}
#news #main {
    background: #fff;	
}
#home #main {
    background: none;   
}


#connect #connect-content .column > ul > li {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
}
#connect #connect-content .column > ul > li:last-child {
	margin:0;
	padding:0;
	border-bottom:0 none;
}
#connect #connect-content .column > ul > li#widget-youtube iframe {
    height:162px;
}