/*************************************************
 * Site Name: IU Robert H. McKinney School of Law
 * 
 * Description: Global Stylesheet
 * Original Author: IU Communications 
 * Ongoing Updates: IU McKinney Law (mdwerner)
 ************************************************/

/****************************************
 * Fonts
 ****************************************/

/*** Benton Sans Cond ***/

@font-face {
    font-family: 'BentonSansCondensedRegular';
    src: url('../fonts/Benton Sans/benton-sans-cond-regular/benton-sans-cond-regular.eot');
    src: url('../fonts/Benton Sans/benton-sans-cond-regular/benton-sans-cond-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Benton Sans/benton-sans-cond-regular/benton-sans-cond-regular.woff') format('woff'),
         url('../fonts/Benton Sans/benton-sans-cond-regular/benton-sans-cond-regular.ttf') format('truetype'),
         url('../fonts/Benton Sans/benton-sans-cond-regular/benton-sans-cond-regular.svg#BentonSansCondensedRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'BentonSansCondensedBold';
    src: url('../fonts/Benton Sans/benton-sans-cond-bold/benton-sans-cond-bold.eot');
    src: url('../fonts/Benton Sans/benton-sans-cond-bold/benton-sans-cond-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Benton Sans/benton-sans-cond-bold/benton-sans-cond-bold.woff') format('woff'),
         url('../fonts/Benton Sans/benton-sans-cond-bold/benton-sans-cond-bold.ttf') format('truetype'),
         url('../fonts/Benton Sans/benton-sans-cond-bold/benton-sans-cond-bold.svg#BentonSansCondensedBold') format('svg');
    font-style: normal;
    font-weight: normal;
}


/*** Benton Sans Comp ***/

@font-face {
    font-family: 'BentonSansCompressedRegular';
    src: url('../fonts/Benton Sans/benton-sans-comp-regular/benton-sans-comp-regular.eot');
    src: url('../fonts/Benton Sans/benton-sans-comp-regular/benton-sans-comp-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Benton Sans/benton-sans-comp-regular/benton-sans-comp-regular.woff') format('woff'),
         url('../fonts/Benton Sans/benton-sans-comp-regular/benton-sans-comp-regular.ttf') format('truetype'),
         url('../fonts/Benton Sans/benton-sans-comp-regular/benton-sans-comp-regular.svg#BentonSansCompressedRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'BentonSansCompressedBold';
    src: url('../fonts/Benton Sans/benton-sans-comp-bold/benton-sans-comp-bold.eot');
    src: url('../fonts/Benton Sans/benton-sans-comp-bold/benton-sans-comp-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Benton Sans/benton-sans-comp-bold/benton-sans-comp-bold.woff') format('woff'),
         url('../fonts/Benton Sans/benton-sans-comp-bold/benton-sans-comp-bold.ttf') format('truetype'),
         url('../fonts/Benton Sans/benton-sans-comp-bold/benton-sans-comp-bold.svg#BentonSansCompressedRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}

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

body {
    background: url(../_assets-main/main/bg.gif) repeat;
    color: #1c140f;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    font-size: 100%; /* ~16px */
}
.js body {
    padding-bottom: 2px;   
}

/*** Links ***/

a, a:link, a:active {
    color: #990000;
    text-decoration: none;
}
a:visited {
    color: #990000;
}
a:hover {
    text-decoration: underline; 
}
a:focus {
    outline: thin dotted;   
}
a:hover, a:active { 
    outline: 0; 
}

/*** Font Styles ***/

strong, b {
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-weight: normal;    
}
em, i {
    font-family: "UbuntuItalic", Arial, Helvetica, sans-serif;  
}
strong em, strong i,
em strong, i strong {
    font-family: "UbuntuBoldItalic", Arial, Helvetica, sans-serif;  
}


/****************************************
 * Skip Navigation
 ****************************************/
 
#skipnav {
    float: left;
    list-style: none;
    height: 0;
    overflow: hidden;
    width: 0;
}
#skipnav a {
    background: #000;
    color: #fff;
    left: -9999px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -9999px;
    width: 12.500em; /* 200px (200/16) */
    z-index: 999;
}
#skipnav a:active, #skipnav a:focus {
    left: 0;
    top: 0;
}


/****************************************
 * Branding Bar
 ****************************************/

#identity {
    background: url('http://mckinneylaw.iu.edu/_assets-main/branding-bar/bg-bar.jpg') repeat-x;
    border-bottom: 1px solid #ccc; 
    color: #FFF;
    font-size: 0.625em; /* 10px (10/16) */
    height: 53px;
    line-height: 1em; /* 10px (10/10) */
    position: relative;
    z-index: 1;
}

