/* ------------------------------------------ */
/* -------- default screen formatting ------- */
/* ------------------------------------------ */

/*
   UTA Primary Pallete

   #0064b1  UTA Blue
   #f58025  UTA Orange
   #000000  UTA Black
   #ffffff  UTA White

   UTA Secondary Pallete

   #939598  Grey
   #00447c  Dark Blue
   #692917  Dark Red
   #d99b64  Dusty Orange
   #d0bf8b  Tan
   #e6dbbe  Cream
   #d4effc  Light Blue
   #e7f6fd  Lightest Blue

   Custom Site Colors

   #8491a6  Complimentary Grey-Blue, dark
   #a6b3c8  Complimentary Grey-Blue, medium
   #d9e6fb  Complimentary Grey-Blue, light
   #ecf3fd  Complimentary Grey-Blue, lightest

   #b63800  Complimentary Orange, dark
   #d56005  Complimentary Orange, medium
   #fbe1cf  Complimentary Orange, light
*/

html
    {
    line-height: 14px;
    font-size: 12px;
    font-family: "arial", "helvetica", sans-serif;
    }

body
    {
    color: #8491a6;
    background-color: #333333;
    }

h2
    {
    margin: 28px 0px 0px 0px;
    line-height: 28px;
    font-size: 28px;
    font-weight: bold;
    color: #a6b3c8;
    }

h3
    {
    margin: 22px 0px 0px 0px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    }

h4
    {
    margin: 16px 0px 0px 0px;
    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
    }

h5
    {
    margin: 14px 0px 0px 0px;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    }

h6
    {
    margin: 12px 0px 0px 0px;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    }

p
    {
    margin: 12px 0px 0px 0px;
    line-height: 14px;
    font-size: 12px;
    }

strong
    {
    font-weight: bold;
    }

em
    {
    font-style: oblique;
    }

pre
    {
    font-family: "courier new", "courier", monospace;
    margin: 12px 0px 0px 0px;
    line-height: 14px;
    font-size: 12px;
    }

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

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

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



/* ------------------------------------------
   ----------------- lists ------------------
   ------------------------------------------ */

ul
    {
    margin-left: 20px;
    line-height: 14px;
    font-size: 12px;
    list-style-type: square;
    }

ul ul
    {
    margin-left: 30px;
    }

ul ul ul
    {
    margin-left: 40px;
    }

ul ul ul ul
    {
    margin-left: 50px;
    }

ul ul ul ul ul
    {
    margin-left: 60px;
    }

ol
    {
    margin-left: 20px;
    line-height: 14px;
    font-size: 12px;
    list-style-type: decimal;
    }

ol ol
    {
    margin-left: 30px;
    list-style-type: lower-alpha;
    }

ol ol ol
    {
    margin-left: 40px;
    list-style-type: lower-roman;
    }

ol ol ol ol
    {
    margin-left: 50px;
    list-style-type: upper-alpha;
    }

ol ol ol ol ol
    {
    margin-left: 60px;
    list-style-type: upper-roman;
    }

li
    {
    margin-top: 12px;
    }

dl
    {
    margin-left: 20px;
    line-height: 14px;
    font-size: 12px;
    }

dt
    {
    margin-top: 12px;
    font-weight: bold;
    }



/* ------------------------------------------
   ----------------- links ------------------
   ------------------------------------------ */

a,
a:link,
a:visited
    {
    vertical-align: inherit;
    text-decoration: none;
    font-weight: bold;
    color: #0064b1;
    }

a:active,
a:hover,
a:focus
    {
    text-decoration: underline;
    font-weight: bold;
    color: #f58025;
    }


/* ------------- expand / colapse ------------ */

a.expand,
a.expand:link,
a.expand:visited
    {
    padding: 0px 0px 0px 16px;
    background-image: url("../img/button_expand.png");
    background-repeat: no-repeat;
    background-position: left center;
    color: #0064b1;
    }

