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

body {
    background: #363636 url("../img/bg-field.jpg") repeat-x;
    margin:0;
    padding:0;
}
#page-wrapper {
    background: url("../img/iupui-background.jpg") top center no-repeat;    
    width: 100%; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*padding-top:5px;*/
}
#page-wrapper, body, #content,table {
    font-size: 12px; /* 12px */
    line-height: 1.500em; /* 18px */
}
#page {
    margin:10px auto;
    width:800px;
    border: 5px solid #F8F8F8;
    background-color:#F8F8F8; 
    /*Style added to fix issues with less content on a page*/
    min-height: 800px;
}
#campusHead {
    width:810px;
    margin:10px auto;
}
#nav2 {
    margin:0 auto 40px auto;
    padding:5px;
    width:800px;
    background-color:rgba(255,255,255,.1);
    _background-color: #444;
}


h1, h2, h3, h4, h5, h6, p, form, fieldset, dd {
    margin: 0;
    padding: 0;
}
img, fieldset,input {
    border: 0;
}
a {
    color: #900;
    text-decoration: none;
}
a:hover {
    color: #900;
    text-decoration: underline;
}
td, th {
    vertical-align: top;
}
p {
    margin: 0 0 1.500em 0;
}
h1 {
    font-size: 1.833em; 
    }
h2 {
    font-size: 1.667em; 
}
h3 {
    font-size: 1.333em; 
    line-height: 1em; /* 18px */
    color:#333;
    margin: 0.900em 0 .25em 0;
}
h4 {
    font-size: 1.167em; /* 16px */
    color:#444;
    line-height: 1em; 
    margin: 1.125em 0 .25em 0;
}
h5 {
    font-size: 1.063em;
    color:#444;
    line-height: 1.286em; /* 18px */
    margin: 1.286em 0;
}
h6 {
    font-size: 1.000em; /* 12px */
    line-height: 1.500em; /* 18px */
    margin: 1.500em 0;
}
.addBreak li {
    margin-bottom: 1em;
}
.noBreak li {
    margin-bottom: 0em;
}

/****************************************
 * Skip Anchors
 ****************************************/

#skip, #skip1, #skip2, #skip3, #skip4 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* h1, h2 */

h1 {
    margin: 0;
    width: auto;
}
#global h1 a { display:block; width:auto; height:100px; background:#333 url('../img/iuftw-bulletin-header-2018-2019.jpg') no-repeat; text-indent:-10000px;}
#global h1 em { display:none; }
.schoolPage #global h1 a { height: 30px; background-position:left center; background:#333 url('../img/iuftw-bulletin-header-school-2018-2019.jpg') no-repeat; }
.schoolPage .schoolHeader a { display:block; width:auto; height:68px; background:#333 url('../img/iuftw-school-background.jpg') no-repeat; background-position:left center; text-decoration:none; line-height:68px; font-size: 22px; font-family:"Trade Gothic LT Std", Arial, Verdana; border-top:2px solid white; color:white; padding-left: 19px;}
h2 {
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 0 0 5px 0;
    padding: 15px 20px;
    width: auto;
}

h2.schoolheader {
    background-color: #FFF;
    border:0;
    border-bottom:1px solid #ccc!important;
    margin: 0 0 15px 10px;
    padding: 0 8px 8px 0;
    width: 558px;
    float:left;
}
h2.schoolheader a {
color:#444;     
}

/* Search */

#search {
    float: right;
    margin: -62px 20px 0 0;
    overflow: hidden;
    _display:none;
}
.schoolPage #search { margin-top:-26px; }
#search #q { width:120px; background-color:#EEE; padding:4px; color:#444; }
#search #go { padding:3px; background-color:#777; color:#DDD; }
.schoolPage #search #q { padding:2px 4px; }
.schoolPage #search #go { padding:1px; }


/* Horizontal Primary and Secondary Navigation */

#nav2 ul {
}
#nav2 {
    overflow: hidden;
    
}
 #nav2 ul {
    list-style: none;
}