#identity a:link, #identity a:hover, #identity a:visited {
    color: #FFF;
    }

#identity #signature img {
	float: left;
	margin-right: 11px;
}

#identity #signature {
    margin: 0 auto;
    padding: 0 0 0 10px;
    position: relative;
    text-align: left;
    width: 980px;
}

#identity #signature .campus {
	font-family: "BentonSansCondensedRegular","Arial Narrow",Arial,Helvetica,sans-serif;
	font-size: 1em;
	letter-spacing: 0.025em;
	line-height: 1em;
	text-align: left;
	text-transform: uppercase;
}

#identity #signature h1 {
	float: left;
	margin-top: 20px;
	padding-top: 0;
	font-family: "BentonSansCondensedRegular","Arial Narrow",Arial,Helvetica,sans-serif;
	font-size: 1.795em;
	line-height: 1em;
	letter-spacing: .0285em;
	text-align: left;
	text-transform: uppercase;
}
#identity #signature a.iu {
	text-decoration: none;
}

#identity #signature a.campus {
	display: table-cell;
    height: 80px;
    text-decoration: none;
    vertical-align: top;
}



/* Search Form */

#identity #sitesearch {
    position: absolute;
    right: 12px;
    top: 0;
}

.js #identity #sitesearch {
    right: 128px;   
}
#identity #sitesearch fieldset {
    float: left;
}

/* Fieldset 1 */

#identity #sitesearch #sitesearch-fieldset1 {
    left: 0;
    position: relative;
    top: 22px;
}
#identity #sitesearch #sitesearch-fieldset1 ul {
    list-style: none;
}
#identity #sitesearch #sitesearch-fieldset1 li {
    float: left;
    margin: 0 10px 0 0; 
}
#identity #sitesearch #sitesearch-findpeople {
    background: url(../_assets-main/branding-bar/bg-find-people.gif) no-repeat;  
    display: inline-block;
    height: 15px;
    padding: 3px 0 0 17px;
    position: relative;
    top: -3px;
}
#identity #sitesearch #sitesearch-option1, 
#identity #sitesearch #sitesearch-option2 {
    float: left;
    left: 0;
    height: 13px;
    position: relative;
    top: -2px;
    width: 13px;
}

/* Fieldset 2 */

#identity #sitesearch #sitesearch-fieldset2 {
    left: 2px;
    position: relative;
    top: 16px;
}
#identity #sitesearch #sitesearch-keywords {
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px 0 #bfbfbf;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px; 
    box-shadow: inset 0 1px 1px 0 #bfbfbf;
    color: #444;
    float: left;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 10px (10/10) */
    height: 18px;
    line-height: 1em; /* 10px (10/10) */
    padding: 1px 26px 0 6px;
    width: 155px;
}
#identity #sitesearch #sitesearch-keywords.branding {
    background: #fff url(../_assets-main/branding-bar/google.gif) no-repeat 4px 50%;
}
#identity #sitesearch #sitesearch-submit {
    background: url(../_assets-main/branding-bar/bg-sitesearch-submit.gif) no-repeat 50% 50%;
    border: none;    
    float: left;
    height: 18px;
    margin: 2px 0 0 -26px; 
    text-indent: -9999px;
    text-transform: capitalize;
    width: 26px;
}


