/* add creative services css for branding bar */
@import url("https://www.iun.edu/iu-branding/screen.css");

body
{
    font-family: Verdana, Geneva, sans-serif; /* changed by jdr on 01/14/2010 from Arial, Helvetica, sans-serif;*/
    font-size: 100%;
    margin: 0;
    text-align: center; /* center the wrapper in IE */
    background: #fff;
}

#wrapper
{
    position: relative;
    width: 800px;
    margin: 0 auto; /* center the wrapper in compliant browsers */
    text-align: left; /* correct text alignment from body rule (IE) */
    background: #fff;
    border: 1px solid #fff;
}

/* old old table layout fixes*/
#wrapper table td{font-size: 12px;}
.blackheader
{
    font-size: 180%;
    padding-bottom: 10px;
    margin: 0;
    font-weight: bold;
}
.header2
{
    font-size: 140%;
    color: #900;
    margin-top: 2px;
    font-weight: bold;
}

/****************************************
 * Main Navigation
 ****************************************/
/* fix hidden text */
#main-nav .hide
{
    display: inline;
    position: relative;
    right: auto;
    left: auto;
}

#header
{
    padding: 0;
    height: 26px;
    color: #888;
    background: #fff;
    border-bottom: 1px solid #423c31;
    margin: -2px auto 0;
    position: relative;
    z-index: 4;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
    text-align: left;
    width: 800px;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 12px; 
    line-height: 1em; /* 18px (18/17) */
}

#main-nav
{
    /*border-left: 1px solid #8c2c27;*/
    list-style: none;
    margin: 0;
    padding: 0;
}

    #main-nav li
    {
        border-right: 1px solid #8c2c27;
        cursor: pointer;
        display: table-cell;
        *display: inline;
        text-align: center;
        vertical-align: middle;
    }

        #main-nav li:hover, #main-nav li a:focus, #main-nav > li > a.currentSection
        {
            background-color: #903430;
            color: #fff;
        }

            #main-nav li:hover li
            {
                background-color: transparent;
                color: #000;
            }

            #main-nav li:hover a, #main-nav li a:focus
            {
                color: #fff;
            }

            #main-nav li:hover li a
            {
                color: #990000;
            }

                #main-nav li:hover li a:hover
                {
                    color: #fff;
                }

            #main-nav li:hover ul
            {
                left: auto;
                margin: 0 0 0 -18px;
                top: 100%;
            }

        #main-nav li:first-child ul
        {
            margin: 0 0 0 -19px;
        }

        #main-nav li a
        {
            display: inline-block;
            padding: 6px 12px 8px;
            text-decoration: none;
            zoom: 1; /* IE has layout */
        }

        #main-nav li.current a
        {
            background-color: #7d110c;
            color: #fff;
        }

        #main-nav li a:hover
        {
            background-color: #903430;
            color: #fff;
        }
/**  END ***********/

