/* Default Screen Formatting                                    */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */




/* Site Colors                                                  */
/* ------------------------------------------------------------

   UTD Primary Colors
   #c75b12    Flame Orange
   #008542    Eco Green
   #ffffff    Brilliance White

   UTD Secondary Colors
   #e98300    Solar Orange
   #ffb612    Spark Orange
   #69be28    Sapling Green
   #c9dd03    Seedling Green
   #0039a6    Space Blue
   #00a1de    Stratos Blue
   #5bc6e8    Sky Blue

   UTD Neutrals
   #000000    Black
   #766a62    Warm Gray 10
   #8b8178    Warm Gray 8
   #a59d95    Warm Gray 6
   #b7b1a9    Warm Gray 4
   #d5d2ca    Warm Gray 2

   "Extended" UTD Neutrals
   #3b3735    Warm Gray 14
   #59514d    Warm Gray 12
   #c6c2ba    Warm Gray 3

   "200%" and "150%" Tints
   #9b2001    "200%" of Flame Orange
   #b13e0a    "150%" of Flame Orange
   #df6300    "150%" of Solar Orange
   #ff9c0a    "150%" of Spark Orange
   #00652a    "150%" of Eco Green
   #4aa518    "150%" of Sapling Green
   #b4c302    "150%" of Seedling Green
   #002389    "150%" of Space Blue
   #0083cf    "150%" of Stratos Blue
   #3eafdd    "150%" of Sky Blue

   50% Tints
   #e3ad89    50% of Flame Orange
   #f4c17f    50% of Solar Orange
   #ffda89    50% of Spark Orange
   #7fc2a1    50% of Eco Green
   #b4de94    50% of Sapling Green
   #e4ee81    50% of Seedling Green
   #7f9cd2    50% of Space Blue
   #7fd0ee    50% of Stratos Blue
   #ade2f3    50% of Sky Blue
   #eae8e4    50% of Warm Gray 2

   25% Tints
   #f1d6c4    25% of Flame Orange
   #f9e0bf    25% of Solar Orange
   #ffedc4    25% of Spark Orange
   #bfe0d0    25% of Eco Green
   #d9efc9    25% of Sapling Green
   #f1f6c0    25% of Seedling Green
   #bfcde9    25% of Space Blue
   #bfe7f7    25% of Stratos Blue
   #d6f1f9    25% of Sky Blue
   #f4f4f2    25% of Warm Gray 2

   ------------------------------------------------------------ */


/* Site Fonts                                                   */
/* ------------------------------------------------------------ */
@import url("fonts.css");


html
    {
    line-height: 1.2em;
    font-size: 1.0em;
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    }

body
    {
    color: #a59d95;                     /* Warm Gray 6  */
    background-color: #766a62;          /* Warm Gray 10 */
    }

h1,
h2,
h3,
h4,
h5,
h6
    {
    margin-top: 1.0em;
    line-height: 1.0em;
    font-family: "ModestoTextLight", "arial", "helvetica", sans-serif;
    color: #766a62;                     /* Warm Gray 10 */
    }

h1
    {
    font-size: 2.8em;
    }

h2
    {
    font-size: 2.5em;
    }

h3
    {
    font-size: 2.2em;
    }

h4
    {
    font-size: 1.9em;
    }

h5
    {
    font-size: 1.6em;
    }

h6
    {
    font-size: 1.3em;
    }

p
    {
    margin-top: 1.0em;
    line-height: 1.2em;
    font-size: 1.0em;
    }

strong
    {
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    }

em
    {
    font-family: "DinProRegularItalic", "arial", "helvetica", sans-serif;
    }

strong em,
em strong
    {
    font-family: "DinProBoldItalic", "arial", "helvetica", sans-serif;
    }

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em
    {
    font-family: "ModestoTextLight", "arial", "helvetica", sans-serif;
    }

pre
    {
    font-family: "courier new", "courier", monospace;
    margin-top: 1.0em;
    line-height: 1.2em;
    font-size: 1.0em;
    }

sup
    {
    font-size: 80%;
    vertical-align: text-top;
    color: inherit;
    }

sub
    {
    font-size: 80%;
    vertical-align: sub;
    color: inherit;
    }

img
    {
    margin: 0em;
    padding: 0em;
    border-width: 0em;
    }




/* Links                                                        */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


a,
a:link,
a:visited
    {
    vertical-align: inherit;
    text-decoration: none;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    color: #c75b12;                     /* Flame Orange */
    transition: color, text-decoration;
    transition: 1.25s;
    }

a:active,
a:hover,
a:focus
    {
    text-decoration: underline;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    color: #008542;                     /* Eco Green */
    transition: color, text-decoration;
    transition: 1.25s;
    }

