/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
    #Site Styles
    #Page Styles
    #Media Queries
    #Font-Face */


/* BG GRADIENTS: http://www.colorzilla.com/gradient-editor/ 
============================================================= */


/* #Default Site Template Styles
================================================== */


.branding-bar {
    width:100%;
    height:51px; /* 60px total*/
    color:#fff;
	background: black;
	border-bottom: 6px solid #D6A00F;
    /* #ALEX: add bg and border above.. commented out.. padding-bottom:9px; */
    /* #ALEX: commented out.. background:#000 url(../images/branding-bar-bottom-border.jpg) left bottom repeat-x; */
	/* #ALEX  border:6px solid black; ..need this for mobile..can change though.. */
	z-index: 6; /* #ALEX: needed to keep bar on top if sticky bar is implemented */
}
#branding-bar-v1 .wrapper,
#footer-v1 .wrapper { max-width: 965px !important; }



.et-header {
    position:relative;
    height:100px;
}
.et-header .et-logo {
    margin-top:15px;
}
.et-header.fullwidth.column.alpha.omega{
    background: black;
    height: auto;
}
#new-et-logo-home {
    width: 100%;
}
.et-logo-dept-pages {
width: 75%;
padding-top: 10px;
}


.dept-header {
    width:100%;
    position:absolute;
    left:0;
    bottom:-2px;
    height:30px;
    background:transparent url(../images/sliding-dept-header_strip.png) left bottom repeat-x;
}
.dept-header h2 {
    width:auto;
    float:right;
    text-transform:uppercase;
    font-size:16px;
    line-height:30px;
    color:#fff;
    font-weight:bold;
    background:transparent url(../images/sliding-dept-header_angle.png) left top no-repeat;
    padding:0 30px 0 40px;
}
.dept-header h2 a, .dept-header h2 a:hover {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
.dept-feature {
    padding-bottom:3px;
    background:#ebd08b;
    border-bottom:1px solid #d49f0f;
}
.dept-feature img {
    display:static;
}

/* #ALEX */
.main-area {
    background:#fff;
    -moz-box-shadow: 0 0 5px #777; /* Firefox */
  -webkit-box-shadow: 0 0 5px #777; /* Safari, Chrome */
  box-shadow: 0 0 5px #777; /* CSS3 */
    behavior: url(ie-css3.htc);
    /* #AlEX: commented out.. padding-bottom:0.5em; */
}


/* ADDED BY ROB E. 3/22/2013 */
/* E. Scull 3/26/2013: Added new class ".page-content" to templates to facilitate these styles. 
    Using .main-area was applying things too broadly--poor naming on my part. 
 */

.page-content h3 {
    font-weight: bold;
}
.page-content h4 {
    color: #7D110C;
    font-size: 16px;
    padding-top: 15px;
}

.page-content ul {
    padding-left: 2em;
}

.page-content li {
    
}



.page-content .floatbox-right {
    float: right;
    padding: 5px;
    background-color: #fdf7c8;
    border: #eacc4a 1px solid;
    margin-left: 20px;
    margin-bottom: 20px;
}

.page-content .floatbox-left {
    float: left;
    padding: 5px;
    background-color: #fdf7c8;
    border: #eacc4a 1px solid;
    margin-right: 20px;
    margin-bottom: 20px;
}

.page-content .floatbox-right-image {
    float: right;
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.page-content .floatbox-left-image {
    float: left;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.page-content .clear-floats {
    clear: both;
}

.page-content table.people {
    border-collapse: collapse;
    width: 500px;
}

.page-content table.people td {
    border-top: solid 1px #5a5b5e;
    border-bottom: solid 1px #5a5b5e;
    margin: 0px;
    padding: 5px 15px 5px 15px;
    vertical-align: top;
}

.page-content table.people tr.even {
    background-color: #f2f2f2;
}

.page-content table.imagegrid {
    width: 100%;
}

.page-content table.imagegrid td {
    margin: 10px;
    vertical-align: middle;
}


/* IMAGE GRID */

.page-content div.grid_display {
  padding: 20px;
  margin-left: auto; margin-right: auto;  margin-top:50px; margin-bottom:0;
}  
  
.page-content ul.grid {
  padding: 0;
  list-style: none;
  margin: 20px auto 0;
}

.page-content ul.grid li {
  float: left;
  padding: 0;
  margin: 0 5px 10px 5px;
  min-width: 130px;
} 

.page-content ul.grid li a {
  display: block;
}

.page-content ul.grid li img {
  background-color: white;
  padding: 7px; margin: 0;
  border: 1px dotted #58595b;
}

/* END ADDED BY ROB */

.horiz-nav {
    height:36px; /* 38px total */
    /*line-height:36px;*/
    /*padding-bottom:6px;*/
    
    background: #DCB038; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZDY5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWJkMThiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGNhN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNWMzNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNkNTlmMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNkMTk4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiNkYWFiMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiNlOWNjN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNlOWNjN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNlY2QzOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNmMWRmYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTljZjhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #f0d691 0%, #ebd18b 3%, #e8ca7c 9%, #e5c368 23%, #d59f0e 77%, #d19800 80%, #daab31 83%, #e9cc7e 86%, #e9cc7e 89%, #ecd391 94%, #f1dfa9 97%, #e9cf8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0d691), color-stop(3%,#ebd18b), color-stop(9%,#e8ca7c), color-stop(23%,#e5c368), color-stop(77%,#d59f0e), color-stop(80%,#d19800), color-stop(83%,#daab31), color-stop(86%,#e9cc7e), color-stop(89%,#e9cc7e), color-stop(94%,#ecd391), color-stop(97%,#f1dfa9), color-stop(100%,#e9cf8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0d691 0%,#ebd18b 3%,#e8ca7c 9%,#e5c368 23%,#d59f0e 77%,#d19800 80%,#daab31 83%,#e9cc7e 86%,#e9cc7e 89%,#ecd391 94%,#f1dfa9 97%,#e9cf8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0d691 0%,#ebd18b 3%,#e8ca7c 9%,#e5c368 23%,#d59f0e 77%,#d19800 80%,#daab31 83%,#e9cc7e 86%,#e9cc7e 89%,#ecd391 94%,#f1dfa9 97%,#e9cf8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0d691 0%,#ebd18b 3%,#e8ca7c 9%,#e5c368 23%,#d59f0e 77%,#d19800 80%,#daab31 83%,#e9cc7e 86%,#e9cc7e 89%,#ecd391 94%,#f1dfa9 97%,#e9cf8b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0d691 0%,#ebd18b 3%,#e8ca7c 9%,#e5c368 23%,#d59f0e 77%,#d19800 80%,#daab31 83%,#e9cc7e 86%,#e9cc7e 89%,#ecd391 94%,#f1dfa9 97%,#e9cf8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d691', endColorstr='#e9cf8b',GradientType=0 ); /* IE6-8 */
    
    border:1px solid #d9a020;
    border-bottom-color:#d3af5e;
	
}


.horiz-nav > ul {
    list-style:none;
    /* font-weight:bold; */
    margin-bottom:0;
   /* Clear floats */
    float:left;
    width:auto;
        float:right;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
.horiz-nav > ul > li {
    float:left;
    margin:0;
    position:relative;
	border-right:1px solid #d2a02a;
	font-size:1.1em;
}
.horiz-nav > ul > li > a {
    display:block;
    height:25px; /* 30 total */
	padding:5px 30px 0 30px;
	margin:0;
    color:#000;
    text-decoration:none;
}
.horiz-nav > ul a:hover {
    text-decoration:underline;
}

/*--- DROPDOWN ---*/
.horiz-nav ul ul{
    width:200px;
    border:1px solid #f3e7c4;
	border-top:6px solid #EFDA9F; /* Use border top (#EFDA9F). Margin won't work, creates a gap that loses the drop-down. */
	list-style:none;
	margin:0;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:100;
        
        background: #e6dac0; /* Old browsers */
        background: -moz-linear-gradient(top,  #e6dac0 0%, #d2bd9c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6dac0), color-stop(100%,#d2bd9c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e6dac0 0%,#d2bd9c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e6dac0 0%,#d2bd9c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e6dac0 0%,#d2bd9c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e6dac0 0%,#d2bd9c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dac0', endColorstr='#d2bd9c',GradientType=0 ); /* IE6-9 */
        
}

.horiz-nav ul ul li{
    float:none;
        margin:0;
}
.horiz-nav ul ul a{
        display:block;
        margin:0;
    text-decoration:none;
        padding:5px 5px 5px 20px;
        background:transparent url(../images/gold-bullet.png) 8px 11px no-repeat;
}
.horiz-nav ul li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
.horiz-nav ul li:last-child:hover ul{ /* for the last item (furthest right), align the right edge rather than the left. */
    left:auto;
        right:-2px;
}
.horiz-nav ul li:hover > a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    /*background:#e6dac0;*/
        color:#000;
    text-decoration:none;
        
        background: rgb(240,214,145); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,214,145,1) 0%, rgba(235,209,139,1) 3%, rgba(232,202,124,1) 9%, rgba(229,195,104,1) 23%, rgba(213,159,14,1) 71%, rgba(196,140,0,1) 98%, rgba(218,171,49,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,214,145,1)), color-stop(3%,rgba(235,209,139,1)), color-stop(9%,rgba(232,202,124,1)), color-stop(23%,rgba(229,195,104,1)), color-stop(71%,rgba(213,159,14,1)), color-stop(98%,rgba(196,140,0,1)), color-stop(100%,rgba(218,171,49,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,214,145,1) 0%,rgba(235,209,139,1) 3%,rgba(232,202,124,1) 9%,rgba(229,195,104,1) 23%,rgba(213,159,14,1) 71%,rgba(196,140,0,1) 98%,rgba(218,171,49,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,214,145,1) 0%,rgba(235,209,139,1) 3%,rgba(232,202,124,1) 9%,rgba(229,195,104,1) 23%,rgba(213,159,14,1) 71%,rgba(196,140,0,1) 98%,rgba(218,171,49,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,214,145,1) 0%,rgba(235,209,139,1) 3%,rgba(232,202,124,1) 9%,rgba(229,195,104,1) 23%,rgba(213,159,14,1) 71%,rgba(196,140,0,1) 98%,rgba(218,171,49,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,214,145,1) 0%,rgba(235,209,139,1) 3%,rgba(232,202,124,1) 9%,rgba(229,195,104,1) 23%,rgba(213,159,14,1) 71%,rgba(196,140,0,1) 98%,rgba(218,171,49,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d691', endColorstr='#daab31',GradientType=0 ); /* IE6-9 */

}
.horiz-nav ul li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
        color:#000;
        /*background:transparent;*/
}
.horiz-nav ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
        background: #d8b66b; /* Old browsers */
        background: -moz-linear-gradient(top,  #d8b66b 0%, #dfc691 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8b66b), color-stop(100%,#dfc691)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d8b66b 0%,#dfc691 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d8b66b 0%,#dfc691 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d8b66b 0%,#dfc691 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d8b66b 0%,#dfc691 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8b66b', endColorstr='#dfc691',GradientType=0 ); /* IE6-9 */
        
        /* 
            TODO: Can the bullet be used with the gradient? 
            Maybe try actual bullet image instead of bg image? 
            But then the hover gradent wouldn't cover the bullet. 
            Hmmmm... */
        /*
        background-image: url(../images/gold-bullet.png);
        background-position:8px 11px;
        background-repeat: no-repeat;
        */
}


/* TODO: 3rd level drop downs are hidden for now, although they are in the HTML. 
Design spec does not use 3rd level; confirm with team. */
.horiz-nav ul ul ul{
    display:none;
}




/* News List Page Layout
================================================== */
div.news-row  {
    clear:left;
    padding:0;
    /*padding-bottom:15px;*/
    border-bottom:1px solid #bbb;
    margin:15px 0 10px 0;
}

div.news-row.no-photo  {
    padding-left:230px;
}

div.news-row img.news-img-med {
    height:200px;
    width:200px;
    float: left;
    margin:0 30px 15px 0;
}

div.news-row h4  {
    font-weight:bold;
    line-height:100%;
    margin:0;
    padding:0;
}
div.news-row h4 a  {
  text-decoration:none;
}


div.news-row .news-date {
    margin:0;
    padding:0;
    font-style: italic;
    font-size: .875em;
    line-height:100%;
    color:#555;
}

div.news-row p.news-summary{
    margin:0;
    margin-top:1em;
    padding: 0; 
    line-height:100%;
}

div.news-row a.readmore {
    display:inline-block;
    margin:1em 0 15px 0;
}





/* Footer
================================================== */
.footer {
    padding-top:0.5em;
    background:black;
    color:#fff;
}

.footer h3 {
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}

.footer ul {
    list-style:none;
}

.footer li {
    font-size:0.8em;
    line-height:1.2em;
    margin-bottom:1em;
}

.footer a {
    color:#fff;
}
.footer a:hover {
    color:#ddd;
    text-decoration:none;
}

.footer.home .container .middle {
    position:relative;
}
.footer.home .container .middle:before {
    content:"";
    background:transparent url(../images/gold-dot-vertical-line.png) 0 0 no-repeat;
    height:163px;
    width:3px;
    position:absolute;
    left:-20px;
    top:45px;
}
.footer.home .container .middle:after {
    content:"";
    background:transparent url(../images/gold-dot-vertical-line.png) 0 0 no-repeat;
    height:163px;
    width:3px;
    position:absolute;
    right:-8px;
    top:45px;
}

.home .footer ul.tools-list {
    list-style:none;
}
.home .footer ul.tools-list li {
    font-size:1em;
    font-weight:bold;
}
.home .footer ul.tools-list li a {
    text-decoration:none;
}
.home .footer ul.tools-list li a:before {
    content:"> ";
    font-family:"WebSymbolsRegular";
    font-size:0.6em;
    line-height:1.2em;
    vertical-align:middle;
}


.level2 .footer ul.tools-list {
    list-style:none;
}
.level2 .footer ul.tools-list li {
    font-size:1.2em;
    font-weight:bold;
    width:79px; /* 120px total */
    float:left;
    text-align:center;
    padding-right:30px;

}
.level2 .footer ul.tools-list li:last-child {
    border-right:none;
    padding-right:none;
    margin-right:none;
}
.level2 .footer ul.tools-list li a {
    text-decoration:underline;
}
.level2 .footer p {
    color:#b3b3b3;
    font-weight:bold;
}

.footer .social-icons {
    margin-top:30px;
    text-align:right;
    font-family:"WebSymbolsRegular";
    font-size:3em;
    line-height:2em;
    vertical-align:middle;
}

.footer .social-icons a {
    text-decoration:none;
    color:#ce9e23;
}
.footer .social-icons a:hover {
    text-decoration:none;
    color:#FC0;
}




.sub-footer {
    padding-top:1em;
    padding-bottom:1em;
    font-size:0.9em;
}
.sub-footer p {
    line-height:120%;
}
.sub-footer .logo {
    margin-top:5px;
}
.sub-footer em {
    font-size:0.9em;
}

.logo_youtube{
    width: 45px;
    height:45px;
    display:block;
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/youtube_gold.png");
}
.logo_facebook{
    width: 45px;
    height:45px;
    display:block;
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/facebook_gold.png");
}
.logo_twitter{
    width: 45px;
    height:45px;
    display:block;
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/twitter_gold.png");
}
.logo_youtube:hover{
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/youtube_color.png");
}
.logo_facebook:hover{
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/facebook_color.png");
}
.logo_twitter:hover{
    background-image: url("http://engr.iupui.edu/_assets/images/social_media/twitter_color.png");
}




/*
Homepage specific styles
=============================================================== */

.home ul {
    margin-left:0;
    padding-left:0;
}

.home-feature {
    height:240px; /* 248 total */
    position:relative;
    border-bottom:8px solid #e6dac0;
    z-index:1;
}

.home-feature img {
    height:240px;
    margin:0;
}

.home-feature .blurb {
    color:#fff;
    width:410px; /* 430 total */
    padding:10px;
    position:absolute;
    bottom:0;
    left:20px;
    
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

.home-feature .blurb h3 {
    color:#fff;
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:0;
}

.home-feature .blurb p {
    font-weight:bold;
}

.home-feature a {
    color:#fff;
}



ul.home-info-list {
    list-style:none;
        text-transform:uppercase;
    font-size:1.2em;
    font-weight:bold;
}

ul.home-info-list li {
    border-bottom:1px solid #bababa;
    margin:0;
}
ul.home-info-list li:last-child {
    border-bottom:none;
}

ul.home-info-list li a {
    display:block;
    padding:0.5em 1em;
    color:#5a5b5e;
    text-decoration:none;
}
ul.home-info-list li a:hover {
    background: #ddb652; /* Old browsers */
    background: -moz-linear-gradient(left,  #ddb652 0%, #faf4e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ddb652), color-stop(100%,#faf4e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ddb652 0%,#faf4e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ddb652 0%,#faf4e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ddb652 0%,#faf4e2 100%); /* IE10+ */
    background: linear-gradient(to right,  #ddb652 0%,#faf4e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddb652', endColorstr='#faf4e2',GradientType=1 ); /* IE6-9 */
}






/* Department Home Specific Styles
=============================================================== */
.dept-home-column-box {
    margin-bottom:1em;
}

.dept-home-column-box .social-icons {
    text-align:center;
    font-family:"WebSymbolsRegular";
    font-size:3em;
    line-height:2em;
    vertical-align:middle;
}

.dept-home-column-box .social-icons a {
    text-decoration:none;
    color:#555;
}
.dept-home-column-box .social-icons a:hover {
    text-decoration:none;
    color:#888;
}






/* Program Home Specific Styles
This layout was discovered late in the process, so the "box1" class is a bit of a hackish way
to get the top-right box in that layout to look different from the other boxes in the dept homepages.
Couldn't apply the style to all boxes in this page, since the others don't have the border, etc.
=============================================================== */

.program .dept-home-column-box h3 {
    background-color:#D49F0F;
}

.program .dept-home-column-box h4 {
    color:#7d110c;
    font-size:120%;
}

.program .dept-home-column-box.box1 h3 {

    margin-left:-10px;
    margin-right:-10px;

}

.program .dept-home-column-box.box1 {
    border:2px solid #d7ccb5;
        padding:0 10px 10px 10px;
        background: rgb(244,239,227); /* Old browsers */
        background: -moz-linear-gradient(top,  rgb(244,239,227) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,239,227)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgb(244,239,227) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgb(244,239,227) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgb(244,239,227) 0%,rgb(255,255,255) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgb(244,239,227) 0%,rgb(255,255,255) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4efe3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.program .main-area {
    background-color:white;
}

.program .main-area .border-wrapper {
    background-color:#fff;
}

















/* General Reusable Styles
================================================== */
.nowrap {
    white-space: pre;
}

.highlight {
    background-color: #FFFF88 !important;
}

.optional-left-col-content {
    width:255px; /* 255px total */
}

.optional-left-col-content img {
    /* same as .scale-with-grid base class */
    max-width: 100%;
  height: auto; 
}

.crimson-block-heading {
    background-color: black;
    color:#fff;
    font-weight:bold;
    font-size:1em;
    line-height:2em;
    text-transform:uppercase;
	text-align: center;
    padding:0 1em;
}

.lighter {
    color:#888;
}

.add-padding {
    padding:10px;
}

a.more-link {
    display:block;
    border-top:2px solid #bababa;
    color:#555;
    text-align:right;
    line-height:150%;
}



.inset-right {
    float:right;
    margin:0 0 1em 1em;
}
.inset-right p.caption {
    margin:0;
    font-size:0.8em;
}

.inset-right.news-image-box {
    width:200px;
    padding:10px;
    border: 1px solid #C9C9C9;
}
.inset-right.news-image-box img {
    width:200px;
}




ul.news-list {
    list-style:none;
}
ul.news-list li {
    
}
ul.news-list li img {
    float:left;
        height:70px;
        width:70px;
}
ul.news-list li h4, ul.news-list li p {
    margin-left:80px;
}
ul.news-list li h4 {
    margin-bottom:0;
    font-size:1em;
    line-height:100%;
}


ul.events-list {
    list-style:none;
}
ul.events-list li {
    clear:left;
}
ul.events-list li .date {
    float:left;
    width:70px;
    /* TODO: webify font */
    font-family:"EB Garamond", Garamond, Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
}
ul.events-list li .date .month {
    display:block;
    text-align:center;
    font-size:1.8em;
    color:#7d110c;
    margin-bottom:5px;
}
ul.events-list li .date .day {
    display:block;
    text-align:center;
    font-size:1.8em;
}
ul.events-list li h4, ul.events-list li p.time {
    margin-left:80px;
}
ul.events-list li h4 {
    margin-bottom:0;
    font-size:1em;
    line-height:100%;
}
ul.events-list li p.time {
    color:#7d110c;
}
ul.events-list li h4 a {
    color:#000;
    text-decoration:none;
}
ul.events-list li h4 a:hover {
    color:#555;
}





.people-list{
    
}

.people-row{
    clear:left;
    padding:0.8em 1em;
    background:#f2f2f2;
    border:1px solid #e2e4e5;
    margin-bottom:1em;
}

.people-list.has-pix .people-row, .people-row.has-pix {
    min-height:120px;
}

.people-list.has-pix .people-row img, .people-row.has-pix img {
    float:left;
    height:120px;
    width:90px;
}

.people-list.has-pix .people-row .people-text, .people-row.has-pix .people-text {
    margin-left:120px;
}

.people-row h4{
    font-weight:bold;
    font-size:120%;
    line-height:120%;
    color:#7d110c;
    margin:0;
    padding:0;
}
.people-row p{
    font-size:120%;
    margin:0;
    padding:0;
}
.people-row .title{
    font-weight:bold;
    font-style:italic;
}
.people-row .link{

}
.people-row ul{
    list-style:none outside;
    margin:0;
    padding:0;
}
.people-row ul li{
    font-size:120%;
    margin:0;
    padding:0;
    padding-left:20px;
    background:#f2f2f2 url(../images/crimson-triangle-bullet.png) 0 4px no-repeat;
}
.people-row a {
    text-decoration:none;
}



.adjunct-list {
    
}

.adjunct-list h4 {
    font-size:120%;
    line-height:120%;
    color:#7d110c;
    font-weight:bold;
}

.adjunct-list ul { 
    list-style:none outside;
}
.adjunct-list li { 
    padding-left: 1em; 
    text-indent: -.7em;
}
.adjunct-list li:before {
    content: "• ";
    color: #7d110c;
}






.course-detail {
}

.course-detail h3 {
    margin-bottom:0;
    line-height:100%;
}

.course-detail h4 {
    margin-top:0;
    line-height:100%;
    color:#555;
}

.course-detail h5 {
    font-weight:bold;
    margin-top:1em;
    margin-bottom:0.5em;
    line-height:100%;
    color:#7d110c;
}

.course-detail ul {
margin-left:1em;
}



/* Request Info Form styles 
------------------------------------------------------------------------*/
/* uncomment if using VFB form
#request-form input {
    display:block;
    margin:0;
}
*/


#request-form label {
    width:auto;
    float:left;
    margin-right:20px;
}

#request-form label.error input {
    border:1px solid #900;
    background-color:#EFD3D3;
}

#request-form input.double-wide {
    width:333px;
}

#request-form input.state {
    width:40px;
}

#request-form input.zip {
    width:81px;
}

#request-form .field-row {
    clear:left;
}


input.invalid, textarea.invalid, select.invalid { 
    border:1px solid #900;
    background-color:#EFD3D3 !important;
}
input[type='text'].inactive, textarea.inactive, select.inactive, option.inactive { 
    color: #999;
    font-style: italic;
}
input[type='text'].required, textarea.required { 
    background: url(required-input.png) right 5px no-repeat;
}





/* Twitter Feed Styles
------------------------------------------------------------------------*/
.twitter_stream ul{list-style-type: none;}    
.twitter_stream li{padding-bottom:10px;} 
.twitter_stream li p {margin:0;}    
.twitter_avatar{display:inline-block; float:left; padding-right:10px}
.twitter_author { display:none; }   
.tweet_content{padding-left:60px; font-size:90%;}    
.twitter_text {}    
.twitter_date {color:#777; font-size:10px; }    
.twitter_refresh_notice{margin: 0 0 10px 0; padding: 0; width: 100%;}    
.twitter_refresh_notice a{display: block; padding: 10px; width: 99%; background-color: #CCFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border: 1px solid #000000; color: #000000; text-align:center; }    
.twitter_refresh_notice a:link{text-decoration: none; color: #000000; background-color: #CCFFFF;}    
.twitter_refresh_notice a:hover{color: #000000; background-color: #CCFFFF; }  







/* Vertical Column Navs
Two versions, gray and orange.
Dimensions are the same, colors change depending on main or dept color scheme.
Gray is default, override for orange.
=========================================================================== */


.column-nav {   
    width:210px; /* 255px total */
    padding:10px 35px 10px 10px;    
    color:#fff;
    
    background: #ccc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #aaaaaa 0%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#aaaaaa), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #aaaaaa 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #aaaaaa 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #aaaaaa 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(45deg,  #aaaaaa 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#333333',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.column-nav h2 {    
    font-size:1.7em;
    line-height:100%;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
    margin-bottom:0.25em;
}

.column-nav ul {
    list-style:none;
        font-weight:bold;
    font-size:14px;
    margin:0;
}

.column-nav li {
    margin:0;
}

.column-nav > ul > li {
    border-bottom:1px dotted #ddd;
}
.column-nav > ul > li:last-child {
    border-bottom:none;
}

.column-nav > ul > li.hot > a, .column-nav > ul > li.hot > a:hover {
    position:relative;
    background:#333;
    margin-right:-45px;
}
/*.column-nav > ul > li.hot > a:hover {
    background:#333 !important;
}*/

.column-nav > ul > li.hot > a:after {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -10px;
    right: 0;
    background: transparent url(../images/foldback-15px-1a1a1a.png) 50% 50% no-repeat;
    /* z-index: 1; */
}


.column-nav ul li a {
    display:block;
    padding:0.5em 1em;
    color:#fff;
    text-decoration:none;
}
.column-nav ul li a:hover { 
    background:#474747;
}

.column-nav ul > li > ul {
    background:#646464;
    margin-left:0;
        font-weight:normal;
}

.column-nav ul > li > ul li a {
    display:block;
    padding-left:2em;
}

.column-nav ul > li > ul > li.hot {
    background:#474747;
}



/* column-nav dept color overrides (orange): */

.dept .column-nav { 
    background: #d7a51d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3YTUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2RkYjEzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzk2NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d7a51d 0%, #ddb13f 63%, #dc9653 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7a51d), color-stop(63%,#ddb13f), color-stop(100%,#dc9653)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d7a51d 0%,#ddb13f 63%,#dc9653 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d7a51d 0%,#ddb13f 63%,#dc9653 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d7a51d 0%,#ddb13f 63%,#dc9653 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d7a51d 0%,#ddb13f 63%,#dc9653 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7a51d', endColorstr='#dc9653',GradientType=0 ); /* IE6-8 */
}
.dept .column-nav > ul > li {
    border-bottom:1px dotted #fff;
}
.dept .column-nav > ul > li.hot > a, .dept .column-nav > ul > li.hot > a:hover {
    background:#aa7e12; /* TODO: gradient */
    background: #b48611; /* Old browsers */
    background: -moz-linear-gradient(top,  #b48611 0%, #a07613 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b48611), color-stop(100%,#a07613)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b48611 0%,#a07613 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b48611 0%,#a07613 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b48611 0%,#a07613 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b48611 0%,#a07613 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48611', endColorstr='#a07613',GradientType=0 ); /* IE6-9 */

}

.dept .column-nav ul li a:hover {   
    background:#b78b1c;
}

.dept .column-nav ul > li > ul {
    background:#c49825;
}

.dept .column-nav ul > li > ul > li.hot {
    background:#b78b1c;
}


/* #ALEX: Commented out for a cleaner look..and for mobile
.border-wrapper {
    border:1px solid #aaa;
    padding:20px;
}
*/


.has-left-foldback-header {
    margin-left:20px;
}

.has-left-foldback-header h3.foldback-header {
    margin-left:-39px;
    padding:0.3em 1em 0.3em 40px;
    background:#d49f0f;
    color:#fff;
    font-size:1.4em;
    font-weight:bold;
    line-height:120%;
    position:relative;
    /* need inline-block to get width:auto */
    width:auto;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1;
  *display: inline;
}

.has-left-foldback-header h3.foldback-header:after {
    content: '';
    display: block;
    height: 25px;
    width: 18px;
    position: absolute;
    bottom: -25px;
    left: 0;
    background: transparent url(../images/foldback-18x25px-gold.png) 0 0 no-repeat;
    /* z-index: 1; */
}



/* #Directory and Faculty Profile Styles
================================================== */



.search-form-box {
    background:#e6e6e6;
    border:2px solid #d9dadc;
}

.search-form-box form {
    margin:0;
}

.search-form-box .note {
    margin:0;
    padding:0;
    font-size:10px;
    color:#555;
    font-style:italic;
}

.search-form-box select {
    margin-bottom:4px;
    width:270px;
}
.search-form-box input[type="text"] {
    margin-bottom:0;
    width:260px;
}
.search-form-box input[type="submit"] {
    margin-bottom:0;
    width:270px;
}





.faculty-profile-wrapper {
    border:2px solid #e1e2e3;
        background-color:#f2f2f2;
    padding:0;
}

.faculty-profile-wrapper .faculty-header {
    position:relative;
    
    background: #f4e6c1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4e6c1 0%, #e5c36a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4e6c1), color-stop(100%,#e5c36a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4e6c1 0%,#e5c36a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4e6c1 0%,#e5c36a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4e6c1 0%,#e5c36a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4e6c1 0%,#e5c36a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e6c1', endColorstr='#e5c36a',GradientType=0 ); /* IE6-9 */
    
    border:2px solid #dcb23e;
    
    padding:15px;
    
    margin:-2px -2px 0 -2px;
}

.faculty-profile-wrapper .faculty-header h3 {
    font-size:24px;
    font-weight:bold;
    color:#7d110c;
    margin:0;
}

.faculty-profile-wrapper .faculty-header ul {
    margin-top:0;
    margin-bottom:0;
    width:400px;
}

.faculty-profile-wrapper .inset-right.faculty-photo {
    position:relative;
    float:right;
    z-index:1000;
    margin-top:-60px;
    margin-right:10px;
    width:180px;
    padding:10px;
    border:1px solid #e1e2e3;
    background-color:rgba(255,255,255,0.5);
}

.faculty-profile-wrapper .inset-right.faculty-photo h5 {
    font-weight:bold;
    color:#717171;
    margin-top:1em;
    border-top:1px dashed #555;
    padding:0.5em 0;
}

.faculty-profile-wrapper .inset-right.faculty-photo h5 {
    color:#717171;
}

.faculty-profile-wrapper .inset-right.faculty-photo a {
    line-height:120%;
}

.faculty-profile-wrapper h4 {
    font-size:120%;
    font-weight:bold;
    color:#7d110c;
}

.faculty-profile-wrapper ul {
    margin-bottom:0;
}


/* #Page Styles
================================================== */




/* #Branding Bar Styles
================================================== */
#identity {
    background-color: #000;
    color: #fff;
    font-size: 0.625em; /* 10px */
    height: 44px;
    line-height: 1em; /* 10px */
    width: auto;
	font-size: 1.1em;
}
#identity a {
    color: #fff;
    text-decoration: underline;
}
#identity hr {
    display: none;
}
#identity #signature {
    height: 44px;
    margin: 0 auto;
    position: relative;
    text-align: left;
	width: 960px;
}
#identity #signature a.iupui {
    background: url(../images/iupui_black.gif) no-repeat 20px 0;
    display: block;
    height: 44px;
    left: -20px; /* #ALEX */
    position: relative;
    top: 0;
    width: 429px;
}
#identity #signature a.iupui img {
    display: none;
}
#identity form {
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
	width: 330px 
}
#identity fieldset {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
}
#identity fieldset#set1 {
    left: 0;
    position: relative;
    top: 17px;
}
#identity label {
    display: inline;
    font-weight: normal;
}
#identity ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#identity li {
    float: left;
    margin: 0 10px 0 0; 
}
#identity input#search1, #identity input#search2 {
    left: 0;
    float: left;
    height: 13px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
    width: 13px;
}
#identity fieldset#set2 {
    left: 2px;
    position: relative;
    top: 12px;
}
#identity #searchtxt {
    border: 1px solid #848484;
    color: #616364;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* 10px */
    height: 1.500em; /* 15px */
    line-height: 1.100em; /* 11px */
    margin: 0 6px 0 0;
    min-height: 13px;
    padding: 2px 4px 0 4px;
    width: 100px;
}
#identity #go {
	color: #7d110c;
	width:auto;
	height: 22px;
	padding-top: 2px;
}