form#search
{
    display: block;
    height: 25px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

    form#search label
    {
        float: left;
        display: block;
        line-height: 25px;
        margin: 0;
        padding: 0;
        padding-right: 5px;
    }

    form#search input
    {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
    }

    form#search #q
    {
        height: 22px;
        width: 150px;
        border: 0 solid #ddd;
        background-color: transparent;
        margin: 0;
        padding: 2px 0;
        padding-left: 1px;
        display: block;
        text-align: center;
    }

form#localsearch
{
    display: block;
    height: 40px;
    padding: 0;
    margin: 0;
}

    form#localsearch label
    {
        font-weight: bold;
    }

    form#localsearch input
    {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
    }

    form#localsearch #localsearch-q
    {
        height: 18px;
        border: 1px solid #666;
        background-color: #fff;
        margin: 1px 2px 0 0;
        padding: 0;
        padding-left: 1px;
    }

form#search input[type=image]
{
    display: none;
}

/* End header stuff -----------------------------------------------------------*/


/* Begin main section -----------------------------------------------------------*/

#main
{
    font-size: 75%;
}

#leftcol
{
    width: 145px; /* 165px total */
    float: left;
    padding: 10px;
    margin-top: 0px;
}

    #leftcol img
    {
        margin-bottom: 5px;
    }

    #leftcol h3
    {
        font-size: 100%;
        color: #900;
        margin: 0;
    }

    #leftcol ul
    {
        list-style: none;
        margin: 0px;
        padding: 0;
    }

    #leftcol li
    {
        list-style: none;
        margin: .3em 0;
        padding: 0;
        clear: both;
    }

        #leftcol li a
        {
            width: 145px;
        }
    a.navig{
        display: inline-block;
        padding: 0.3em; 
    }
    a.navig,
    #leftcol a
    {
        color: #000;
        text-decoration: none;
        font-weight: bold;
        line-height: 110%;
    }
        a.navig:visited,
        #leftcol a:visited
        {
            color: #666666;
            text-decoration: none;
        }

        a.navig:hover
        #leftcol a:hover
        {
            color: #990000;
            text-decoration: underline;
        }

    #leftcol hr
    {
        border: 0;
        color: #000;
        background-color: #000;
        height: 2px;
    }


#content
{
    margin-left: 180px;
    padding: 10px;
    height: 1%; /* Holly hack for Peekaboo Bug */
}

    #content img
    {
        padding: 4px;
        border: 0;
    }

    /* added new style for inline images on top of page for content area (jdr - 09/14/2009) -----------------*/
    #content .title-image img
    {
        border: none;
    }


.insetbox-container
{
    width: 180px; /* 190px total */
    float: right;
    padding: 0;
    border: solid #fff;
    border-width: 0 0 10px 10px;
    /* margin:0 0 0 10px; */ /* using white border to affect margin because some headings with bottom borders run under the inset box; looks awkward */
}

.insetbox
{
    padding: 10px;
    background-color: #e9e9ec;
    margin-bottom: 10px;
    word-wrap: break-word;
}

    .insetbox h3
    {
        margin: 0;
        margin-bottom: .5em;
    }

    .insetbox p
    {
        line-height: 110%;
    }

    .insetbox img
    {
        margin-left: auto;
        margin-right: auto;
    }

.phototable
{
    display: block;
    width: 500px; /* (143px + 4px + 4px + 1px + 1px + 10px) x 3 = 489px; leave some wiggle room = 500px */
    margin: 0 auto 10px auto;
}

    .phototable td
    {
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .phototable p
    { /* captions */
        margin: 0 6px 0 6px;
        font-size: x-small;
    }



/* Added by tifsmith 1/4/2011 to keep the deparment footers on the bottom of the page*/
#dep-footer
{
    position: relative;
    bottom: 0;
    width: 100%;
    clear: both;
}

/* Dep-footer End*/
/* End main section stuff -----------------------------------------------------------*/

#iun-footer
{
    clear: both;
    color: #707070;
    font-size: x-small;
    padding-top: 12px;
    padding-bottom: 10px;
    /*background:#fff url(https://www.iun.edu/iu-branding/blockiu_white.gif) 5px 50% no-repeat;*/
    /*padding-left:38px;*/
    border-top: 1px solid #999;
    margin: 35px 0 0;
}


    #iun-footer #blockiu
    {
        background: url(https://www.iun.edu/iu-branding/blockiu_white.gif) no-repeat;
        display: block;
        float: left;
        height: 28px;
        width: 22px;
        margin-left: 2px;
        margin-top: 2px;
        margin-right: 5px;
    }

        #iun-footer #blockiu img
        {
            display: none;
        }

/* FORM "table-like" FORMATTING ================================ */

fieldset
{
    margin-bottom: 3em;
}

label.column
{
    display: block;
    float: left;
    /* width:15em; */
    width: 180px;
    /* margin-right:.25em; */
    margin-right: 5px;
    text-align: right;
}

.fieldDescriptor
{
    display: block;
    /* margin-left:15.25em; */
    margin-left: 185px;
    color: #555;
    font-size: x-small;
}

.rightColOnly
{
    margin-left: 185px;
}

.row
{
    clear: left;
    margin-bottom: 1em;
}

/* More special table formatting... -----------------------------------*/

table.horiz-only td, table.horiz-only th
{
    border-bottom: 1px solid #bbb;
    padding: 5px 3px;
}

.top-headers th
{
    text-align: center;
    background-color: #dedede;
    border-bottom: 3px solid #900 !important;
}

table.directorytable
{
    width: 100%;
}

    table.directorytable th
    {
        background-color: #dedede;
        border-top: 2em solid #fff;
        border-bottom: 3px solid #900;
    }

        table.directorytable th.first
        {
            border-top: none;
        }


#identity
{
    border-bottom: 1px solid #fff;
}


/* GENERAL PURPOSE CLASSES, ELEMENT RULES, TEXT AND LINK FORMATTING, ETC. ================================ */


th
{
    text-align: left;
}

h1
{
    font-size: 180%;
    padding-bottom: 10px;
    border-bottom: 3px solid #900;
    margin: 0;
    font-weight: bold;
}

h2
{
    font-size: 140%;
    color: #900;
    margin-top: 2px;
    font-weight: bold;
}

h3
{
    font-size: 125%;
    margin-bottom: 0;
}

h4
{
    font-size: 1em;
    margin: 0;
    border-bottom: 1px solid #bbb;
}

h5
{
    font-size: 1em;
    color: #333;
}

h6
{
    font-size: .75em;
    color: #333;
}

ol
{
    margin-left: 2em;
    padding-left: 0;
}

ul
{
    margin-left: 2em;
    padding-left: 0;
}

    ul.plainlist, ul.plainlist li
    {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

li
{
    margin-bottom: 0;
}

p
{
    margin: 0 0 1em 0;
    line-height: 1.5em;
}

a
{
    color: #990000;
    text-decoration: none;
    font-weight: bold;
}

    a:hover
    {
        text-decoration: underline;
    }

    a.more
    {
        color: #f00 !important;
        text-decoration: none;
        background-image: none !important;
    }

        a.more:hover
        {
            text-decoration: underline !important;
        }

img
{
    border: 0;
    display: block;
}

    img.float-left
    {
        float: left;
        margin: 0 20px 10px 0;
    }

    img.float-right
    {
        float: right;
        margin: 0 0 10px 10px;
        padding: 5px;
        border: 1px solid #bdbdbd;
    }


.clear
{
    clear: both;
}

.no-float
{
    float: none !important;
}

.no-border
{
    border: none !important;
}

.centertext
{
    text-align: center;
}

.inline
{
    display: inline;
}

.addspacebelow
{
    margin-bottom: 200px;
}

.centerimg, .centerblock
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hide
{
    position: absolute;
    left: -999em;
}

.comment
{
    color: red;
    font-weight: bold;
}

.testimonial
{
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid #cdcdcd;
}

    .testimonial .byline
    {
        font-style: italic;
    }

    .testimonial p
    {
        margin-top: 0;
    }

/* used on fac/staff pages */
.person-box
{
    float: left; /* so that the left floated images are cleared. can't use clear:left because it clears the left column as well. */
    width: 580px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c3c3c3;
}

    .person-box img
    {
        float: left;
        /* margin:0 10px 2px 0; */
        background-color: #fff;
    }

    .person-box .person-text
    {
        margin-top: 0;
        margin-left: 118px;
    }





.address
{
    float: right;
    padding: 0 20px;
    border-left: 1px solid #999;
}


.padded-content
{
    padding: 8px 5px;
}

.caption
{
    font-size: x-small;
}

.required
{
    color: #f00;
    font-size: medium;
    font-weight: bold;
}


/* CSS drop shadows for images: http://www.alistapart.com/articles/cssdropshadows/ */

.img-shadow
{
    float: left;
    background: #fff url(https://www.iun.edu/template-assets/shadowAlpha.png) no-repeat bottom right !important;
    background: #fff url(https://www.iun.edu/template-assets/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

    .img-shadow img
    {
        display: block;
        position: relative;
        background-color: #fff;
        margin: -6px 6px 6px -6px !important;
    }


/* left nav- styling added for Tiffney Smith 01/20/2010 ----------------------------------------------------------- */

li
{
    position: relative;
}

ul.second
{
    position: relative;
}

ul.nav li ul
{
    position: absolute;
    width: 150px;
    left: 140px;
    top: 5px;
    display: none;
}

ul.top li ul.second
{
    position: absolute;
    width: 150px;
    left: 140px;
    top: 5px;
    display: none;
}

ul.second li ul
{
    position: absolute;
    width: 150px;
    left: 140px;
    top: 5px;
    display: none;
}

ul.nav li:hover ul
{
    display: block;
    elevation: above;
    text-decoration: none;
    background-color: #F8F3b2;
    z-index: 100;
}

ul.top li:hover ul.second
{
    display: block;
    text-decoration: none;
    background-color: #F8F3b2;
    z-index: 100;
}

ul.second li:hover ul
{
    display: block;
    text-decoration: none;
    background-color: #F8F3b2;
    z-index: 100;
}

ul.nav
{
    list-style: none;
}

ul.second
{
    list-style: none;
}

ul.top
{
    list-style: none;
}
/* left nav- styling end -----------------------------------------------------------*/

/*  img styling-----------------------------------------------------------*/
.gallery li
{
    display: inline;
    list-style: none;
    width: 150px;
    min-height: 175px;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
}


#media_content
{
    float: right;
    padding: 5px;
    height: 1%; /* Holly hack for Peekaboo Bug */
}

.gallery li a img
{
    text-decoration: none;
}



.photo_credit
{
    font-size: 10px;
    margin-bottom: 0px;
    font-style: italic;
}

.photo_caption
{
    margin-top: 0px;
    font-size: 12px;
}
/*  img styling end-----------------------------------------------------------*/

/* added new style per Tiffney Smith on 08/16/2010  ----------------------------------------------------------- */

.list li
{
    display: inline;
    list-style: none;
    width: 200px;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
}
/* end of new style as of 08/16/2010 */

/*-----------------------------------IU offical Colors added 5_6_11 by tifsmith----------------------------------------*/

.iucrimson
{
    color: #7D110C;
}

.iucream
{
    color: #F8F3D2;
}

.iugold
{
    color: #AF906A;
}

.iudarkgrey
{
    color: #6D6E70;
}

.iulightgrey
{
    color: #B0B2B4;
}

.iumidnight
{
    color: #2d637f;
}

.iuviolet
{
    color: #6f679d;
}

.iuolive
{
    color: #808a53;
}

.iuleather
{
    color: #c78036;
}