a.expand:active,
a.expand:hover,
a.expand:focus
    {
    background-image: url("../img/button_expand_over.png");
    color: #f58025;
    }

a.colapse,
a.colapse:link,
a.colapse:visited
    {
    padding: 0px 0px 0px 16px;
    background-image: url("../img/button_colapse.png");
    background-repeat: no-repeat;
    background-position: left center;
    color: #0064b1;
    }

a.colapse:active,
a.colapse:hover,
a.colapse:focus
    {
    background-image: url("../img/button_colapse_over.png");
    color: #f58025;
    }


/* ---------------- resources ---------------- */

a.resource_DOC,
a.resource_DOCX,
a.resource_DOT,
a.resource_DOTX
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_DOC.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_MOV,
a.resource_QT
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_MOV.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_PDF
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_PDF.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_PPT,
a.resource_PPTX
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_PPT.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_PUB
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_PUB.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_WMV
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_WMV.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_XLS,
a.resource_XLSX
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_XLS.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.resource_ZIP
    {
    padding: 0px 0px 0px 18px;
    background-image: url("../img/resource_ZIP.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_FB
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_FB.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_FL
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_FL.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_LI
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_LI.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_MS
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_MS.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_RSS
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_RSS.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_TW
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_TW.png");
    background-repeat: no-repeat;
    background-position: left center;
    }

a.social_YT
    {
    padding: 0px 0px 0px 16pt;
    background-image: url("../img/social_YT.png");
    background-repeat: no-repeat;
    background-position: left center;
    }


/* ----------------- acronyms ---------------- */

acronym
    {
    font-weight: inherit;
    font-style: inherit;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: inherit;
    color: inherit;
    }

acronym:active,
acronym:hover,
acronym:focus
    {
    border-color: #f58025;
    color: #f58025;
    cursor: help;
    }



/* ------------------------------------------
   ----------------- tables -----------------
   ------------------------------------------ */

/*
   Due to inconsistent rendering across browsers,
   the <table> tag will need to be preceded by
   <p>&#160;</p> in order to have a top margin.
   The problem is with the <caption> tag.
*/

table
    {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 0px;
    line-height: 14px;
    font-size: 12px;
    background-color: #ffffff;
    }

caption
    {
    padding: 4px;
    vertical-align: top;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #8491a6;
    }

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

th
    {
    padding: 4px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    color: #ffffff;
    background-color: #a6b3c8;
    }

td
    {
    padding: 4px;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #a6b3c8;
    }

tr.alt th
    {
    background-color: #8491a6;
    }

tr.alt td
    {
    background-color: #d9e6fb;
    }

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

tr.altnoborder th
    {
    background-color: #8491a6;
    }

tr.altnoborder td
    {
    background-color: #d9e6fb;
    border-style: none;
    }

th.withborder,
tr.noborder th.withborder,
tr.altnoborder th.withborder
    {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #666666;
    }

td.withborder,
tr.noborder td.withborder,
tr.altnoborder td.withborder
    {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #a6b3c8;
    }

tfoot td
    {
    border-style: none;
    color: #8491a6;
    }

tfoot td sup,
tfoot td sub
    {
    color: #8491a6;
    }

caption a:visited,
th a:visited
    {
    color: #0064b1;
    }



/* ------------------------------------------
   ----------------- forms ------------------
   ------------------------------------------ */

form
    {
    line-height: 14px;
    font-size: 12px;
    }

fieldset
    {
    padding: 4px;
    }

fieldset.alt
    {
    background-color: #d9e6fb;
    }

input,
textarea,
select
    {
    border-style: solid;
    border-width: 1px;
    border-color: #a6b3c8;
    background-color: #ecf3fd;
    }

#submit,
input.submit
    {
    padding: 3px;
    font-weight: bold;
    border-color: #b63800;
    color: #ffffff;
    background-color: #f58025;
    cursor: pointer;
    }

#submit:active,
#submit:hover,
#submit:focus,
input.submit:active,
input.submit:hover,
input.submit:focus
    {
    border-color: #f58025;
    background-color: #b63800;
    }

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

optgroup
    {
    font-weight: bold;
    font-style: oblique;
    color: #8491a6;
    }

optgroup option
    {
    padding-left: 20px;
    font-weight: normal;
    color: #000000;
    }

optgroup optgroup
    {
    padding-left: 20px;
    }

optgroup option option
    {
    padding-left: 40px;
    }

#privacy
    {
    padding: 5px;
    border-style: none;
    background-color: #ecf3fd;
    color: #8491a6;
    }



/* ------------------------------------------
   --------------- variations ---------------
   ------------------------------------------ */

.tight
    {
    margin-top: 0px;
    }

.left
    {
    float: left;
    }

.right
    {
    float: right;
    }

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

.rightalign
    {
    text-align: right;
    }

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

.center
    {
    text-align: center;
    }

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

.break
    {
    clear: both;
    }

.hidden
    {
    display: none;
    }

.fade
    {
    color: #8491a6;
    }

.full
    {
    width: 100%;
    }

.new
    {
    padding-left: 32px;
    background-image: url("../img/new.png");
    background-repeat: no-repeat;
    background-position: top left;
    }

h3.list
    {
    margin: 12px 0px 0px 0px;
    line-height: 14px;
    font-size: 12px;
    }


/* -------------- indented text -------------- */

.indent1
    {
    margin-left: 20px;
    }

.indent1tight
    {
    margin-top: 0px;
    margin-left: 20px;
    }

.indent2
    {
    margin-left: 30px;
    }

.indent2tight
    {
    margin-top: 0px;
    margin-left: 30px;
    }

.indent3
    {
    margin-left: 40px;
    }

.indent3tight
    {
    margin-top: 0px;
    margin-left: 40px;
    }


/* ------------ multi-column text ------------ */

/*
   Due to inconsistent rendering across browsers,
   a tag with a class of "multicolumn" must include
   <div class="break"></div> before it closes,
   in order for the next tag to maintain its top margin.
*/

.multicolumn
    {
    clear: both;
    width: 100%;
    }

.column_first_of_two
    {
    width: 45%;
    float: left;
    }

.column_first_of_three
    {
    width: 30%;
    float: left;
    }

.column_next_of_two
    {
    width: 45%;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #a6b3c8;
    }

.column_next_of_three
    {
    width: 30%;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #a6b3c8;
    }

.column_next_of_three_double
    {
    width: 60%;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #a6b3c8;
    }



/* ------------------------------------------ */
/* ---------------- sections ---------------- */
/* ------------------------------------------ */


/* ----------------- banner ----------------- */

#banner
    {
    clear: both;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 10px 10px 0px 10px;
    background-image: url("../img/banner.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    }

#banner_top
    {
    width: 100%;
    }

#banner_left
    {
    margin: 16px;
    width: 350px;
    float: left;
    }

#banner_center
    {
    margin: 24px 24px 16px 24px;
    width: 70px;
    float: left;
    }

#banner_right
    {
    margin: 16px;
    float: right;
    vertical-align: top;
    }

#banner_right p
    {
    line-height: 10px;
    font-size: 10px;
    text-align: right;
    color: #a6b3c8;
    }


#apply,
#apply:visited
    {
    background-color: transparent;
    background-image: url("../img/apply_background_up.gif");
    background-repeat: no-repeat;
    background-position: center center;
    }

#apply:active,
#apply:hover,
#apply:focus
    {
    background-image: url("../img/apply_background_over.gif");
    background-repeat: no-repeat;
    background-position: center center;
    }


#banner_navigation
    {
    clear: both;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    width: 100%;
    background-color: #f58025;
    }

#banner_navigation ul
    {
    float: right;
    margin: 0px 6px 0px 0px;
    padding: 0px;
    line-height: 11px;
    font-size: 11px;
    list-style-type: none;
    }

#banner_navigation ul li
    {
    margin: 0px;
    padding: 2px 10px 2px 10px;
    float: left;
    font-weight: bold;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #d56005;
    color: #b63800;
    background-color: transparent;
    }

#banner_navigation ul li.first
    {
    border-width: 0px;
    }

#banner_navigation ul li a
    {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    }

#banner_navigation ul li a:visited
    {
    text-decoration: none;
    }

#banner_navigation ul li a:active,
#banner_navigation ul li a:hover,
#banner_navigation ul li a:focus
    {
    text-decoration: underline;
    color: #b63800;
    }


/* ------------------ main ------------------ */

#main_1
    {
    clear: both;
    width: 820px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url("../img/main.jpg");
    background-repeat: repeat-y;
    background-position: top center;
    }

#main_2
    {
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: #f58025;
    color: #000000;
    background-color: #ffffff;
    background-image: url("../img/navigation.gif");
    background-repeat: repeat-y;
    background-position: top left;
    }

#main_3
    {
    width: 590px;
    padding: 10px;
    float: right;
    }

#main_3.about
    {
    padding-top: 130px;
    background-image: url("../img/main_about.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }

#main_3.prospective
    {
    padding-top: 130px;
    background-image: url("../img/main_prospective.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }

#main_3.students
    {
    padding-top: 130px;
    background-image: url("../img/main_students.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }

#main_3.faculty
    {
    padding-top: 130px;
    background-image: url("../img/main_faculty.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }

#main_3.alumni
    {
    padding-top: 130px;
    background-image: url("../img/main_alumni.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }

#main_3.programs
    {
    padding-top: 130px;
    background-image: url("../img/main_programs.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    }


/* ---------------- spotlight --------------- */

.spotlight
    {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 5px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #f58025;
    background-color: #fbe1cf;
    }


/* --------------- navigation --------------- */

#navigation
    {
    width: 190px;
    float: left;
    }

#navigation ul
    {
    margin-left: 0px;
    padding: 5px;
    list-style-type: none;
    line-height: 18px;
    font-size: 16px;
    }

#navigation_spotlight
    {
    margin-right: -5px;
    margin-left: -5px;
    padding: 5px 5px 10px 5px;
    background-color: #0064b1;
    }

#navigation ul ul
    {
    padding: 0px;
    margin-left: 10px;
    line-height: 14px;
    font-size: 12px;
    }

#navigation ul ul ul
    {
    padding: 0px;
    margin-left: 20px;
    line-height: 14px;
    font-size: 12px;
    }

#navigation ul ul ul ul
    {
    padding: 0px;
    margin-left: 30px;
    line-height: 14px;
    font-size: 12px;
    }

#navigation ul ul ul ul ul
    {
    padding: 0px;
    margin-left: 40px;
    line-height: 14px;
    font-size: 12px;
    }

#navigation ul li
    {
    font-weight: bold;
    color: #00447c;
    }

#navigation ul li a
    {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    }

#navigation ul li a:visited
    {
    text-decoration: none;
    }

#navigation ul li a:active,
#navigation ul li a:hover,
#navigation ul li a:focus
    {
    text-decoration: underline;
    color: #f58025;
    }
	
.gradfestButton {
	margin-left: 3px;	
	margin-top: 9px;
}


/* ----------------- footer ----------------- */

#footer
    {
    clear: both;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 10px 10px 20px 10px;
    background-image: url("../img/footer.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    }

#footer p
    {
    margin: 5px 0px 5px 0px;
    text-align: center;
    line-height: 10px;
    font-size: 10px;
    }

#footer p acronym
    {
    color: #8491a6;
    }

#footer p acronym:active,
#footer p acronym:hover,
#footer p acronym:focus
    {
    color: #f58025;
    }
	
/* ----------------- custom ----------------- */

select#petition-type.petition-type {
	max-width: 200px;
	white-space: normal;
}

.notice {
    font-size: 18px;
}