/* ----------------------------------------------------------------
* BROWSER RESET
 * ---------------------------------------------------------------- 
*/ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  font-size:62.5%; 
  line-height: 2em; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ----------------------------------------------------------------
* STYLES/GLOBAL
 * ---------------------------------------------------------------- 
*/ 

html {color: #636363; font-family: Helvetica, Arial, Lucida-Grade, sans-serif;}
html, body {height: 100%;}
ul {list-style: none;}
a, a:visited {color: #5da2b8;; text-decoration: none}

h1,h2,h3,h4,h5,h6 {
     color: #333;
}

.red {color:#ff0000;}
.green {color:#00ff00;}
.black {color: #333;}
.white {color: white;}
.clear {clear: both;}

.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {clear:both;}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.hidden {
	display: none;
}

video {
     -webkit-transform-style: preserve-3d;
}

/* ----------------------------------------------------------------
* FONTS
 * ---------------------------------------------------------------- 
*/ 

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('http://www.uta.edu/art/css/webfonts/OpenSans-CondLight-webfont.eot');
    src: url('http://www.uta.edu/art/css/webfonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.uta.edu/art/css/webfonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('http://www.uta.edu/art/css/webfonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('http://www.uta.edu/art/css/webfonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('http://www.uta.edu/art/css/webfonts/Roboto-Condensed-webfont.eot');
    src: url('http://www.uta.edu/art/css/webfonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.uta.edu/art/css/webfonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('http://www.uta.edu/art/css/webfonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('http://www.uta.edu/art/css/webfonts/Roboto-Condensed-webfont.svg#RobotoCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentowideLightRegular';
    src: url('http://www.uta.edu/art/css/webfonts/Novecentowide-Light-webfont.eot');
    src: url('http://www.uta.edu/art/css/webfonts/Novecentowide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.uta.edu/art/css/webfonts/Novecentowide-Light-webfont.woff') format('woff'),
         url('http://www.uta.edu/art/css/webfonts/Novecentowide-Light-webfont.ttf') format('truetype'),
         url('http://www.uta.edu/art/css/webfonts/Novecentowide-Light-webfont.svg#NovecentowideLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#nav li a.nav_top,
#nav li span.nav_top {
font-family: 'OpenSansCondensedLight';
}

h4,
.section_bar,
.article h1,
.university,
#content_left h3,
.cwrap h2,
#content h2,
#content h3 {
	font-family: 'RobotoCondensedRegular';
	letter-spacing: -0.05em;
}

h5,
#content h4,
.back {
	font-family: 'NovecentowideLightRegular';
}


/* ----------------------------------------------------------------
* BODY
 * ---------------------------------------------------------------- 
*/ 

body {
	background: #bab1a3;
	background-image: url(http://www.uta.edu/art/images/interface/cross.png);
}

/* ----------------------------------------------------------------
* FRAMEWORK
 * ---------------------------------------------------------------- 
*/

#container {
	background: none;
	width:996px;
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin: 0 auto;
}


#main_column {
	float: left;
	width: 815px;
}

#content {
	background: white;
	font-size: 1.1em;
	float: left;
	padding-bottom: 30px;
	margin-top: -65px;
	width: 815px;
	min-height:600px;
	height:auto !important;
	height: 600px;
	-moz-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	-webkit-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
}

.home_nopad {
	padding-bottom: 0 !important;
}

#sidebar {
	float: left;
	font-size: 1.1em;
	width: 180px;
        min-height:100%;
        height:100%;
}

#sidebar_content {
}

.grid_compact {
	display: table;
	border-spacing: 0;
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.grid {
	display: table;
	border-spacing: 12px;
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.grid ul, .grid_compact ul {
        display: table-row;
}

.grid li, .grid_compact li {
        display: table-cell;
        vertical-align: top;
}


/* ----------------------------------------------------------------
* HEADER
 * ---------------------------------------------------------------- 
*/

#top {
	background: white;
	width: 100%;
	min-width: 100%;
	height: 55px;
	-moz-box-shadow: 0px 4px 2px 0px rgba( 0, 0, 0, 0.25 );
	-webkit-box-shadow: 0px 4px 2px 0px rgba( 0, 0, 0, 0.25 );
	box-shadow: 0px 4px 2px 0px rgba( 0, 0, 0, 0.25 );
}

.top_cell {
	float: left;
}

#nav {
	margin: 0 10px 0 10px;
	width: 595px;
	height: 55px;
}

#nav li {
	font-size: 1.75em;
	padding-top:6px;
	padding-bottom:16px;
	text-transform: uppercase;
	text-align: center;
}

#nav li a,#nav li span {
	color: #333333;
	text-decoration: none;
        border-bottom: 3px solid white;
}