/****************************************
 * Header
 ****************************************/
 
#header {
    background: url(../_assets-main/header/bg.png) no-repeat 50% 0;
    position: relative;
}

#header h1 {
    font-size: 1.500em; /* 24px (24/16) */
    letter-spacing: 0.088em;
    line-height: 1.125em; /* 27px (27/24) */
    margin: 0 auto;
    text-transform: uppercase;
    width: 960px; 
	padding-bottom: 15px;
	z-index: 2;
}
#header h1 a {
    color: #1c140f;
    display: block;
    padding: 3px 0 0 43px;
    width: 70%; 
} 
@-moz-document url-prefix() {
	#header h1 a {
	padding-top: 7px;
	}
}
#header h1 a:hover {
    text-decoration: none;  
}
#header h1 a span {
    display: block;
    font-size: 1.417em; /* 34px (34/24) */
    letter-spacing: 0.012em;
    line-height: 1em; /* 34px (34/34) */
    text-transform: none; 
}
#header h1 a .RHM {
    font-family: "BentonSansCompressedBold","Arial Narrow",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
    display: block;
    font-size: 1.54em; 
}
#header h1 a .RHM sup {
    font-size: .55em; 
}

#header h1 a .SoL {
	font-family: "BentonSansCompressedRegular","Arial Narrow",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
    display: block;
    font-size: 1.5em; 
    letter-spacing: 0.02em;
}
#header h1 a .indy {
	font-family: "BentonSansCompressedRegular","Arial Narrow",Arial,Helvetica,sans-serif;
    font-size: .88em; 
    text-transform: none; 
}

#header h1 a .IU {
    font-family: "BentonSansCompressedBold","Arial Narrow",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
    display: block;
    font-size: 1.6em;
	margin-top: 12px; 
}
#header h1 a .RHMSOL {
	font-family: "BentonSansCompressedRegular","Arial Narrow",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
    display: block;
    font-size: 1.6em; 
    letter-spacing: 0.02em;
}
#header h1 a .RHMSOL sup {
    font-size: .55em; 
}

/*** Navigation - Main  ******************************************************************************************/

#nav {
    -webkit-box-shadow: 0 1px 2px 0 #443d38;
	/*background-color: #4b6e73; / *637d7a*/
    background: #336666 url(../_assets-main/nav-main/bg.gif) repeat-x;
    box-shadow: 0 1px 2px 0 #443d38;
    height: 42px;
    position: relative;
    z-index: 3; 
}

/* --- MAIN NAV - GREEN MENU --- */
#nav-main {
    color: #fff;
    display: table;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 0.813em; /* 13px (13/16) */
    height: 49px;
    letter-spacing: 0.005em;
    line-height: 1.077em; /* 14px (14/13) */
    list-style: none;
    margin: 0 auto;
    position: relative;
}
#nav-main li {
    display: table-cell;
    height: 49px;
    vertical-align: top;
}
#nav-main li.current {
    background: url(../_assets-main/nav-main/bg-li.png) no-repeat 50% 100%;
}
#nav-main:hover li.current {
    background: none;   
}
#nav-main li a {
    border-right: 1px solid #5b7f78;
    color: #fff;
    display: table-cell;
    height: 42px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    vertical-align: middle; 
    z-index: 2;
    zoom: 1; /* IE has layout */
}
#nav-main li#nav-main-know a {
    padding-right: 20px;
    padding-left: 20px; 
}
#nav-main li.current a {
    background: #000;
    color: #fff;
}
#nav-main li:first-child a {
    border-left: 1px solid #5b7f78; 
}
#nav-main li a:hover {
    text-decoration: none;
}
#nav-main li:hover a,
#nav-main li a:hover,
#nav-main li.current a:hover {
    background: #ffffff url(../_assets-main/nav-main/bgwhite.gif) repeat-x;
    color: #1c140f; 
}

/* Get to Know Us */
#nav-main li#nav-main-know {
    width: 110px;
}