h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover,
h1 a:focus,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active,
h2 a:hover,
h2 a:focus,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover,
h3 a:focus,
h4 a,
h4 a:link,
h4 a:visited,
h4 a:active,
h4 a:hover,
h4 a:focus,
h5 a,
h5 a:link,
h5 a:visited,
h5 a:active,
h5 a:hover,
h5 a:focus,
h6 a,
h6 a:link,
h6 a:visited,
h6 a:active,
h6 a:hover,
h6 a:focus
    {
    font-family: "ModestoTextLight", "arial", "helvetica", sans-serif;
    }




/* Abbreviations                                                */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


abbr,
abbr:visited
    {
    font-weight: inherit;
    font-style: inherit;
    border-style: dotted;
    border-width: 0px 0px 2px 0px;
    border-color: #c75b12;              /* Flame Orange */
    color: inherit;
    transition: color, text-decoration;
    transition: 1.25s;
    }

abbr:active,
abbr:hover,
abbr:focus
    {
    border-color: #008542;              /* Eco Green */
    color: #008542;                     /* Eco Green */
    cursor: help;
    transition: color, text-decoration;
    transition: 1.25s;
    }

abbr .tooltip
    {
    z-index: 10;
    display: none;
    }

abbr:active .tooltip,
abbr:hover .tooltip,
abbr:focus .tooltip
    {
    display: inline;
    position: absolute;
    margin: -2.0em 0.5em 0.5em -2.0em;
    padding: 0.25em;
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    line-height: 1.2em;
    font-size: 1.0em;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: #008542;               /* Eco Green */
    color: #008542;                      /* Eco Green */
    background-color: #e4ee81;           /* 50% of Seedling Green */
    box-shadow: 2px 2px 0px 0px #008542; /* Eco Green */
    }




/* Lists                                                        */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


ul
    {
    margin-left: 2.0em;
    list-style-type: square;
    }

ul ul
    {
    margin-left: 3.0em;
    }

ul ul ul
    {
    margin-left: 4.0em;
    }

ul ul ul ul
    {
    margin-left: 5.0em;
    }

ul ul ul ul ul
    {
    margin-left: 6.0em;
    }

ol
    {
    margin-left: 2.0em;
    list-style-type: decimal;
    }

ol ol
    {
    margin-left: 3.0em;
    list-style-type: lower-alpha;
    }

ol ol ol
    {
    margin-left: 4.0em;
    list-style-type: lower-roman;
    }

ol ol ol ol
    {
    margin-left: 5.0em;
    list-style-type: upper-alpha;
    }

ol ol ol ol ol
    {
    margin-left: 6.0em;
    list-style-type: upper-roman;
    }

li
    {
    margin-top: 0.6em;
    line-height: 1.2em;
    font-size: 1.0em;
    }

dl
    {
    margin-left: 2.0em;
    line-height: 1.2em;
    font-size: 1.0em;
    }

dt
    {
    line-height: 1.2em;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    }




/* Tables                                                       */
/* ------------------------------------------------------------
   Due to inconsistent rendering across different browsers,
   the <table> tag should be preceded by <p>&#160;</p> or
   <p class="tight">&#160;</p> in order to have a top margin.
   The problem appears to be with the <caption> tag.
   ------------------------------------------------------------ */


table
    {
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 1.0em;
    margin-left: auto;
    padding: 0em;
    line-height: 1.2em;
    font-size: 1.0em;
    background-color: #ffffff;          /* Brilliance White */
    }

caption
    {
    padding: 0.5em;
    vertical-align: top;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.5em;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    color: #ffffff;                     /* Brilliance White */
    background-color: #766a62;          /* Warm Gray 10 */
    }

tr
    {
    text-align: left;
    vertical-align: top;
    }

th
    {
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #766a62;              /* Warm Gray 10 */
    color: #ffffff;                     /* Brilliance White */
    background-color: #a59d95;          /* Warm Gray 6 */
    }

th h3,
th h4,
th h5,
th h6
    {
    margin-top: 0em;
    float: left;
    color: #ffffff;                     /* Brilliance White */
    }

td
    {
    padding: 0.5em;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #766a62;              /* Warm Gray 10 */
    }

tr.alt th
    {
    background-color: #8b8178;          /* Warm Gray 8 */
    }

tr.alt td
    {
    background-color: #d5d2ca;          /* Warm Gray 2 */
    }

tfoot td
    {
    border-style: none;
    font-size: 0.8em;
    color: #766a62;                     /* Warm Gray 10 */
    }


/* Compressed                                                   */
/* ------------------------------------------------------------ */


table.compressed
    {
    margin-bottom: 0em;
    }

table.compressed th,
table.compressed td
    {
    padding: 0.35em;
    font-size: 80%;
    }


/* Alternate Borders                                            */
/* ------------------------------------------------------------ */


tr.noborder th,
tr.noborder td,
th.noborder,
td.noborder
    {
    border-style: none;
    }