#nav li a:hover,#nav li span:hover  {
	color: #111111;
}


#nav li:hover .teal {
	border-bottom: 3px solid #83d0bd;
	position: relative;
}

#nav li:hover .blue {
	border-bottom: 3px solid #97c3d0;
	position: relative;
}

#nav li:hover .green {
	border-bottom: 3px solid #a4cf95;
	position: relative;
}

#nav li:hover .yellow {
	border-bottom: 3px solid #dbeb82;
	position: relative;
}

#nav li:hover .purple {
	border-bottom: 3px solid #bf86c9;
	position: relative;
}

#nav li:hover .red {
	border-bottom: 3px solid #c8858c;
	position: relative;
}

#nav li:hover .orange {
	border-bottom: 3px solid #dece71;
	position: relative;
}

#nav_dropdown {
	visibility: hidden;
	position: absolute;
	margin-top: 16px;
	background: white;
	z-index:9999;
	-moz-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	-webkit-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
}

#nav_dropdown .last {
	padding-bottom: 5px;
}

#nav_dropdown li {
	display: block;
	font-size: 0.65em;
	padding: 2px 15px 2px 10px;
	background: #EEEEEE;
	text-align: left;
	text-transform: none;
}

#nav_dropdown li:hover {
	background: white;
        border: none;
}

#nav_dropdown li a {
	display: block;
	width: 100%;
	color: #333333;
	text-decoration: none;
        border: none;
	margin: 0;
}

#nav_dropdown li a:hover {
	color: #111111;
        border: none;
}

.searchbar {
	/*margin: 0 0 10px 0;*/
	padding: 0 0 10px 0;
}

.search {
	display: table;
}

fieldset.search {
	border: none;
	width: 130px;
}
.search input, .search button {
	float: left;
	border: none;
}
.search input.box {
	color: #666;
	font-family: Helvetica, Arial, Lucida-Grade, sans-serif;
	font-size: 1.2em;
	width: 170px;
	height: 24px;
	background: #e7e8e8;
	padding: 1px 0 1px 10px;
}

.search input.box:focus {
	outline: none;
}

.search input.searchimage {
	background: url("http://www.uta.edu/art/images/interface/search_icon.gif") no-repeat scroll center center #E7E8E8;
	border: none;
	padding: 1px 20px 1px 0;
	margin: 1px 0 0 -32px;
	height: 24px;
	width: 30px;
}

.search input.searchimage:hover {
	cursor: pointer;
}

#buttons {
	list-style: none;
	border-spacing: 10px;
	margin-right: 10px;
}

#buttons li {
	float: left;
	margin: 0 8px;
}

#main_gallery {
	
}

#gallery_controls {
	position: relative;
	bottom: 72px;
	left: 18px;
}

#content #gallery_controls {
	position: relative;
	bottom: 42px;
	left: 18px;
}

#gallery_controls ul {
	margin: 0;
	padding: 0;
}

#gallery_controls li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	opacity: 0.75;
}

#gallery_controls li:hover {
	cursor: pointer;
	opacity: 1;
}

#gallery_controls img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 0;
}

#main_img {
	z-index: -2;
	height: 409px;
	width: 995px;
	position: relative;
	background: #ffffff;
	overflow: hidden;
}

#content #main_img {
	z-index: 0;
	height: 435px;
	width: 780px;
	position: relative;
	background: #ffffff;
	overflow: hidden;
}

#main_type {
	position: relative;
	float:left;
	left: 0px;
	top: 140px;
	width: 0;
	height: 0;
}
#main_type_alt {
	z-index: 9999;
	position: relative;
	left: -1px;
	top: 0px;
	width: 381px;
	height: 0px;
}

/* ----------------------------------------------------------------
* BODY
 * ---------------------------------------------------------------- 
*/

#content .holder {
	margin: 18px;
}

#content .holder .section_bar {
	background: #f1b94c;
	color: white;
	font-size: 120%;
	height: 8px;
	padding: 1px 0 4px 5px;
	text-transform: uppercase;
}