/* Apply for Admission */
#nav-main li#nav-main-apply {
    width: 117px;
}   

/* Discover Our Degrees */
#nav-main li#nav-main-degrees {
    width: 130px;   
}

/* Put Law Into Practice */
#nav-main li#nav-main-practice {
    width: 130px;   
}

/* Plan Your Career */
#nav-main li#nav-main-career {
    width: 108px;
}

/* Explore Centers & Programs */
#nav-main li#nav-main-specialty {
    width: 138px;
}

/* Meet Faculty & Staff */
#nav-main li#nav-main-faculty-staff {
    width: 134px;   
}

/* Law Library */
#nav-main li#nav-main-library {
    width: 94px;
}

/*** Main Navigation Drop-down Subnavigation ************************************************************************/

#nav-main li .nav-main-subnav {
    -webkit-border-radius: 0 0 8px 8px;
    background: #ffffff url(../_assets-main/nav-main/bg-subnav.png) repeat;
	opacity: 0.96;
    border: 1px solid #ccc;
    border-radius: 0 0 8px 8px;
    color: #1c140f;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    left: -9999px;
    min-height: 217px;
    overflow: hidden;
    padding: 20px 0 0 0;
    position: absolute;
    top: -9999px;
    width: 960px;
}
.js #nav-main li .nav-main-subnav {
    display: none;  
}
#nav-main li:hover .nav-main-subnav,
.loaded #nav-main li .nav-main-subnav {
    left: 0;
    top: 41px;
}
.loaded #nav-main li .nav-main-subnav {
    display: block; 
}

/* Reset */
#nav #nav-main li .nav-main-subnav li {
    display: block; 
    height: auto;
}
#nav #nav-main li.current .nav-main-subnav li {
    background: none;
}
#nav #nav-main li .nav-main-subnav a {
    background: none;
    border: none;
    display: block;
    height: auto;
    padding: 0;
    text-align: left;   
}
#nav #nav-main li .nav-main-subnav a:hover {
    text-decoration: underline;
}

/* --- MAIN NAV - GREEN MENU - DROPDOWN LINKS --- */
#nav #nav-main li .nav-main-subnav-links {
    float: left;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 13px (13/13) */
    line-height: 1.154em; /* 15px (15/13) */
    list-style: none;
    margin: 0 20px 14px 30px;  /* 0 25px 14px 35px; */
    width: 198px; /* 178px;   */ 
}
#nav #nav-main li .nav-main-subnav-links li {
    margin: 0 0 5px 0;
}
#nav #nav-main li .nav-main-subnav-links li a,
#nav #nav-main li .nav-main-subnav-links li a:hover {
	background: #ffffff;
    color: #3e5f5c; 
}
#nav #nav-main li.current:hover .nav-main-subnav-links li a {
	background: #ffffff;
    color: #3e5f5c; 
}

/* Content */
#nav #nav-main li .nav-main-subnav-content-wrap {
    float: left;
    font-size: 1em; /* 13px (13/13) */
    letter-spacing: 0.01em;
    line-height: 1.385em; /* 18px (18/13) */
    margin: 0 23px 12px 0;
    overflow: hidden;   
    width: 470px;
}
#nav #nav-main li .nav-main-subnav-content-photo-caption {
    float: left;
    font-size: 0.846em; /* 11px (11/13) */
    line-height: 1.091em; /* 12px (12/11) */
    margin: 0 7px 0 0;
    overflow: hidden;   
    padding: 5px 10px;
    width: 195px;
}
#nav #nav-main li .nav-main-subnav-content-photo-caption img {
    border: 5px solid #fff;
    box-shadow: 0 0 5px 0 #666;
    margin: -5px -5px 5px -5px; 
}
#nav #nav-main li .nav-main-subnav-content-photo-caption p {
    margin: 0 0 8px 0;
}   
#nav #nav-main li .nav-main-subnav-content {
    overflow: hidden;   
    padding: 0 10px 0 0;
}
#nav #nav-main li .nav-main-subnav-content h2 {
    font-family: "PTSerifRegular", Georgia, "Times New Roman", Times, serif;
    font-size: 1.538em; /* 20px (20/13) */
    letter-spacing: normal;
    line-height: 1.100em; /* 22px (22/20) */
    margin: 0 -10px 8px 0;
}
#nav #nav-main li .nav-main-subnav-content p {
    margin: 0 0 8px 0;
}   
#nav #nav-main li .nav-main-subnav-content .more a {
    background: #e8f0ee;
    color: #990000;
    display: inline-block;
    font-family: "PTSerifBoldItalic", Georgia, "Times New Roman", Times, serif;
    padding: 6px 11px;
}   