tr.altnoborder th,
th.altnoborder
    {
    background-color: #8b8178;          /* Warm Gray 8 */
    border-style: none;
    }

tr.altnoborder td,
td.altnoborder
    {
    background-color: #d5d2ca;          /* Warm Gray 2 */
    border-style: none;
    }

tr.noborder th.withborder,
tr.altnoborder th.withborder,
tr.noborder td.withborder,
tr.altnoborder td.withborder
    {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #766a62;              /* Warm Gray 10 */
    }

th.bordered_center,
td.bordered,
td.bordered_center,
td.bordered_rightalign
    {
    border-width: 0px 1px 1px 0px;
    }

th.bordered_center,
td.bordered_center
    {
    text-align: center;
    }

td.bordered_rightalign
    {
    text-align: right;
    }


/* Sorting Selections                                           */
/* ------------------------------------------------------------ */


th .selected,
th .unselected
    {
    text-align: center;
    padding: 0.25em;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    border-style: solid;
    border-width: 4px;
    border-radius: 8px;
    color: #ffffff;                     /* Brilliance White */
    }

th .selected
    {
    border-color: #69be28;              /* Sapling Green */
    background-color: #008542;          /* Eco Green */
    }

th .unselected
    {
    border-color: #b7b1a9;              /* Warm Gray 4 */
    background-color: #a59d95;          /* Warm Gray 6 */
    }




/* Forms                                                        */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


form
    {
    line-height: 1.2em;
    font-size: 1.0em;
    }

fieldset
    {
    padding: 0.5em;
    background-color: #ffffff;          /* Brilliance White */
    }

fieldset fieldset
    {
    margin: 0.5em;
    }

fieldset.alt
    {
    background-color: #d5d2ca;          /* Warm Gray 2 */
    }

label
    {
    font-weight: inherit;
    color: inherit;
    }

input,
textarea,
select
    {
    border-style: solid;
    border-width: 1px;
    border-color: #5bc6e8;              /* Sky Blue */
    background-color: #d6f1f9;          /* 25% of Sky Blue */
    }

input.full,
textarea
    {
    width: 100%;
    }

input.submit
    {
    padding: 0.25em;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    border-width: 4px;
    border-radius: 8px;
    border-color: #e98300;              /* Solar Orange */
    color: #ffffff;                     /* Brilliance White */
    background-color: #c75b12;          /* Flame Orange */
    cursor: pointer;
    }

input.submit:active,
input.submit:hover,
input.submit:focus
    {
    border-color: #69be28;              /* Sapling Green */
    background-color: #008542;          /* Eco Green */
    }

select optgroup
    {
    color: #5bc6e8;                     /* Sky Blue */
    }

select optgroup option
    {
    padding-left: 2.0em;
    color: #000000;                     /* Black */
    }

select option label
    {
    color: #5bc6e8;                     /* Sky Blue */
    }

optgroup optgroup
    {
    padding-left: 2.0em;
    }

optgroup option option
    {
    padding-left: 4.0em;
    }


/* Alternatives to Table Formatting                             */
/* ------------------------------------------------------------ */


.section,
.section_alt,
.section_alt_last,
.section_alt_noborder,
.section_last,
.section_noborder
    {
    padding: 0.6em;
    }

.section,
.section_alt,
.section_alt_last,
.section_last
    {
    border-style: solid;
    border-color: #766a62;              /* Warm Gray 10 */
    }

.section_alt,
.section_alt_last,
.section_alt_noborder
    {
    background-color: #d5d2ca;          /* Warm Gray 2 */
    }

.section,
.section_alt
    {
    border-width: 0px 0px 1px 0px;
    }

.section_alt_last,
.section_last
    {
    border-width: 1px 0px 1px 0px;
    }

.section .section,
.section .section_alt,
.section .section_alt_last,
.section .section_alt_noborder,
.section .section_last,
.section .section_noborder,
.section_alt .section,
.section_alt .section_alt,
.section_alt .section_alt_last,
.section_alt .section_alt_noborder,
.section_alt .section_last,
.section_alt .section_noborder,
.section_alt_last .section,
.section_alt_last .section_alt,
.section_alt_last .section_alt_last,
.section_alt_last .section_alt_noborder,
.section_alt_last .section_last,
.section_alt_last .section_noborder,
.section_alt_noborder .section,
.section_alt_noborder .section_alt,
.section_alt_noborder .section_alt_last,
.section_alt_noborder .section_alt_noborder,
.section_alt_noborder .section_last,
.section_alt_noborder .section_noborder,
.section_last .section,
.section_last .section_alt,
.section_last .section_alt_last,
.section_last .section_alt_noborder,
.section_last .section_last,
.section_last .section_noborder,
.section_noborder .section,
.section_noborder .section_alt,
.section_noborder .section_alt_last,
.section_noborder .section_alt_noborder,
.section_noborder .section_last,
.section_noborder .section_noborder
    {
    margin: 0em 1.0em 0em 1.0em;
    }