#content .holder .article_holder {
	margin: 13px 0 0 -16px; 
}

#content .holder .article {
	float: left;
	width: 250px;
	padding: 0 0 30px 15px;
	position: relative;
	overflow: hidden !important;
}

#content .holder .article img {
	border-bottom: 4px solid #52CAC4;
}

#content .holder .article .ppink {
	border-bottom: 4px solid #d866d2; 
}

#content .holder .article .pteal {
	border-bottom: 4px solid #52cac4; 
}

#content .holder .article .pblue {
	border-bottom: 4px solid #3e9af9; 
}

#content .holder .article .porange {
	border-bottom: 4px solid rgb(51, 51, 51); 
}

#content .holder .article .pgreen {
	border-bottom: 4px solid #7ade57; 
}

#content .holder .article .pyellow {
	border-bottom: 4px solid #fac445; 
}

#content .holder .article .pred {
	border-bottom: 4px solid #c56166; 
}

#content .holder .article h1 {
	font-size: 1.6em;
	line-height: 1.2em;
	padding-bottom: 7px;
}

#content .holder .entrydate {
	font-size: .85em;
	padding: 0 0 5px 0;
	display: block;
}

#content .holder .article .readmore {
	position: absolute;
	bottom: 10px;
	right: 0;
}

#content .holder .article .readmore a {
	text-decoration: none;
	color: #636363;
}

#content .holder .article .readmore a:hover {
	text-decoration: underline;
}

#breadcrumb {
	font-size: 90%;
	padding: 15px 0 11px 12px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #b2b2b2;
}

#breadcrumb em {
	color: #689fb3;
}

#breadcrumb a {
	color: #6F6F6F;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

.cwrap h2 {
	border-bottom: 1px solid #eec958;
	font-size: 4.25em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.cwrap h2.wide {
	width: 769px;
} 

.area_img {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}

#content_left {
	float: left;
	padding: 5px 10px 0 0;
	margin: 0 10px 0 0;
	width: 150px;
}

#content_left h3 {
	color: #636363;
	font-size: 2em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#content_left h3 a {
	color: #636363;
}

#content_left ul {
	padding-left: 18px;
}

#content_left ul li {
	padding: 2px 0;
}

#content_left ul li a {
	color: #6f6f6f;
	text-decoration: none;
}

#content_left ul li a:hover {
	text-decoration: underline;
}

#content_right {
	float: left;
}

#content_right .body_content {
	float: left;
	width: 450px;
}

#content_right .body_content.wide {
	width: 609px;
}

#content_right .body_content p {
	padding: 5px 0;
}

#content_right .body_content ul {
	background: #efefef;
	list-style-type: disc;
	margin: 5px 0;
	padding: 15px 35px;
}

#content_right .body_content ul li {
	padding: 2px 0;
}

#content_right .body_content ol {
		padding: 5px 35px;
}

#content_right .body_content ol li {
	padding: 2px 0;
}

#content_right .body_content .section ul {
	background: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#content_right img {}

.content_right_sub {
	float: right;
	width: 140px;
}

.content_right_sub .here {
	background: #9f9f9f;
	color: white;
	cursor: pointer;
}

.content_right_sub .here a {
	color: white;
}

.content_right_sub ul .grad_level {
	border-bottom: 1px dotted #9f9f9f;
}

.content_right_sub ul li {
	display: block;
	color: #636363;
	font-weight: bold;
	text-transform: lowercase;
}

.content_right_sub .grad_level li:hover {
	color: white;
	cursor: pointer;
}

.content_right_sub .grad_level li a {
	display: block;
	padding: 3px 0 3px 5px;
}

.content_right_sub .grad_level li a:hover {
	color: #fff;
	background: #d3d3d3;

}

.content_right_sub .level_minis li {
	padding: 2px 0 3px 5px;
}

div.news_wide {
	float: right;
	width: 600px;
	padding-top: 5px;
}

div.back {
	margin:40px 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
}

div.back a {
	color: #333 !important;
}

div.news_wide .body_content {
	width: 540px !important;
}

#content_right_wide  .body_content {
	float: left;
}

#content h2 {
	border-bottom: 1px solid #eec958;
	font-size: 3.5em;
	line-height: 1em;
	margin-bottom: 15px;
	padding: 0 0 5px 10px;
	text-transform: uppercase;
}