/* #Media Queries, #ALEX
================================================== */

/* This class is only for testing.. so you can see which pages you can visit.. */

.visit {
	border-bottom: 4px solid blue;
}

/* Desktop Changes 
==================================================*/
	
.footer .social-icons { /* Facebook and YouTube icons in footer */
	text-align: center;
	margin-top: 0;
}

/* This gives the content bottom spacing */
.container .one-third.column { 
padding-bottom: 10px;
}

.dept-header { /* This is not showing for desptop site.. figure out why.. */
	display: inline;
}

.sub-footer{
	background: #d6a00f;
}

body{
	background:none;
}

#mobile-identity{
	display:none;
}


#mobile-signature{
	padding: 10px;
	float:left;
	width: 50px;
	background: black;
}

.sub-nav-toggle{
	display:none;
}

.theme-et .nivoSlider{
	border-bottom: 0px !important;
}

.slider-wrapper{
	border-bottom: 4px solid #D6A00F;
}


/* All Mobile Sizes - Tablet and Phone 
==================================================*/

@media only screen and (max-width: 1024px) {
    /* Padding between IU Branding and ET Header */
    .et-header{padding-top: 45px;}
}


@media only screen and (max-width: 959px) {
.horiz-nav { display: none; }

body { 	/* background: white; maybe use this for cleaner mobile look?*/
		background: #DFAD0E url(../images/bg-main-gold.jpg) 50% 0 no-repeat; /* Main gold background image */
}

img.scale-with-grid { /* Dept. header images.. give room for nav-toggle */
	padding-top: 10px;
}

img.scale-with-grid.add-bottom /* The "Request More Info" and "Make a Gift" images */
/* #identity  The IUPUI image and search form */
{ display: none; }


.has-left-foldback-header {margin-left: 0px;}
select { width: 100%; }
.footer h3, .footer ul.tools-list li a{padding: 10px;}

/*.dept .super-wrapper {padding: 10px; background: white;}*/

.has-left-foldback-header h3.foldback-header, .foldback-header, h3.foldback-header {margin: 0px 0px 10px 0px; padding: 5px;}
.footer, .tools-list, .sub-footer {text-align: center;}
.dept-feature {padding-bottom: 0; border-bottom: none; }
			
ul.home-info-list li a:hover { background: none; } /* Remove hover background for performance */


/* .main-area { border: 4px solid white; } Possible solution to fixing content space */

/* This gives the content top-bottom spacing..still need side spacing.. */
.container .one-third.column { 
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
}

.add-bottom {
margin-bottom: 0px !important; /*Remove bottom margin from secondary nav..must be !important */
}


.home ul { /* News and other lists */
	margin-left: 4%;
}

.container .two-thirds.right.column {
	width: 96%; /* Width for page content..pages other than Home */
	padding-right: 2%;
}


#mobile-identity{
	display:inline;
}