th fieldset,
td fieldset,
fieldset fieldset,
.section fieldset,
.section_alt fieldset,
.section_alt_last fieldset,
.section_alt_noborder fieldset,
.section_last fieldset,
.section_noborder fieldset,
.section_group form fieldset
    {
    margin: 0em;
    background-color: transparent;
    }


.section_group
    {
    padding: 0.6em;
    background-color: #766a62;          /* Warm Gray 10 */
    }

.section_group_alt
    {
    padding: 0.6em;
    background-color: #8b8178;          /* Warm Gray 8 */
    }

.section_group h2,
.section_group_alt h2,
.section_group h3,
.section_group_alt h3,
.section_group h4,
.section_group_alt h4,
.section_group h5,
.section_group_alt h5,
.section_group h6,
.section_group_alt h6
    {
    float: left;
    margin-top: 0em;
    color: #ffffff;                     /* Brilliance White */
    }

.section_group h2,
.section_group_alt h2
    {
    font-size: 1.8em;
    }

.section_group h3,
.section_group_alt h3
    {
    font-size: 1.6em;
    }

.section_group h4,
.section_group_alt h4
    {
    font-size: 1.4em;
    }

.section_group h5,
.section_group_alt h5
    {
    font-size: 1.2em;
    }

.section_group h6,
.section_group_alt h6
    {
    font-size: 1.0em;
    }


.section_staff
    {
    float: left;
    width: 18em;
    padding: 1.0em 0em 0em 1.0em;
    }


.section_radio,
.section_check
    {
    margin: 0.25em 0em 0.25em 0em;
    }

.section_radio_indent,
.section_check_indent
    {
    margin: 0.25em 0em 0.25em 1.0em;
    }




/* Variations                                                   */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


.small
    {
    font-size: 90%;
    }

.tight
    {
    margin-top: 0em;
    }

.left
    {
    float: left;
    }

.right
    {
    float: right;
    }

.righttight
    {
    margin-top: 0em;
    float: right;
    }

.rightalign
    {
    text-align: right;
    }

.rightaligntight
    {
    margin-top: 0em;
    text-align: right;
    }

.center
    {
    text-align: center;
    }

.centertight
    {
    margin-top: 0em;
    text-align: center;
    }

.hidden
    {
    display: none;
    }

.break
    {
    clear: both;
    }


/* Spotlights                                                   */
/* ------------------------------------------------------------ */


.spotlight_alert,
.spotlight_instructions,
.spotlight_note,
.spotlight_general
    {
    margin: 2.0em 0em 2.0em 0em;
    padding: 1.0em;
    border-style: solid;
    border-width: 4px 0px 4px 0px;
    }

form .spotlight_alert,
form .spotlight_instructions,
form .spotlight_note,
form .spotlight_general
    {
    margin: 0em;
    padding: 0.6em;
    }

.spotlight_alert
    {
    border-color: #ffb612;              /* Spark Orange */
    background-color: #ffedc4;          /* 25% of Spark Orange */
    }

.spotlight_instructions
    {
    border-color: #c9dd03;              /* Seedling Green */
    background-color: #f1f6c0;          /* 25% of Seedling Green */
    }

.spotlight_note
    {
    border-color: #5bc6e8;              /* Sky Blue */
    background-color: #d6f1f9;          /* 25% of Sky Blue */
    }

.spotlight_general
    {
    border-color: #766a62;              /* Warm Gray 10 */
    background-color: #d5d2ca;          /* Warm Gray 2 */
    }


/* Fades                                                        */
/* ------------------------------------------------------------ */


.fade
    {
    color: #b7b1a9;                     /* Warm Gray 4 */
    }

th .fade,
tr.noborder th .fade,
tr.alt th .fade,
tr.altnoborder th .fade
    {
    color: #d5d2ca;                     /* Warm Gray 2 */
    }

tr.alt td .fade,
tr.altnoborder td .fade
    {
    color: #a59d95;                     /* Warm Gray 6 */
    }


/* Alternate Link Colors                                        */
/* ------------------------------------------------------------ */


caption a,
caption a:link,
caption a:visited,
th a,
th a:link,
th a:visited
    {
    color: #ffb612;                     /* Spark Orange */
    }

caption abbr,
caption abbr:visited,
th abbr,
th abbr:visited
    {
    border-color: #ffb612;              /* Spark Orange */
    }

caption a:active,
caption a:hover,
caption a:focus,
th a:active,
th a:hover,
th a:focus
    {
    color: #c9dd03;                     /* Seedling Green */
    }

