@charset "UTF-8";
/* CSS Document */

/* RESET
/* -------------------------------------------------------------*/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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:normal;}
a { text-decoration:none; cursor:pointer; }
ol, ul { list-style:none; }

/* DOCUMENT STYLES
/* -------------------------------------------------------------*/
body {background:repeat-x top left #ffffff; margin-top:-1px;}
.container {width:900px; margin:0 auto;}
.floatR {float:right;}
.floatL {float:left;}
.floatC {clear:both;}
p.hide {text-indent:-9999px;}
strong {font-weight:bold;}
.imageLeft {float:left; margin:2px 10px 10px 0;}
.imageRight {float:right; margin:2px 0 15px 15px;}
.indented {padding-left: 15pt; padding-right: 15pt;}

/* TOP BAR (Branding)
/* -------------------------------------------------------------*/
#topBar {height:36px; width:100%; background-color:#002a5c; z-index:4; position:relative;}
#topBar .branding {font-family:Arial, Helvetica, sans-serif;}
#topBar .branding .logo {padding-top:7px;}
#topBar .branding .logo a {font-size:11px;letter-spacing:.1px;color:#fff;}
#topBar .branding .logo a:hover { ;}
#topBar .branding .links ul {padding-top:9px;}
#topBar .branding .links ul li {font-size:11px;letter-spacing:.1px;color:#fff;padding:0;display:inline; padding-right:5px;}
#topBar .branding .links a {color:#fff;}
#topBar .branding .links a:hover {color:#bbb;}

/* HEADER (Branding + Navigation)
/* -------------------------------------------------------------*/
#header {padding:0; width:100%; }
#header .container {padding:40px 0px 0px 0px;}	
#header .pageTitle {color:#fff; text-transform:uppercase; font-family:"Lucida Grande", Arial, sans-serif;}
#header .navigation {background-color:#999999; padding:0px; margin:24px 0px 0px 0px; border:1px solid #999999; height:40px;}
#header .navigation ul li a {display:block;overflow:hidden; height:40px; text-indent:-9999px; padding:0px; margin:0px; border-right:1px solid#999999;}
#header .navigation ul li a.nav-about {width:150px; background:url(../img/header-nav-about.png) no-repeat 0px 0px; cursor:pointer;}
#header .navigation ul li a.nav-students {width:150px; background:url(../img/header-nav-students.png) no-repeat 0px 0px; cursor:pointer;}
#header .navigation ul li a.nav-people {width:149px; background:url(../img/header-nav-people.png) no-repeat 0px 0px; cursor:pointer;}
#header .navigation ul li a.nav-research {width:148px; background:url(../img/header-nav-research.png) no-repeat 0px 0px; cursor:pointer;}
#header .navigation ul li a.nav-news {width:148px; background:url(../img/header-nav-news.png) no-repeat 0px 0px; cursor:pointer;}
#header .navigation ul li a.nav-resources {width:148px; background:url(../img/header-nav-resources.png) no-repeat 0px 0px; cursor:pointer; border-right:none !important;}
#header .navigation ul li a:hover {background-position:0px -40px !important;}


/* FEATURE
/* -------------------------------------------------------------*/
#feature {padding:10px 0px 35px 0px;}
#feature .feature-container {width:900px; height:300px; background-color:#222;}
#feature .feature-container .feature-image {width:900px; height:300px; position:relative; overflow:hidden;}
#feature .feature-container .feature-image .feature-caption-hidden {display:none;}
#feature .feature-container .feature-caption {width:280px;height:250px; background: url(../img/feature-box.png) no-repeat top left;position:relative;margin-top:-275px; margin-left:25px;}
#feature .feature-container .feature-captionR {width:280px;height:250px; background: url(../img/feature-box.png) no-repeat top left;position:relative;margin-top:-275px; margin-right:25px;}
#feature .feature-container .feature-caption h1 {padding:20px 20px 4px 20px;color:#fff; font-family:"Lucida Grande", Arial, sans-serif; font-size:36px;line-height:40px; font-weight:bold;}
#feature .feature-container .feature-caption h2 {padding:5px 20px 4px 20px;color:#fff; font-family:"Lucida Grande", Arial, sans-serif; font-size:15px;line-height:21px;}
#feature .feature-caption a {color:#fff; font-family:"Lucida Grande", Arial, sans-serif; font-size:15px;line-height:21px;}
#feature .feature-caption a:visited {color:#fff; font-family:"Lucida Grande", Arial, sans-serif; font-size:15px;line-height:21px;}
#feature .feature-caption a:hover {border-bottom:1px dotted #fff; color:#fff; font-family:"Lucida Grande", Arial, sans-serif; font-size:15px;line-height:21px;}
#feature .feature-container .feature-caption span.emphasis {font-size:50px; color:#f47321;}
#feature .feature-container .feature-nav {z-index:9000; position:absolute; margin-left:38px; margin-top:245px; cursor:pointer;}

/* original copy */
#feature .feature-container .feature-nav li.fnav {display:inline-block; width:12px; height:12px; margin-right:7px; background-color:#fff; border:2px solid #fff;}
#feature .feature-container .feature-nav li.fnav a {color:#fff;}
#feature .feature-container .feature-nav li.activeSlide {border:2px solid #fff; color:#999999; background-color:#999999;}


/* SECONDARY PAGE HEADER IMAGE
/* -------------------------------------------------------------*/
#secondaryHeader {padding:10px 0px 0px 0px;}
#secondaryHeader .secondaryHeader-container {width:900px; height:80px; background-color:#222;}
#secondaryHeader .secondaryHeader-container .secondaryHeader-image {width:900px; height:80px; position:relative; overflow:hidden;}


/* CONTENT
/* -------------------------------------------------------------*/
#content {padding:0px 0px 0px 0px; font-family:"Lucida Grande", Arial, sans-serif; background:#fff; margin-top:15px;}
	
/* .event {padding-left:40px; background:url(../img/ic-event.png) no-repeat top left; margin-bottom:8px;} */
.kudos {padding-left:71px; background:url(../img/ic-kudos.png) no-repeat top left; margin-bottom:8px;}
.announce {padding-left:71px; background:url(../img/ic-announce.png) no-repeat top left; margin-bottom:8px;}

	.home-item a, .page-item a {color:#4169E1; }
	.home-item a:hover, .page-item a:hover {border-bottom:1px dotted #4169E1; color:#4169E1;}
	
.boxed_button {float:right; background-color:#eee; border:1px solid #ddd; padding:3px 5px; font-size:88%; cursor:pointer; font-family:"Lucida Grande", Arial, sans-serif;  }
.boxed_button a {color:#555;}
.boxed_button a:visited {color:#555;}
.boxed_button a:hover {color:#f47321; border-bottom:none;}
	
	/* disables image link underlining */
	span.imgLink a:hover{border-bottom:none; }
	
	
	/* HOME PAGE ITEM */
	.home-item {margin-top:-10px;}
	.home-item h2 {color:#002a5c;font-size:23px; line-height:28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.home-item p {font-size:13px; line-height:21px; color:#333; padding-bottom:8px; border-top:1px solid #eee; padding-top:13px;}
	
	
	/*SECONDARY PAGE NAV */
	.page-nav ul.secondaryNav {margin-bottom:20px;}
	.page-nav li a {border-bottom:none !important;}
	.page-nav li a:hover {border-bottom:none !important;}
	
	.page-nav a.image {color:#002a5c; text-transform:uppercase; border-bottom:none; font-weight:bold;}
	/* level one */
	.page-nav ul.secondaryNav {margin-top:20px;}
	.page-nav ul.secondaryNav li {border-top:1px solid #ccc; padding:8px 0px;}
	.page-nav ul.secondaryNav li.last {border-bottom:1px solid #ccc;}
	.page-nav ul.secondaryNav li a {text-transform:uppercase; font-weight:bold; font-size:14px; color:#f47321;}
	.page-nav ul.secondaryNav li a:hover {color:#f47321;}
	/* level two */
	.page-nav ul.secondaryNav ul {margin-top:0px; padding:0px 0px;}
	.page-nav ul.secondaryNav ul.afterOL {margin-top:0px; padding:0px 0px 2px 0px;}
	.page-nav ul.secondaryNav ul li {border-top:none; padding:2px 0px;}
	.page-nav ul.secondaryNav ul li a {text-transform:none; font-weight:normal; font-size:12px; color:#002a5c; }
	.page-nav ul.secondaryNav ul li a:hover {color:#f47321 !important;}

	.page-nav ul.secondaryNav ol {margin-top:4px; padding:4px 0px; list-style:decimal-leading-zero; color:#555; font-size:10px; margin-left:23px;}
	.page-nav ul.secondaryNav ol li {border-top:none; padding:3px 0px;}
	.page-nav ul.secondaryNav ol li a {text-transform:none; font-weight:normal; font-size:12px; color:#555;}
	.page-nav ul.secondaryNav ol li a:hover {color:#f47321 !important;}
		
	
	/* SECONDARY PAGE GLOBAL ITEMS */
	.page-item {font-family:"Lucida Grande", Arial, sans-serif; margin-top:5px;}
	.page-item h1 {font-size:24px; line-height:28px; padding-bottom:8px; color:#f47321; font-weight:bold;}
	.page-item h2 {font-size:18px; line-height:24px; padding:8px 0px 8px 0px; color:#f47321;}
	.page-item h3 {font-size:15px;line-height:20px; padding:8px 0px 4px 0px; color:#002a5c; text-transform:uppercase; font-weight:bold;}
	.page-item h4 {font-size:15px;line-height:20px; padding:8px 0px 4px 0px; color:#333; font-weight:bold;}
	.page-item p, .page-item ul li, .page-item ol li {font-size:13px; line-height:20px; padding-bottom:10px; color:#333;}
	.page-item ul {list-style:disc; margin-left:20px; padding-bottom:8px;}
	.page-item ol {list-style:decimal; margin-left:25px;}
	.page-item ul li {list-style:disc; padding-bottom:4px;}
	.page-item ol li {list-style:decimal; padding-bottom:4px;}
	
	.page-item p.intro {font-size:14px; line-height:24px; color:#002a5c;}
	.page-item p.quote {padding:0px 12px 0px 15px; font-style:italic; color:#222; border-left:1px solid #aaa; margin:0px 0px 15px 12px;}
	.page-item hr {border-style:solid; border-color:#ddd; border-width:1px; padding:0px; margin:20px 0px;}
	.page-item .subPagePhoto {background-color:#000; width:575px; height:280px; margin:15px 0px;}
	.page-item .pullQuote {width:300px; margin:10px 0px 15px 0px; padding:14px; border-top:1px solid #999; border-bottom:1px solid #999;}
	.page-item .pullQuote h4 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:26px; font-size:16px; color:#f47321;}

	/*about utsa */
	.numbers {padding:12px 0px; border-bottom:1px solid #dddddd;}
	.numbers h1 {font-family:"Lucida Grande", Arial, sans-serif; color:#002a5c;}
	.numbers h1 span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:16px;}
	.numbers h2 {font-size:16px;line-height:20px; padding-bottom:2px; color:#f47321;}
	.numbers h2 a {border-bottom:1px solid #ddd; color:#f47321;font-weight:bold;}
	.numbers h2 a:hover {border-bottom:1px solid #002a5c; color:#002a5c;}
	.numbers p {font-size:13px; line-height:20px;}
	.numbers ul {margin-left:20px;}
	.numbers ul li {list-style:disc; color:#aaa; font-size:9px;}
	.numbers ul li p {color:#333; font-size:12px;}
	
	/* in the news */
	.news p.date {font-style:italic; color:#333;}	
	.news {padding-bottom:10px;}
	.news h2 a {color:#f47321;}
	
	/* talking */
	.talk-tier {border-top:2px solid #999; margin-bottom:10px;}
	.talk-tier p {line-height:24px;}
	.page-item img.portrait {margin:0px 18px 8px 0px;}
	
	/*captions */
	.img_caption {width:200px; font-size:11px; color:#333; font-style:italic; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #aaa;}
    .img_caption_long {width:450px; font-size:11px; color:#333; font-style:italic; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #aaa;}
    .img_caption_small {width:150px; font-size:11px; color:#333; font-style:italic; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #aaa;}

	
	/*economic impact*/
	table.contributions {font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; border:none;}
	table.contributions td {}
	table.contributions th {text-align:center; text-transform:capitalize; padding:10px 0px;}
	table.contributions td {padding:10px;}
	table.contributions td.label {width:130px; text-align:left; text-transform:capitalize;}
	table.contributions td.number {text-align:center;}
	table.contributions td.total {font-weight:bold; text-align:center;}
	table.contributions td.footnote {font-size:10px; font-style:italic; line-height:14px;}
	
	/*plans*/
	.chapter {padding-bottom:22px;}
	.chapter li {line-height:14px;}
	.chapter .boxed {background-color:#eee; padding:18px; margin-bottom:10px;}
	.chapter table.data {margin-bottom:17px;}
	.chapter table.data th {padding:6px 12px 6px 0px; text-align:left; border-bottom:2px solid #ddd; 
	font-size:12px; text-transform:uppercase; color:#002a5c; font-weight:bold; vertical-align:bottom;}
	.chapter table.data td {padding:6px 12px 6px 0px; border-bottom:1px solid #ddd; vertical-align:top; font-size:11px; line-height:16px;}
	.chapter table.data td li {font-size:11px; line-height:16px;}
	.chapter h3.chnav {padding-top:20px; color:#aaa;}
	.chapter h3.chnav a {color:#f47321; font-size:12px;}
	.chapter h3.chnav a:hover {border-bottom:1px solid #f47321;}
	
	/*Site map*/
	.site-map * {color:#333; font-size:13px; line-height:20px;}
	.site-map p {padding-bottom:5px; color:#f47321; font-size:15px;}
	.site-map ul {list-style:disc; margin-left:20px; padding-bottom:8px;}
	.site-map ol {list-style:decimal; margin-left:25px;}
	.site-map ul li {list-style:disc; padding-bottom:4px;}
	.site-map ol li {list-style:decimal; padding-bottom:4px;}
	.site-map li a, .site-map p a {color:#333;}
	.site-map li a:hover, .site-map p a:hover {color:#f47321; border-bottom:1px solid #f47321;}
	
	.d-button {
		padding-bottom:8px;
	}

	
/* FOOTER
/* -------------------------------------------------------------*/
/*#footer {background:url(../img/footer-bg.png) repeat-x; font-family:"Lucida Grande", Arial, sans-serif; background-color:#ECECEC;  padding:0px 0px 0px 0px; color:#fff;}*/

#footer {}
#footer .container {padding:40px 0px 5px 0px;}
#footer .container .boxed {padding-right:0px; margin-bottom:50px;}
#footer .container .boxed .carousel { padding-top: 0px;}
#footer .extended-footer {}
#footer .extended-footer h2 {font-family:Arial, sans-serif; font-size:15px; padding:0px 0px 0px 0px; color:#002a5c; font-weight:bold;}
#footer .extended-footer p {font-size:12px;  color:#333;}
#footer .extended-footer a {color:#333;}
#footer .extended-footer a:hover {color:#fff;}

#footer .extended-footer .event {padding-left:40px; background:url(../img/ic-event.png) no-repeat top left; margin-bottom:8px;}  
#footer .extended-footer .event h3 {font-size:12px; line-height:20px; color:#333;font-weight:bold;}
#footer .extended-footer .event h3 a {color:#333; border-bottom:1px dotted #333;font-weight:bold;}
#footer .extended-footer .event h3 a:hover {border-bottom:1px dotted #fff; color:#fff;}
#footer .extended-footer .event p {line-height:16px; font-size:11px;}

#footer .extended-footer table.magazines {margin-bottom:10px;}
#footer .extended-footer table.magazines td {padding-bottom:10px;}
#footer .extended-footer table.magazines img {border:none; cursor:pointer;}
#footer .extended-footer table.magazines p {font-size:11px; font-style:italic; line-height:15px;}
#footer .extended-footer table.magazines h3 {font-size:12px; line-height:20px; color:#333;}
#footer .extended-footer table.magazines h3 a {color:#333; border-bottom:1px dotted #333;font-weight:bold;}
#footer .extended-footer table.magazines h3 a:hover {border-bottom:1px dotted #fff; color:#fff;}

#footer .copyright {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:0px; padding:20px 0px 18px 0px; background-color:#002a5c;}
#footer .copyright p {font-size:11px; line-height:12px; text-align:center; color:#ccc;}
#footer .copyright ul {text-align:center;}
#footer .copyright ul li {font-size:9px; color:#ccc; margin-right:4px; display:inline;}
#footer .copyright ul li a {font-size:11px; color:#eee;}
#footer .copyright ul li a:hover {color:#bbb;}

/*footer buttons*/
#footer .footer-button {padding:0px 0px 20px 0px;}




/*=============================================
faculty publication carousel
==============================================*/
/*news--see UTSA main site*/
	#home .boxed h2 {margin-bottom:10px; color:#f47321; font-size:150%;}
	#home .boxed h3 {color:#002a5c; font-size:116%;} 
	#home .boxed hr {border-color:#e7e7e7;}
	.boxed {background-color:#EAEAEA; border:3px solid #D8D8D8; padding:20px 25px; margin-bottom:20px;}
	.news-item {float:left; width:150px;}
	
	#home .boxed .news-item h3 {font-size:88%; line-height:18px; color:#002a5c;}
	#home .boxed .news-item p {line-height:18px; color:#777;}
	.news-item a {color:#777; border-bottom:none;}
	.news-item a:hover {color:#f47321;}
	.news-item img {margin-bottom:5px; border:1px solid #fff; width:145px; overflow:hidden;}
	p.more {color:#777; float:left;}
	p.more a {color:#555; border-bottom:1px solid #aaa;}
	p.more a:hover {color:#f47321;}
	div.rss {float:right; background-color:#eee; border:1px solid #ddd; padding:3px 5px; font-size:88%; cursor:pointer;}
	div.rss a {color:#555;}
	
	/*events--see UTSA main site*/
	.event-item {margin-bottom:5px;}
	.event-date {float:left; width:10%; margin-top:4px; margin-right:4%;}
	.event-date span.month {display:block; text-align:center; background-color:#ddd; font-size:86%; color:#333; text-transform:uppercase;
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; 
		-webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;
		-moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999;}
	.event-date span.day {display:block; text-align:center; background-color:#e7e7e7; font-size:100%; color:#666; 
		-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; 
		-webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;
		-moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999;}
	.event-name {float:left; width:86%;}
	.event-name a {color:#4169E1;}
	.event-name a:hover {border-bottom:1px dotted #4169E1; color:#4169E1;}
	.event-name p {margin-bottom:10px; }
	
	/*footer carousel*/
	#footer .carousel {position:relative;}
	#footer .carousel a.prev {position:absolute; left:-40px; top:95px;}
	#footer .carousel a.next {position:absolute; right:-15px; top:95px;}
	#footer .carousel-container {}
	#footer .carousel-item {float:left; width:153px;}
	#footer .carousel-item img {margin-bottom:5px; border:2px solid #D8D8D8; height:130px;}
	#footer .carousel-item p {margin-bottom:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; line-height:16px; font-weight:bold; color:#002a5c;}
	#footer .carousel-item a {color:#4169E1; font-size:11px; font-weight:normal;}
	#footer .carousel-item a:hover {border-bottom:1px dotted #4169E1; color:#4169E1;}
	
	#footer .carousel h2 {float:left;}
	#footer .boxed h2 {margin-bottom:10px; color:#f47321; font-size:120%;}
	#footer .carousel-nav {float:right; margin-right:25px;}
	#footer .carousel-nav a.cNav {font-size:2em; color:#999; padding-right:2px; border-bottom:none;}
	#footer .carousel-nav a.cNav:hover {color:#002a5c;}				
	#footer .carousel-nav a.activeSlide {color:#002a5c;}