/* Container */
#nav #nav-main li .nav-main-subnav-container {
    background: #cbbda3;
    float: left;
    font-size: 1em; /* 13px (13/13) */
    line-height: 1.231em; /* 16px (16/13) */
    margin: 0 0 12px 0;
    overflow: hidden;
    padding: 12px 12px 2px 12px;    
    width: 186px;   
}
#nav #nav-main li .nav-main-subnav-container img {
    margin: -12px -12px 5px -12px;
    width: 210px;
}
#nav #nav-main li .nav-main-subnav-container p {
    margin: 0 0 8px 0;  
}

/*** Audience Navigation ***/

#nav-audience {
    font-size: 0.875em; /* 14px (14/16) */
    height: 0;
    left: 50%;
    line-height: 1.143em; /* 16px (16/14) */
    list-style: none;
    margin: 0 0 0 -468px;
    position: absolute; 
    text-align: right;
    top: -45px;
    width: 936px;
}
#nav-audience li {
    display: inline-block;
    margin: 0 -5px 0 20px;
    vertical-align: top;    
}
#nav-audience li a {
    -webkit-border-radius: 4px;
    /* -webkit-box-shadow: inset 0 1px 1px 1px #bfbfbf; */
    background: #900;  /* #fff */
    color: #fff;  /* #900 */
    border: 1px solid #fff;
    border-radius: 4px; 
    /* box-shadow: inset 0 1px 1px 1px #bfbfbf; */
    display: block;
    padding: 8px 17px 6px 17px;
}
#nav-audience li a:hover {
    background: #d8e8f6; /* b8c8c6;*/
    text-decoration: none; 
    color: #900;
    border: 1px solid #bba;
}



/****************************************
 * McKinney Tools
 ****************************************/
#mckinney-tools {
    background: url(../_assets-main/tools/bg.gif) repeat;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px (14/16) */
    line-height: 1.214em; /* 17px (17/14) */
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    width: 980px;   
}

/*** Tools Header ***/
#mckinney-tools h2 {
    display: none;  
}

/*** Scheduling and Course Links Box ***/
#mckinney-tools .mckinney-tools-box {
    -webkit-border-radius: 12px;
    -webkit-box-shadow: inset 0 1px 1px 1px #bfbfbf;
    background: #fff;
    border-radius: 12px;
    box-shadow: inset 0 1px 1px 1px #bfbfbf;
    float: left;
    margin: 0 0 0 51px; 
    padding: 13px 24px 10px 24px;
    width: 470px;
}
#mckinney-tools .mckinney-tools-box h3 {
    font-size: 0.714em; /* 10px (10/14) */
    letter-spacing: 0.1em;
    line-height: 1.700em; /* 17px (17/10) */
    margin: 0 0 9px 0;
    text-transform: uppercase;
}
#mckinney-tools .mckinney-tools-box ul {
    list-style: none;   
}
#mckinney-tools .mckinney-tools-box ul li {
    background: url(../_assets-main/tools/bullet.png) no-repeat 0 7px;
    margin: 0 0 4px 0;
    padding: 0 0 0 12px;    
}