caption abbr:active,
caption abbr:hover,
caption abbr:focus,
th abbr:active,
th abbr:hover,
th abbr:focus
    {
    border-color: #c9dd03;              /* Seedling Green */
    color: #c9dd03;                     /* Seedling Green */
    }




/* Sections                                                     */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


/* Multi-Column Triple                                          */
/* ------------------------------------------------------------ */


#multicolumn_triple
    {
    margin-top: 1.5em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    }

#multicolumn_triple h2,
#multicolumn_triple h3,
#multicolumn_triple h4,
#multicolumn_triple h5,
#multicolumn_triple h6
    {
    margin-top: 0em;
    }

#column_two
    {
    margin: 1.0em 0em 1.0em 0em;
    padding: 1.0em 0em 0em 0em;
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color: #eae8e4;              /* 50% of Warm Gray 2 */
    }

#column_three
    {
    padding: 1.0em;
    border-style: solid;
    border-width: 4px 0px 4px 0px;
    border-color: #d5d2ca;              /* Warm Gray 2 */
    background-color: #eae8e4;          /* 50% of Warm Gray 2 */
    }

@media screen and (min-width: 40.0em)
    {
    #column_one_and_two
        {
        width: 40.0em;
        margin-top: 0em;
        margin-right: auto;
        margin-bottom: 1.0em;
        margin-left: auto;
        }

    #column_one,
    #column_two
        {
        width: 18.0em;
        float: left;
        }

    #column_one
        {
        padding: 0em 1.0em 0em 0em;
        }

    #column_two
        {
        margin: 0em;
        padding: 0em 0em 0em 1.0em;
        border-width: 0px 0px 0px 4px;
        }
    }

@media screen and (min-width: 60.0em)
    {
    #multicolumn_triple
        {
        width: 60.0em;
        }

    #column_one_and_two
        {
        float: left;
        margin: 0em;
        }

    #column_one
        {
        padding: 0em 1.0em 0em 0em;
        }

    #column_two
        {
        border-width: 0px 4px 0px 4px;
        padding: 0em 1.0em 0em 1.0em;
        }

    #column_three
        {
        width: 18.0em;
        float: left;
        padding: 0em 0em 0em 1.0em;
        border-width: 0px;
        background-color: transparent;
        }
    }


/* Multi-Column Double                                          */
/* ------------------------------------------------------------ */

.column_left
    {
    margin: 0.5em 0em 0em 0em;
    }

.column_right
    {
    margin: 2.0em 0em 0em 0em;
    }

@media screen and (min-width: 65.0em)
    {
    .column_left,
    .column_right
        {
        width: 28.0em;
        }

    .accordion_two_section .column_left,
    .accordion_two_section .column_right
        {
        width: 27.0em;
        }

    #multicolumn_double #content .column_left,
    #multicolumn_double #content .column_right
        {
        width: 18.0em;
        }

    #multicolumn_double #content .accordion_two_section .column_left,
    #multicolumn_double #content .accordion_two_section .column_right
        {
        width: 17.0em;
        }

    .column_left
        {
        float: left;
        }

    .column_right
        {
        float: right;
        margin: 0.5em 0em 0em 1.0em;
        }
    }


/* Stories and Blog Entries                                     */
/* ------------------------------------------------------------ */


.story_holder
    {
    margin-top: 1.0em;
    }

.story_holder_tight
    {
    margin-top: 0em;
    }

.story,
.story_alt,
.story_last,
.story_alt_last
    {
    clear: both;
    padding: 0.5em;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #d5d2ca;              /* Warm Gray 2*/
    }

.story_last,
.story_alt_last
    {
    border-width: 1px 0px 1px 0px;
    }

.story_alt,
.story_alt_last
    {
    background-color: #f4f4f2;          /* 25% of Warm Gray 2 */
    }

.story h3,
.story h4,
.story h5,
.story h6,
.story_alt h3,
.story_alt h4,
.story_alt h5,
.story_alt h6,
.story_last h3,
.story_last h4,
.story_last h5,
.story_last h6,
.story_alt_last h3,
.story_alt_last h4,
.story_alt_last h5,
.story_alt_last h6
    {
    margin-top: 0.3em;
    }

.story_holder p,
.story_holder_tight p
    {
    margin-top: 0em;
    }


/* Captioned Images                                             */
/* ------------------------------------------------------------ */


.caption_box_center,
.caption_box_left,
.caption_box_right
    {
    width: 100%;
    padding: 0.3em 0em 0.3em 0em;
    margin-top: 1.0em;
    margin-right: auto;
    margin-bottom: 0.3em;
    margin-left: auto;
    }

.caption_box_center img,
.caption_box_left img,
.caption_box_right img
    {
    max-width: 100%;
    height: auto;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    padding: 0em;
    border-width: 0em;
    }