.branding-bar{
	margin-bottom: 10px;
}

.slider-wrapper /*  Nivo Slider */ {
    display: none;
}

.column-nav ul li a:hover { /* Remove hover effect from subnav */
    background:none;
}

.column-nav h2 {
	text-transform:none;
	text-align:center;
}

.sub-nav-toggle{
	display:inline;
}

.sub-nav{ /* Hide sub-nav until shown with JS */
	display:none;
}

.sub-nav-show{
	display: inline;
}

#new-et-logo-home {
    width: 90%;
    float: right;
    padding-top: 10px;
}



/* Tablet Portrait size to standard 960 (devices and browsers)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body { 	/* background: white; maybe use this for cleaner mobile look?*/
		background: #DFAD0E url(../images/bg-main-gold.jpg) 50% 0 no-repeat; /* Main gold background image */
}

/* This gives the content some spacing */
.container .one-third.column { 
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.container .two-thirds.right.column {
	padding-left: 2%; /* Width for page content..pages other than Home */
}

.container .ten.columns {
width: 500px; /* Width for dept. page content */
}

.column-nav { /* Secondary/Column Navigation */
	width: 680px;
}

#identity #signature{
	width: 740px;
}

#identity #signature a.iupui{
	display:none;
}

}

/* All Phone Sizes (devices and browser) 
==================================================*/
@media only screen and (max-width: 767px) {

.container .ten.columns {
	width: 96%; /* Width for dept page content */
	padding-right: 2%;
	padding-left: 2%;
}

#identity{ /* Hide IUPUI logo and search bar for all phone sizes.. replace with mobile-identity */
	display:none;
}
.dept-header{
    display:none;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
==================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.column-nav { /* Secondary/Column Navigation */
	width: 396px;
	float: right;
	margin-right: 10px;
}

.news-image-box{ /* "Department Chair" content area on Dept pages... gives content padding */
	width:440px;
	margin: 0 auto;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
==================================================*/
@media only screen and (max-width: 479px) {
.et-logo { 
	width: 300px; 
	height: auto; 
	/* background: white; ..try to get this worked out for a cleaner look..phone and tablet */
	} /* Resize ET logo image */
	
.news-image-box{ /* "Department Chair" content area on Dept pages... gives content padding */
	width:280px;
	margin: 0 auto;
}

}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
        Just create a "fonts" folder at the root,
        copy your FontName into code below and remove
        comment brackets */

/*  @font-face {
        font-family: 'FontName';
        src: url('../fonts/FontName.eot');
        src: url('../fonts/FontName.eot?iefix') format('eot'),
             url('../fonts/FontName.woff') format('woff'),
             url('../fonts/FontName.ttf') format('truetype'),
             url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
        font-weight: normal;
        font-style: normal; }
*/