#nav2 ul {
    float: right;
    margin:0;
    padding:0;
}
 #nav2 li {
    display: inline;
    padding: 0 20px 0 10px;
    font-size: 10px;
    color:white;
 }
 #nav2 li a { color:#EEE;}
 #nav2 li a:hover { color:#E3E3E3;}

/* Horizontal Primary and Secondary Navigation */

#nav1 ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    width:800px;
    float:left;
    background-color:#F9F9F9;
}
#nav1 li {  
    border-right:1px solid #BBB;
    border-bottom:1px solid #CCC;
    border-top:1px solid white;
    width:auto; 
    float:left;
    height:22px;
}
#nav1 li:first-child {
    border-left:1px solid #CCC;     
}
#nav1 li a {
    display: block;
    line-height:1em;
    padding: 6px 5px 6px;
    font-size: 9px;
    color:#555;
    height:10px;
    float:left;
    background-color:#F3F3F3;
}
#nav1 li a:hover { 
color:black;
background-color:white;
text-decoration:underline;
}


/* Local Primary Navigation */

#nav3 {
    float: left;
    margin: 0 0px 15px 0px;
    padding: 0;
    width: 180px;
    background-color: #f0f0f0;
    border: 1px solid #DDD;
    padding: 0px;
}
#nav3 h3 {
    font-size: 125%;
    margin: 0;
    padding: 8px 0;
}
#nav3 ul {
    margin: 0 0 0 0px;
    padding: 0;
    list-style:none;
    font-size:11px;
}
#nav3 ul li {
    color: #333;
    margin: 0;
    padding: 0;
    border-bottom:1px dotted #BBB; 
}
#nav3 ul li:last-child { border:0 }
#nav3 a { display:block; padding: 8px; }
#nav3 a:hover { background-color: #FAFAFA; text-decoration:none; }
#nav3 hr {
    color: #eee;
    background-color: #eee;
    border-top: 1px solid #900;
}

/* Content */
#global, #content, #nav1 {

}
#content {
    width:558px;
    padding: 0 10px;
    margin:0 0 0 190px;
}
#content h2 {
    border-bottom: 1px solid #000;
    margin: 0 0 15px 0;
    padding: 0;
}

/* Sprocket */

#column_right {
    float: right;
    margin: 0 -35px 0px 20px;
    padding: 0;
    width: 200px;
}
#column_right .box {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 0 15px 0;
    width: 185px;
    font-size:10px;
}
#column_right .box h3 {
    margin: -10px -10px 5px -10px;
    padding: 5px;
    color:#333;
    background-color:#DDD;
    font-size:11px;
    text-transform: uppercase;
}
#column_right .box h4 {
    margin: 0;
    padding: 5px 0 10px 0;
}
#column_right .box ul {
    margin: 0 0 0 15px;
    padding: 0;
}
#column_right .box li {
    color: #333;
    padding: 1px 0;
}
#column_right .box p {
    margin: 0;
    padding: 3px 0;
}
#column_right .box .placeholder {
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    height: 80px;
    width: 198px;
    padding: 60px 0 0 0;
}

/* Toolkit */

#toolkit ul {
    clear: both;
    float: right;
    font-size: 0.833em; /* 10px */
    list-style: none;
    margin: -20px 0 0 0;
    padding: 0;
    position: relative;
    top: 34px;
    right: 0;
}
#toolkit li {
    display: inline;
    padding: 0 15px 0 10px;
}

/* Footer */
address.footer { clear: both; margin: 0 auto; padding: 0 0 10px; color: #CCC; font: 9px Verdana, Arial, helvetica, sans-serif; line-height: 15px; width:810px; }
address.footer a { color:white;}
address img { border: 0; }


/****************************************
 * Multi-Purpose Classes
 ****************************************/

.clear {
    clear: both;
}
.hide {
    display: none;
}
.small {
    font-size: 0.833em; /* 10px */
    line-height: 1.400em; /* 14px */
}
.right {
    text-align: right;
}
.indent {
    margin: 0 0 0 45px;
}
li.active a{
    background-color:#fff;
    font-weight:bold;
}

#course-list{
    display:block;
    width:550px;
    list-style:none;
    margin:0;
    padding:0;
}
li.school {
    list-style:none;
}
li.class{
    list-style:none;
}
.addSpace li {
     margin-bottom: 0.5em;
}
.removeSpace li {
    margin-bottom: 0em;
}
.removeStyle li {
    list-style-type: none;
}
.lowerAlpha li {
    list-style-type: lower-alpha;
}
ol.upperAlpha {
    list-style-type: upper-alpha;
}