#content h2.news_wide {
	width: 720px;
}

#content h2 a {
	color: #333;
}

#content_right_wide .under {
	text-transform: none !important;
	font-size: 3em !important;
}

#content_right_wide  img {}

#content_right_wide .content_right_sub {
	float: right;
	width: 115px;
	margin-top: 70px;
}

#content h4 {
	margin: 15px 0 10px 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #636363;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform: uppercase;
}

#content h4:first-child {
	margin: 0 !important;
	padding: 4px 0 0 0 !important;
	border-top: none !important;
}

#content .section h4 {
	margin: 15px 0 10px !important;
	padding: 15px 0 0 0 !important;
	border-top: 1px dotted #636363 !important;
	font-size: 1.4em;
	text-transform: uppercase;
}

#content .faculty .faculty_info li {
	float: left;
	width: 33%;
	padding: 0 0 10px 0;
}

#content .faculty .faculty_info .name {
	color: #333;
}

#content .faculty .faculty_info .prof {
	color: #689FB3;
}

#content .holder .article_news {
	float: left;
	border-bottom: 1px dotted #c9c9c9;
	padding: 30px 0 30px;
	margin:  0;
	width: 550px;
}
#content .holder .article_news:first-child, #content .holder .article_news:last-child {
	padding: 0;
}

#content .holder .article_news img {
	padding: 0;
	float: left;
}

#content .holder .article_news h3 {
	font-size: 2.25em;
	line-height: 1em;
	padding-bottom: 7px;
}

#content .holder .article_box {
	float: left; 
	width: 400px;
        padding-left: 10px;
}

#content .holder .article_news a, #content .holder .article_news a {
	color: #5da2b8;
}	
	
#content .holder .pagination {
	float: left;
	width: 100%;
}

#content .holder .pagination li {
	float: left;
	padding: 2px 7px;
	margin: 0 3px;
	background: #e1ecf0;
}

#content .holder .tertiary {
	border-bottom: 1px dotted #636363;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#content .holder .tertiary li {
	padding: 2px 0 2px 5px;
}

#content .holder .pagination .beginning,
#content .holder .pagination .previous,
#content .holder .pagination .end,
#content .holder .pagination .next {
	background: none;
}

#content .holder .pagination li a {
	color: #689fb3;
}

#content .holder .pagination .here a {
	color: white;
}

#content table {
	border-bottom: 1px solid #c7dfe7;
}

#content table tr {
	border-bottom:1px solid #c7dfe7;
	color:#333;
	font-weight:bold;
	text-align:left;
	padding: 5px 0;
}

#content table tr.alt td {
	background: #f6fcfe;
}

#content table td {
	border-top:1px solid #c7dfe7;
	color:#333;
	vertical-align: top;
	padding: 10px;
}

#content .table_general {
	border-bottom: 1px solid #c7dfe7;
}

#content .table_general tr {
	border-bottom:1px solid #c7dfe7;
	color:#333;
	font-weight:bold;
	text-align:left;
	padding: 5px 0;
}

#content .table_general tr.alt td {
	background: #f6fcfe;
}

#content .table_general td {
	border-top:1px solid #c7dfe7;
	color:#333;
	vertical-align: top;
	padding: 10px;
}

#content .table_general .course_title {
	width: 150px;
	line-height: 1.25em;
}

#content .faculty_listing {
	width: 440px;
}

#content .faculty_listing img {
	float: left;
	padding-right: 10px;
}

#content .faculty_listing li {
	float: left;
	padding: 0 0 10px;
	width: 220px;
}

#content .faculty_listing {
	float: left;
	padding: 17px 0 0 0;
}

#content .faculty_name {
	padding: 17px 0 0 0;
}

#content .faculty_listing .name a {
	color: #689FB3;
}

#content .faculty_info tr {
	color:#333;
	font-weight:bold;
	text-align:left;
	padding: 5px 0;
}

#content .faculty_info td {
 	color:#333;
	vertical-align: top;
	padding: 0 10px 10px 0;
}

#content .faculty_info td a {
	display: block;
}

#content .faculty_info td.faculty_name {
}

#content .facilities ul {
	list-style: disc;
	float: left;
  	width: 440px;
}

#content .facilities ul li {
	margin: 0 0 0 12px;
	width: 400px;
}