.caption_box_center p,
.caption_box_left p,
.caption_box_right p
    {
    margin: 0.3em 0.3em 0em 0.3em;
    font-size: 80%;
    }

.story .caption_box_center,
.story .caption_box_left,
.story .caption_box_right,
.story_last .caption_box_center,
.story_last .caption_box_left,
.story_last .caption_box_right
    {
    background-color: #f4f4f2;          /* 25% of Warm Gray 2 */
    }

.story_alt .caption_box_center,
.story_alt .caption_box_left,
.story_alt .caption_box_right,
.story_alt_last .caption_box_center,
.story_alt_last .caption_box_left,
.story_alt_last .caption_box_right
    {
    background-color: #ffffff;          /* Brilliance White */
    }

@media screen and (min-width: 27.0em)
    {
    .caption_box_center,
    .caption_box_left,
    .caption_box_right
        {
        width: 23.5em;
        padding: 0.3em;
        }

    .caption_box_left
        {
        float: left;
        margin: 1.0em 0.6em 0.3em 0em;
        }

    .caption_box_right
        {
        float: right;
        margin: 1.0em 0em 0.3em 0.6em;
        }

    .caption_box_center p,
    .caption_box_left p,
    .caption_box_right p
        {
        margin: 0.3em 0em 0em 0em;
        }
    }


/* Expanding and Collapsing Sections                            */
/* ------------------------------------------------------------ */


.accordion_one_hold
    {
    background-color: #f4f4f2;          /* 25% of Warm Gray 2 */
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: #ffffff;              /* Brilliance White */
    }

.accordion_one_hold .story,
.accordion_one_hold .story_last
    {
    background-color: #ffffff;          /* Brilliance White */
    }

.accordion_one_hold .story_alt,
.accordion_one_hold .story_alt_last
    {
    background-color: #eae8e4;          /* 50% of Warm Gray 2 */
    }

.accordion_one_heading
    {
    margin: 0em;
    background-color: #eae8e4;          /* 50% of Warm Gray 2 */
    background-repeat: no-repeat;
    background-position: top right;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: #ffffff;              /* Brilliance White */
    }

.accordion_one_heading:active,
.accordion_one_heading:hover,
.accordion_one_heading:focus
    {
    background-color: #d5d2ca;          /* Warm Gray 2 */
    }

.accordion_one_section
    {
    padding: 0.5em 1.0em 1.5em 1.0em;
    }


a.accordion_one_link_plus,
a.accordion_one_link_minus
    {
    border-radius: 8px;
    }

a.accordion_one_link_plus,
a.accordion_one_link_plus:link,
a.accordion_one_link_plus:visited,
a.accordion_one_link_minus,
a.accordion_one_link_minus:link,
a.accordion_one_link_minus:visited
    {
    display: block;
    margin: 0em;
    padding: 1.0em 3.0em 1.25em 1.0em;
    color: #ffffff;                     /* Brilliance White */
    }


.accordion_two_hold
    {
    margin: 0em 2.0em 0em 2.0em;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #b7b1a9;              /* Warm Gray 4 */
    }

.accordion_two_heading,
.accordion_three_heading
    {
    color: #000000;                     /* Black */
    }

a.accordion_two_link_plus,
a.accordion_two_link_minus,
a.accordion_three_link_plus,
a.accordion_three_link_minus
    {
    font-size: 70%;
    vertical-align: 15%;
    }

.accordion_two_section
    {
    padding: 0em 0em 0.5em 0em;
    }


.accordion_three_section
    {
    padding: 0.5em 0em 0em 0em;
    }


.accordion_one_section h2,
.accordion_one_section h3,
.accordion_one_section h4,
.accordion_one_section h5,
.accordion_one_section h6,
.accordion_two_section h2,
.accordion_two_section h3,
.accordion_two_section h4,
.accordion_two_section h5,
.accordion_two_section h6,
.accordion_three_section h2,
.accordion_three_section h3,
.accordion_three_section h4,
.accordion_three_section h5,
.accordion_three_section h6
    {
    color: #000000;                     /* Black */
    }

.accordion_one_hidden,
.accordion_two_hidden,
.accordion_three_hidden
    {
    display: none;
    }


/* Image Carousel                                               */
/* ------------------------------------------------------------ */


#carousel_hold,
#carousel,
#carousel_link,
#carousel_image
    {
    display: block;
    }

#carousel_hold
    {
    clear: both;
    overflow: hidden;
    }

#carousel_hold.with_navigation
    {
    margin-bottom: -1.0em;
    }

#carousel_hold .transparent
    {
    background-color: transparent;
    }

#carousel
    {
    width: 100%;
    }

#carousel_image
    {
    max-width: 100%;
    height: auto;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    }

#carousel_navigation
    {
    position: relative;
    height: 1.0em;
    bottom: 1.0em;
    }