/*** More Links ***/
#mckinney-tools .mckinney-tools-more {
    float: left;    
    width: 300px;
}
#mckinney-tools .mckinney-tools-more h3 {
    display: none;  
}
#mckinney-tools .mckinney-tools-more ul {
    list-style: none;   
}
#mckinney-tools .mckinney-tools-more ul li {
    clear: left;
    margin: 0 0 4px 80px;
    width: 100%;
}
#mckinney-tools .mckinney-tools-more ul li:last-child {
    margin-bottom: 0;   
}
#mckinney-tools .mckinney-tools-more ul li a {
    display: block; 
    zoom: 1; /* IE has layout */
}

/* News */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-news a {
    background: url(../_assets-main/tools/icons/news.png) no-repeat;
    padding: 1px 0 1px 33px;    
}

/* Events */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-events a {
    background: url(../_assets-main/tools/icons/calendar.png) no-repeat;
    padding: 4px 0 2px 33px;    
}

/* Intranet */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-intranet a {
    background: url(../_assets-main/tools/icons/intranet.png) no-repeat;
    padding: 4px 0 3px 33px;    
}

/* Technology */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-tech a {
    background: url(../_assets-main/tools/icons/technology.png) no-repeat;
    padding: 3px 0 3px 33px;    
}

/* OneStart */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-onestart a {
    background: url(../_assets-main/tools/icons/onestart.png) no-repeat;
    padding: 3px 0 3px 33px;    
}

/* Find People */
#mckinney-tools .mckinney-tools-more ul li.mckinney-tools-more-people a {
    background: url(../_assets-main/tools/icons/people.png) no-repeat;
    padding: 2px 0 6px 33px;    
}

/*** Email Links ***/
#mckinney-tools .mckinney-tools-email {
    padding: 0px;    
}
#mckinney-tools li.mckinney-tools-email {
    background: url(../_assets-main/tools/icons/email.png) no-repeat;
    /*border-bottom: 1px solid #f1f4f3;*/
    padding: 2px 0 3px 33px;    
}
#mckinney-tools .mckinney-tools-email ul {
    list-style: none;   
    width: 110px;
	margin-left: -96px;
	padding-top: 4px;
}
#mckinney-tools .mckinney-tools-email ul.mckinney-tools-email li {
    background: url(../_assets-main/tools/bullet.png) no-repeat 0 12px;
    border-bottom: 1px solid #f1f4f3;
    padding: 3px 0 2px 19px;    
}
#mckinney-tools .mckinney-tools-email ul.mckinney-tools-email li a {
    display: block; 
}

/*** Javascript On ***/

.js #mckinney-tools-wrap {
    background: url(../_assets-main/tools/bg.gif) repeat;
    position: relative;
    width: 100%;
    z-index: 2;
}
.js #mckinney-tools-header {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -480px;
    position: absolute;
    width: 965px;   
}
.js #mckinney-tools-header h2 {
    bottom: -34px;
    display: block; 
    position: absolute;
    right: 45px;
}
.js #mckinney-tools-header h2 a {
    -webkit-border-radius: 0 0 5px 5px;
    background: #333333 url(../_assets-main/tools/bg-open2.gif) no-repeat 88% 50%;
    border-radius: 0 0 8px 8px;
    color: #ddd;
    display: block; 
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
	/*font-family: "BentonSansCondensedRegular","Arial Narrow",Arial,Helvetica,sans-serif;*/
    font-size: 0.75em;  /* 11px (11/16) */
    height: 25px;
    letter-spacing: 0.02em;
    line-height: 1.273em; /* 14px (14/11) */
    padding: 10px 32px 0 12px;
    text-transform: uppercase;
    width: 46px;
}
.js #mckinney-tools-header h2.close a {
    background: #333333 url(../_assets-main/tools/bg-close2.gif) no-repeat 88% 50%;
}
.js #mckinney-tools {
    background: none;
}
/****************************************
 * Connect
 ****************************************/