#content table.table_faculty {
	padding-bottom: 15px;
	color: #636363;
	width: 609px;
	border-bottom: none !important;
}

#content table.table_faculty tr {
	border-bottom:1px solid #c7dfe7;
	font-weight:bold;
	text-align:left;
	padding: 5px 0;
}

#content table.table_faculty td {
	border-bottom:1px solid #c7dfe7;
	vertical-align: top;
	padding: 10px;
}

#content table.table_compact {
	border: none;
	padding: 10px 0 10px 0;
}

#content table.table_compact tr.hover{
	cursor: default;
}

#content table.table_compact td {
	padding: 2px;
}

#content table.table_compact tr.alt td {
	background: #f6fcfe;
}

#content table.table_compact thead th {
	padding: 0 0 2px 0;
}


#content table.table_expand {
	width: 609px;
}

#content table.table_expand thead:hover {
	background: white !important;
	cursor: default;
}

#content table.table_expand th {
	color: #333;
	padding: 0 0 2px 10px;
	font-weight: bold;
}

#content table.table_expand ul {
}

#content table.table_expand div img {
	float: left;
	padding: 0 15px 15px 0
}

#content table.table_expand tr {
	border-bottom: none !important;
	padding: 0 !important;
}

#content table.table_expand .hover {
	cursor: pointer;
}

#content table.table_expand .snow {
	border-top: none;
	background: white;
}

#content table.table_expand .snow td {
	border-top: none;
	background: white;
}

#content table.table_expand .snow.hover{
	background: white;
	cursor: default;
}

#content table.table_expand .arrow {
	background: url(http://www.uta.edu/art/images/interface/plus.png) no-repeat;
	height: 18px;
	width: 18px;
	margin-top: -2px;
}

#content table.table_expand .arrow.up {
	background: url(http://www.uta.edu/art/images/interface/minus.png) no-repeat;
	height: 18px;
	width: 18px;
	margin-top: -2px;
}
	
#content table.table_expand .gray td {
}

#content .body_content h5 {
	font-size: 1.5em;
	padding: 5px 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px dotted #636363;

}

#content .body_content .f_name { width: 180px; text-align: left;}
#content .body_content .f_type { width: 120px; text-align: left;font-size: 0.9em;}
#content .body_content .f_office {width: 75px; text-align: left;}
#content .body_content .f_email {width: 150px; text-align: left;}

#content .body_content .s_name { width: 175px; text-align: left;}
#content .body_content .s_position{ width: 175px; text-align: left;}
#content .body_content .s_email {width: 100px; text-align: left;}



#content .profile h3 {
	font-size: 3.25em;
	line-height: 1em;
	padding-bottom: 7px;
}

#content .profile img {
	float: left;
	padding: 5px 15px 10px 0;
}

#area_buckets {
	width: 608px;
}

#area_buckets li {
	float: left;
	width: 284px;
	height: 100px;
	margin: 10px 20px 10px 0;
}

#area_buckets li a {
	display: block;
	width: 284px;
	height: 100px;
	text-indent: -9999px;
}

#community_art_certification {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_art_history {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_clay {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_drawing {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_filmvideoscreenwriting {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_foundation {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_glass {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_metals {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_painting {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_photography {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_printmaking {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_sculpture {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}

#community_visual_communication {
	background: url(http://www.uta.edu/art/images/interface/area.jpg) no-repeat;
}


.result {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #EFEFEF;
}

.result h3 {
	font-size: 2.2em;
}


/* ----------------------------------------------------------------
* SIDEBAR
 * ---------------------------------------------------------------- 
*/

#sidebar .university {
	background-color: #0064b1;
	color: white;
	font-size: 1.1em;
	margin: 20px 0 0 0;
	padding: 15px 12px 10px 13px;
}

#sidebar h5 {
	font-size: 1.7em;
	line-height: 1.1em;
}

#sidebar h5 a {
	color: white;
	text-decoration: none;
}

#sidebar .sidenav {
	color: #494949;
	padding: 0 0 0 20px;
}

#sidebar .sidenav a, #sidebar .sidenav a:visited {
	color: #494949;
}

#sidebar .sidenav .second {
	padding:15px 0 0 0;
}

#sidebar .sidenav h4 {
	color: white;
	font-size: 1.4em;
	text-transform: uppercase;
}