#carousel_navigation li
    {
    float: left;
    margin: 0em;
    width: 1.0em;
    line-height: 1.0em;
    text-align: center;
    overflow: hidden;
    background-image: url("../images/carousel_button_up.png");
    background-repeat: no-repeat;
    background-position: center center;
    }

#carousel_navigation li:active,
#carousel_navigation li:hover,
#carousel_navigation li:focus
    {
    background-image: url("../images/carousel_button_over.png");
    }

#carousel_navigation li img
    {
    max-width: 100%;
    height: auto;
    }


/* Header - Top Links                                           */
/* ------------------------------------------------------------ */

#header_toplinks_hold
    {
    clear: both;
    padding: 0.45em 0em 0.25em 0em;
    color: #3b3735;                     /* Warm Gray 14 */
    background-color: #766a62;          /* Warm Gray 10 */
    background-image: url("../images/gradient_grey.png");
    background-repeat: repeat-x;
    background-position: top center;
    }

#header_toplinks
    {
    width: 26.0em;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    line-height: 1.0em;
    font-size: 0.65em;
    text-align: center;
    }

#header_toplinks a
    {
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    color: #ffffff;                     /* Brilliance White */
    }

#header_toplinks_skip
    {
    text-decoration: none;
    }


/* Header - Banner                                              */
/* ------------------------------------------------------------ */

#header_banner_hold
    {
    clear: both;
    background-color: #c75b12;          /* Flame Orange */
    background-image: url("../images/gradient_orange.png");
    background-repeat: repeat-x;
    background-position: top center;
    }

#header_banner_mobile
    {
    width: 15.0em;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    }

#header_banner_mobile_utd
    {
    float: left;
    width: 21.32%;
    }

#header_banner_mobile_dept
    {
    float: right;
    width: 78.68%;
    }

#header_banner_desktop
    {
    display: none;
    }

#header_banner_desktop_utd
    {
    float: left;
    width: 24.21%;
    }

#header_banner_desktop_dept
    {
    float: right;
    width: 75.79%;
    }

#header_banner_mobile img,
#header_banner_desktop img
    {
    max-width: 100%;
    height: auto;
    }


/* Header - Bottom Links                                        */
/* ------------------------------------------------------------ */

#header_bottomlinks_hold
    {
    clear: both;
    background-color: #e98300;          /* Solar Orange */
    }

#header_bottomlinks
    {
    width: 10.0em;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    line-height: 1.0em;
    text-align: center;
    }

#header_bottomlinks p
    {
    width: 9.4em;
    margin-top: 0em;
    padding: 0.45em 0.5em 0.25em 0.5em;
    text-align: center;
    color: #00652a;                     /* "150%" of Eco Green */
    background-color: #008542;          /* Eco Green */
    }

#header_bottomlinks a
    {
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    color: #ffffff;                     /* Brilliance White */
    }


/* Header - Menu                                                */
/* ------------------------------------------------------------ */

#header_menu
    {
    z-index: 5;
    position: absolute;
    }

#header_menu ul
    {
    width: 10.3em;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0em;
    margin-left: auto;
    background-image: url("../images/header_menu.png");
    background-repeat: repeat;
    background-position: center center;
    list-style-type: none;
    }

#header_menu li
    {
    margin-top: 0em;
    padding: 0.5em 0.5em 0.35em 0.5em;
    line-height: 1.0em;
    vertical-align: middle;
    list-style-type: none;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ffffff;              /* Brilliance White */
    color: #a59d95;                     /* Warm Gray 6  */
    }

#header_menu li:active,
#header_menu li:hover,
#header_menu li:focus
    {
    background-color: #c75b12;          /* Flame Orange */
    }

#header_menu li.last,
#header_menu li.last_selected
    {
    border-width: 0px;
    }

#header_menu li.selected,
#header_menu li.last_selected
    {
    background-color: #59514d;          /* Warm Gray 12 */
    }

#header_menu a,
#header_menu a:link,
#header_menu a:visited
    {
    display: block;
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    color: #ffffff;                     /* Brilliance White */
    }


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

#main_hold
    {
    clear: both;
    color: #000000;                     /* Black */
    background-color: #ffffff;          /* Brilliance White */
    background-image: url("../images/gradient_white.png");
    background-repeat: repeat-x;
    background-position: top center;
    }

#main
    {
    padding: 1.0em 1.0em 2.0em 1.0em;
    }

#sidebar
    {
    margin: 2.0em 0em 0em 0em;
    padding: 1.0em;
    border-style: solid;
    border-width: 4px 0px 4px 0px;
    border-color: #eae8e4;              /* 50% of Warm Gray 2 */
    }


/* Footer                                                       */
/* ------------------------------------------------------------ */