#connect {
    height: 0;
    left: 50%;
    list-style: none;
    margin: 0 0 0 -495px;
    position: absolute;
    text-align: right;
    width: 930px;
    z-index: 1;
}
.js #connect {
    top: 12px;
}
#connect li {
    display: inline-block;
    margin: 0 -4px 0 8px;
    vertical-align: top;    
}
#connect li a {
    display: block;
    height: 24px;
    text-align: left;
    text-indent: -9999px;
    width: 24px;    
}

.clear {
    clear: both;
}
/* Podcast (IsItLegal) */
#connect li.connect-podcast a {
    background: url(../_assets-main/main/icons/social-media/podcast-24x24.png) no-repeat; 
}
/* Twitter */
#connect li.connect-twitter a {
    background: url(../_assets-main/main/icons/social-media/twitter-24x24.png) no-repeat;    
}
/* Facebook */
#connect li.connect-facebook a {
    background: url(../_assets-main/main/icons/social-media/facebook-24x24.png) no-repeat;   
}
/* GooglePlus */
#connect li.connect-googleplus a {
    background: url(../_assets-main/main/icons/social-media/googleplus-24x24.png) no-repeat;   
}
/* YouTube */
#connect li.connect-youtube a {
    background: url(../_assets-main/main/icons/social-media/youtube-24x24.png) no-repeat;    
}
/* Instagram */
#connect li.connect-instagram a {
    background: url(../_assets-main/main/icons/social-media/instagram-24x24.png) no-repeat;    
}
/* Flickr */
#connect li.connect-flickr a {
    background: url(../_assets-main/main/icons/social-media/flickr-24x24.png) no-repeat; 
}
/* LinkedIn */
#connect li.connect-linkedin a {
    background: url(../_assets-main/main/icons/social-media/linkedin-24x24.png) no-repeat;   
}
/* Twitter2 (Admissions) */
#connect li.connect-twitter2 a {
    background: url(../_assets-main/main/icons/social-media/twitter2-24x24.png) no-repeat;    
}
/* IU Mobile (IUspirit) */
#connect li.connect-iumobile a {
    background: url(../_assets-main/main/icons/social-media/iuone-24x24.png) no-repeat; 
	margin-left: 99px; margin-right: -33px;    
}


/****************************************
 * Accessible Hiding
 ****************************************/

/* Hide for both screenreaders and browsers: 
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { 
    display: none; 
    visibility: hidden; 
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal. 
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: 
drupal.org/node/897638 */
.visuallyhidden:active, .visuallyhidden:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static; 
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
    visibility: hidden; 
}


/****************************************
 * Grade-A Mobile Browsers
 ****************************************/

@media screen and (max-device-width: 480px), (max-device-width: 1024px) {
    html {
        -webkit-text-size-adjust: none; 
    }
    input {
        -webkit-border-radius: 0;   
        border-radius: 0;
    }
}


/****************************************
 * Media Queries
 ****************************************/
 
@media only screen {
    
    /****************************************
     * Branding Bar
     ****************************************/
    
    #identity {
        -webkit-box-shadow: 0 2px 5px 0 #dad6d1;
        border-bottom: none;
        box-shadow: 0 2px 5px 0 #dad6d1; 
    }
    
    
    /****************************************
     * Navigation - Main
     ****************************************/
    
    /*** Subnavigation ***/
    
    #nav #nav-main li .nav-main-subnav {
        -webkit-box-shadow: 0 0 13px 0 #666;
        border: none;
        box-shadow: 0 0 13px 0 #666;
    }
    #nav #nav-main li:hover .nav-main-subnav,
    .loaded #nav #nav-main li .nav-main-subnav {
        left: 1px;
        top: 42px;
    }
    
    /* Content */
    #nav #nav-main li .nav-main-subnav-content-photo-caption img {
        margin-top: 0;
    }
    
    /*** Audience Navigation ***/
    
    #nav-audience li a {
        -webkit-box-shadow: 0 1px 1px 1px #ccccbb;
        border: #fff;
        box-shadow: 0 1px 1px 1px #ccccbb;
    }
    
}