#sidebar .sidenav h4 a, #sidebar .sidenav h4 a:visited {
	color: white !important;
}

#sidebar .sidenav li {
	color: #535353;
	text-transform: lowercase;
	padding: 3px 0;
        font-size: 1.1em;
}

#sidebar .sidenav li a:hover {
	text-decoration: underline;
}

#sidebar .advertise {
	padding: 15px 0;
}

#sidebar .advertise div.connect {
	height: 125px;
	position: relative;
	background: url(http://www.uta.edu/art/images/interface/connectwithus.png) no-repeat;
}

#sidebar .advertise ul.connect {
	position: absolute;
	bottom: 0px;
	right: 0;
}

#sidebar .advertise ul.connect li {
	float: left;
	padding-right: 9px;
}

#sidebar .advertise ul.connect li a:hover {
	text-decoration: underline;
}

#sidebar #affiliates {
}

#sidebar ul#organizations li {
        padding-top: 5px;
}

/* ----------------------------------------------------------------
* FOOTER
 * ---------------------------------------------------------------- 
*/

#footer {
	float: left;
	font-size: 1.1em;
	background: white;
	margin:15px 0 25px 0;
	width: 815px;
	padding-bottom: 15px;
	position: relative;
	-moz-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	-webkit-box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
	box-shadow: 2px 4px 2px 2px rgba( 0, 0, 0, 0.25 );
}

#footer a {color: #636363;}

#footer a:hover{
	text-decoration: underline;
}

#footer .footer_arrow {
	float: left;
	margin: 0 20px 0 -50px;
	padding-top: 15px;
}

#footer ul {
	color: #878787;
	float: left;
	list-style: none;
	padding: 16px 30px 0 15px;
}

#footer ul li {
	line-height: 1.75em;
}

#footer .copyright {
	color: #555555;
	text-align: center;
	margin: 15px 15px 0 15px;
	padding: 10px 0 0 0;
	line-height: 1.6em;
	border-top: 1px dotted #636363;
}

#footer .copyright a {
	color: #5da2b8;
}

#sitemap {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	list-style-type: none !important;
}

#sitemap li {
	font-size: 1em !important;
	font-weight: bold;
}

#sitemap li ul {
	background: none !important;
	padding: 0 0 0 15px !important;
	text-transform: none !important;
	font-weight: normal !important;
	list-style: none !important;
}

#sitemap li ul li {
	font-weight:normal !important;
	list-style-type:none !important;
	padding:0 0 0 0 !important;
}

#sitemap li ul li a, #sitemap li ul li a:visited {
	color: #636363;
}

#sitemap li ul li a:hover {
	text-decoration: underline;
}


#sitemap li ul li ul {
	font-weight: normal !important;
	margin: 0 !important;
}

#sitemap li ul li ul li {
	list-style-type:disc !important;
	margin:0 0 0 10px !important;
	padding:0 !important;
}

/* ----------------------------------------------------------------
* Gallery Nav
 * ---------------------------------------------------------------- 
*/

#gallery_nav {
	background: #689FB3;
	position: fixed;
	z-index: 5;
	bottom: 0;
	width: 100%;
	height: 15px;
	padding: 15px;
}

#gallery_nav .mini_logo {
	margin: -24px 0 0 0;
	padding: 0 20px 0 8px;
	float: left;
}
/* ----------------------------------------------------------------
* Styles Misc
 * ---------------------------------------------------------------- 
*/

tr.hover, table.hover_show tr.hover td {background: #EFEFEF !important;}

hr {
	height: 1px;
	color: #636363;
	background-color: #636363; 
}

#content .social ul {
	background: none !important;
	padding: 0;
	list-style-type: none;
}

#content .social ul li {
	float: left;
}

#content object {
	margin: 8px 0;
}

#private_content_password_popup {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
width:280px;
background-color: white;
position:absolute;
left:50%;
top:50%;
margin-left: -140px;  
margin-top: -75px; 
}

#private_content_password_inner {padding:10px;}


/* ----------------------------------------------------------------
* COLORBOX
 * ---------------------------------------------------------------- 
*/


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333333;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#333333;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(http://www.uta.edu/art/uploads/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:white; font-family: 'NovecentowideLightRegular'; font-size: 14px;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-25px; background:url(http://www.uta.edu/art/uploads/images/controls_3.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}