ul.disc li {
   list-style-type: disc;
}

li.styleIndent {
    list-style: none; text-indent: -2em;
}

/* OCS Styles */

dt {
    font-weight:bold;
    margin:10px 0 5px 0;
}
dd {
    margin:0;
}
dl {
    margin:20px 0;
}
/*********************************
* Course listings
**********************************/

.course-listings {
/*  font-family:Georgia,"Times New Roman",Times,serif;  */
}
.course-listings ul {
margin:10px 0;
}

dt.course-folder-name {
   font-size: 12pt;
   font-weight:bold;
}

.course-listings dt {
   font-weight:bold;
}

.ctitle {
   font-weight:bold;
}
.course-listings ul {
    padding:0 0 0 0;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
}

table, table td {
    border:1px solid #000000;
}

#content table .shade {
    background-color: #ededed;
}

#nav3 ul {
    margin: 0 0 0 0px;
    padding: 0;
    list-style:none;
    font-size:11px;
}
#nav3 ul li {
    color: #333;
    margin: 0;
    padding: 0;
    border-bottom:1px dotted #BBB; 
}
#nav3 ul li:last-child { border:0 }
#nav3 a { display:block; padding: 8px; }
#nav3 a:hover { background-color: #FAFAFA; text-decoration:none; }


#nav3 ul.level2 {
        background-color:#e0e0e0;
        margin:0;
}
#nav3 ul.level2 li {
        border:none;
}
#nav3 ul.level2 li a {
        padding:8px 8px 8px 23px;
}

#nav3 ul.level3 {
        background-color:#d0d0d0;
        margin:0;
}
#nav3 ul.level3 li {
        border:none;
}
#nav3 ul.level3 li a {
        padding:8px 8px 8px 43px;
}

/*====================================================
    - HTML Table Filter Generator v1.6 
    elements and classes
    - edit classes below to change filter grid style
=====================================================*/

.fltrow{ /* filter grid row appearance */
    height:20px;
    background-color:#f4f4f4;
}
.btnflt{ /* button appearance */
    font-size:11px;
    margin:0 2px 0 2px; padding:0 1px 0 1px;
    text-decoration:none; color: #fff;
    background-color:#666;
}
.flt{ /* filter (input) appearance */
    background-color:#f4f4f4; border:1px inset #ccc; 
    margin:0; width:100%;
}
.flt_s{ /* small filter (input) appearance */
    background-color:#f4f4f4; border:1px inset #ccc; 
    margin:0; width:80%;
}
.inf{ /* div containing left, middle and right divs */
    clear:both; width:auto; height:20px; 
    background:#f4f4f4; font-size:11px; 
    margin:0; padding:1px 3px 1px 3px; 
    border:1px solid #ccc;
}
.ldiv{ /* left div */
    float:left; width:30%; position:inherit; 
}
.mdiv{ /* middle div */
    float:left; width:30%; position:inherit; text-align:center; 
}
.rdiv{ /* right div */
    float:right; width:30%; position:inherit; text-align:right; 
}
.loader{ /* loader appearance */
    position:absolute; padding: 15px 0 15px 0;
    margin-top:7%; width:200px; left:40%; 
    z-index:1000; font-size:14px; font-weight:bold;
    border:1px solid #666; background:#f4f4f4; 
    text-align:center; vertical-align:middle;
}
div.mdiv select{ height:20px; }/*paging drop-down list*/
div.inf a{ color:#CC0000; }/*link appearence in .inf div*/
div.inf a:hover{ text-decoration:none; }/*link appearence in .inf div*/
.tot{ font-weight:bold; }/*rows counter*/
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#f4f4f4; }/*row bg alternating color*/