#footer
    {
    clear: both;
    padding: 1.0em 1.0em 3.0em 1.0em;
    color: #a59d95;                     /* Warm Gray 6  */
    background-color: #766a62;          /* Warm Gray 10 */
    background-image: url("../images/gradient_grey.png");
    background-repeat: repeat-x;
    background-position: top center;
    }

#footer .navigation ul
    {
    margin-left: 0em;
    list-style-type: none;
    font-family: "DinProBold", "arial", "helvetica", sans-serif;
    }

#footer .navigation li
    {
    float: left;
    margin: 0.6em 0.5em 0em 0em;
    width: 9.0em;
    line-height: 1.0em;
    }

#footer .navigation li li
    {
    float: none;
    line-height: 1.2em;
    font-size: 0.8em;
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    }

#footer .navigation li li li
    {
    font-size: 1.0em;
    }

#footer .navigation li li a
    {
    font-family: "DinProRegular", "arial", "helvetica", sans-serif;
    }

#footer .navigation a,
#footer .navigation a:link,
#footer .navigation a:visited
    {
    color: #ffffff;                     /* Brilliance White */
    }

#footer .navigation_topic
    {
    padding: 0.75em 0em 0.25em 0em;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #a59d95;              /* Warm Gray 6  */
    }

#footer_wordmark
    {
    clear: both;
    }

#footer_wordmark img
    {
    max-width: 100%;
    height: auto;
    }




/* Adjustments for Different Sized Screens                      */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


/* Header                                                       */
/* ------------------------------------------------------------ */

@media screen and (min-width: 32.0em)
    {
    #header_toplinks
        {
        width: 46.0em;
        text-align: right;
        }

    #header_banner_mobile
        {
        display: none;
        }

    #header_banner_desktop
        {
        display: block;
        width: 30.0em;
        margin-top: 0em;
        margin-right: auto;
        margin-bottom: 0em;
        margin-left: auto;
        }

    #header_bottomlinks
        {
        width: 30.0em;
        text-align: left;
        }
    }

@media screen and (min-width: 37.0em)
    {
    #header_toplinks
        {
        width: 53.8em;
        }

    #header_banner_desktop,
    #header_bottomlinks
        {
        width: 35.0em;
        }
    }

@media screen and (min-width: 42.0em)
    {
    #header_toplinks
        {
        width: 61.6em;
        }

    #header_banner_desktop,
    #header_bottomlinks
        {
        width: 40.0em;
        }
    }

@media screen and (min-width: 47.0em)
    {
    #header_toplinks
        {
        width: 69.4em;
        }

    #header_bottomlinks
        {
        width: 45.0em;
        }
    }

@media screen and (min-width: 52.0em)
    {
    #header_toplinks
        {
        width: 77.0em;
        }

    #header_bottomlinks
        {
        width: 50.0em;
        }
    }

@media screen and (min-width: 57.0em)
    {
    #header_toplinks
        {
        width: 84.8em;
        }

    #header_bottomlinks
        {
        width: 55.0em;
        }
    }

@media screen and (min-width: 62.0em)
    {
    #header_toplinks
        {
        width: 92.5em;
        }

    #header_bottomlinks
        {
        width: 60.0em;
        }
    }


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

@media screen and (min-width: 65.0em)
    {
    #main
        {
        width: 60.0em;
        margin-top: 0em;
        margin-right: auto;
        margin-bottom: 0em;
        margin-left: auto;
        }

    #content
        {
        float: left;
        width: 40.0em;
        }

    #sidebar
        {
        float: right;
        width: 15.0em;
        margin: 0em 0em 0em 1.0em;
        border-width: 0px 0px 0px 4px;
        }
    }


/* Footer                                                       */
/* ------------------------------------------------------------ */

@media screen and (min-width: 10.0em)  /* width = one column of .navigation li + ~1.0 */
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 10.0em;
        display: block;
        margin-top: 0em;
        margin-right: auto;
        margin-bottom: 0em;
        margin-left: auto;
        }
    }

@media screen and (min-width: 20.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 19.0em;
        }
    }

@media screen and (min-width: 30.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 28.5em;
        }
    }

@media screen and (min-width: 40.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 38.0em;
        }
    }

@media screen and (min-width: 50.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 47.5em;
        }
    }
/*
@media screen and (min-width: 60.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 57.0em;
        }
    }

@media screen and (min-width: 70.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 66.5em;
        }
    }

@media screen and (min-width: 80.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 76.0em;
        }
    }

@media screen and (min-width: 90.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 85.5em;
        }
    }

@media screen and (min-width: 100.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 95.0em;
        }
    }

@media screen and (min-width: 110.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 104.5em;
        }
    }

@media screen and (min-width: 120.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 114.0em;
        }
    }

@media screen and (min-width: 130.0em)
    {
    #footer .navigation_hold,
    #footer_wordmark
        {
        width: 123.5em;
        }
    }
*/