/* @override 
	http://neptune.utsa.edu/trcss/css/centers.css */

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

/*
==================================================================================================
College GLOBAL
================================================================================================== 
*/
	/* fixes z-index problem in IE  - added by Ruben Ortiz */
	#center-color {position: relative; z-index:5;}	
	#center-head {padding:0 0 20px 0; z-index:9999;}
	#center-body {padding:20px 0 40px 0; margin-bottom:30px;}
	
	#content-white #center-body p {padding-bottom:8px;}
	
	#content-white #center-body h1 {color:#002a5c; padding-bottom:8px; border-bottom:1px solid #ccc; 
	font-weight:bold; margin-bottom:15px;}
	
	#content-white #center-body h2 {color:#f47321; font-weight:bold; padding-top:6px; padding-bottom:14px;}
	#content-white #center-body h3 {color:#f47321; padding-top:6px; padding-bottom:12px!important;}
	#content-white #center-body h4 {color:#f47321; padding-top:6px; padding-bottom:10px;} 
	#content-white #center-body h5 {color:#002a5c; padding-top:6px; padding-bottom:10px;} 
	#content-white #center-body h6 {color:#002a5c; padding-top:6px; padding-bottom:10px;} 
	
	#content-white #center-body blockquote {background-color:#eee; padding:9px;}
	/*#content-white #center-body blockquote:before {content: '"';}
	#content-white #center-body blockquote:after {content: '"'}*/
		
	
	/* SPECIFICITY for table and ul elements */
	#content-white #center-body #center-secondary-body table {margin:10px 0;}
	#content-white #center-body #center-secondary-body table th {border:1px solid #666; background-color:#e7e7e7; 
	color:#002a5c; padding:10px; font-weight:bold;}
	#content-white #center-body #center-secondary-body table tr {background-color:#fff;}
	#content-white #center-body #center-secondary-body table td {border:1px solid #666; padding:10px;}
	#content-white #center-body #center-secondary-body table tr.zebra {background-color:#eeeeee;}
	
	#content-white #center-body #center-secondary-body ul {margin-left:1.5em;}
	#content-white #center-body #center-secondary-body ol {margin-left:1.85em;}
	#content-white #center-body #center-secondary-body ul, 
	#content-white #center-body #center-secondary-body ol {margin-bottom:12px;}
	#content-white #center-body #center-secondary-body ul li {list-style:disc;}
	#content-white #center-body #center-secondary-body ol li {list-style:decimal outside;}
	#content-white #center-body #center-secondary-body ol ul li {list-style:disc;}
	#content-white #center-body #center-secondary-body ol ul ol li {list-style:decimal outside;}
	#content-white #center-body #center-secondary-body ul ol li {list-style:decimal outside;}
	#content-white #center-body #center-secondary-body ul ol ul li {list-style:disc;}
	
	#content-white #center-body #center-secondary-body dl {margin-bottom:12px;}
	#content-white #center-body #center-secondary-body dt {font-weight:bold;}
	#content-white #center-body #center-secondary-body dd {text-indent:20px;}

	#content-white #center-body #center-secondary-body hr {margin:5px 0; padding:0;}
	
	#content-white #center-body #center-secondary-body a {color:#002a5c; border-bottom:1px solid #f47321;} 	
	#content-white #center-body #center-secondary-body a:hover {color:#f47321;}
/*
==================================================================================================
STARTER FEATURES
==================================================================================================
*/
	
	.feat-images {width:950px; height:350px; background-color:#666;  clear:both; border-bottom:5px solid #333;}
	.feat-nav {margin-top:10px; margin-bottom:-20px; border-bottom:2px solid #eee; padding-bottom:23px;}
	.feat-nav a {float:left; display:block; margin-right:4px; height:14px; width:14px; 
	background-color:#aaa; text-indent:-9999px;
	-moz-border-radius: 7px; border-radius: 7px;}
	.feat-nav a.activeSlide {background-color:#f47321;}
	
/*
==================================================================================================
COLLEGE TITLE
==================================================================================================
*/
	.centerName {padding-top:40px; padding-bottom:20px; font-size:80%; color:#333; font-weight:bold;}
	.centerName a {color:#333; font-size:300%;}
	.centerName a:hover {color:#f47321;}
	.centerName span {font-size:140%; color:#333; font-weight:normal;}

/*
==================================================================================================
COLLEGE NAVIGATION
==================================================================================================
*/	
	#center-nav #nav {
		border-top:4px solid #111;
		background-color:#2a2a2a;
		height:45px; 
		padding:0; margin:0;
		text-align: left;}
		
	#center-nav #menu ul, 
	#center-nav #menu li, 
	#center-nav .audience-wrap ul, 
	#center-nav .audience-wrap li {padding:0; margin:0;}
	
	#menu li {list-style: none; display: inline; float: left;}
		
	/* LOCAL NAV /////////////////////////////////////////////////////////////////  */
	#menu li a {
		font-weight:bold;
		color: #fff;
		padding: 0;
		margin: 0;
		float: left;
		display: block;
		padding:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		font-size:120%;
		line-height:1.8em;}
		
	#menu li ul {
		clear:left;
		position: absolute;
		top:133px;
		left: -999em;
		display: block;
		width: 247px;
		z-index:500;
		margin: 0;
		overflow: hidden;
		padding: 20px 0 0 0;
		background:#ffffff;}
		
	#menu li li {float: left;}
	#menu ul ul {display: none;}
	
	#menu li ul a {
		color: #ffffff;
		font-size:100%;
		line-height:1.4em;
		padding: 6px 18px;
		width: 208px;
		font-weight: normal;
		margin: 0 1px;
		text-transform:none;
		height: auto;
		text-indent: 0;
		overflow: visible;
		background: #fcfcfc;
		border-bottom:1px solid #051f3d;}
		
	#menu li a:hover {color:#ffffff; background-color:#002a5c;}
	#menu li:hover a {background-color:#002a5c;}
	
	#menu li:hover ul, #menu li.sfhover ul {left: auto; background-color:#002a5c;} /*Show Dropdown*/
	#menu li li:hover, #menu li li.sfhover, #menu li li a:hover, #menu li li.sfhover a {
		text-decoration: none;
		color:#ffffff;
		background-color:#f47321;
		font-weight:bold;}
	
	/* AUDIENCE NAV /////////////////////////////////////////////////////////////////  */
	.audience-wrap {padding: 10px 10px 0 0; float: right;}
	#audience ul {position:relative;}
	
	#audience li {list-style: none; display: inline; float: left;}
	
	#audience li a {
		color: #f47321;
		padding: 0;
		margin: 0;
		float: left;
		height:20px;
		background-color:#ffffff;
		display: block;
		padding:4px 10px 2px 10px;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;}
		
	#audience li a#students {width: 75px;border-right:1px solid #222;}
	#audience li a#faculty {width: 110px; border-right:1px solid #222;}
	#audience li a#alumni {width: 50px;}
	
	#audience li ul {
		clear:left;
		position:absolute;
		top:122px;
		display:block;
		z-index:500;
		width:289px;
		left:-9999px;
		background-color:#fff;}
		
	#audience li li {float: left;}
	#audience ul ul {display: none;}
	
	#audience li ul a {
		color: #f47321;
		font-size:90%;
		text-transform:none;
		padding: 6px 12px;
		width: 272px;
		font-weight: normal;
		border-bottom:1px solid #051f3d;
		text-align:left;
		display:block;
		height: auto;
		text-indent: 0;
		overflow: visible;
		background-color: #fcfcfc;
		margin: 0 1px;
		outline:none;}
		
	#audience li a:hover {color:#ffffff; background-color:#002a5c;}
	#audience li:hover a {background-color:#002a5c; color:#ffffff;}
	#audience li:hover ul, #audience li.sfhover ul {left: auto; background-color:#002a5c;}
	
	#audience li:hover ul.students {margin-left:0;}
	#audience li:hover ul.faculty {margin-left:-96px;}
	#audience li:hover ul.alumni {margin-left:-227px;}
	#audience li li:hover, #audience li li.sfhover, #audience li li a:hover, #audience li li.sfhover a {
		text-decoration: none;
		color:#f47321;
		font-weight:bold;}
		
	
	/*DEPARTMENT ADD ON*/
	#menu li.center a {background-color:#002a5c;}
	#menu li.center a:hover {color:#fff;}
	#menu li.center ul, #menu li.center ul a, #menu li.center ul li a {background-color:#002a5c;}
	#menu li.center ul li a {border-bottom-color:#000;  color:#fff;}
	

/*
==================================================================================================
CAROUSEL
==================================================================================================
*/

	.carousel {position:relative; padding:20px 20px 20px 25px; background-color:#eeeeee; border:4px solid #e3e3e3;}
	.carousel a.prev {position:absolute; left:-20px; top:125px;}
	.carousel a.next {position:absolute; right:-15px; top:125px;}
	.carousel-container {}
	.carousel-item {float:left; width:153px;}
	.carousel-item img {margin-bottom:5px; height:130px;}
	.carousel-item p {margin-bottom:0px; font-size:12px; line-height:16px; font-weight:bold; color:#002a5c;}
	.carousel-item a {color:#111; font-size:11px; line-height:15px; font-weight:normal;}
	.carousel-item a:hover {color:#Fff;}
	
	.carousel h2 {float:left; color:#002a5c !important; padding-bottom:10px!important; padding-top:0px !important; font-weight:bold;}
	.carousel-nav {float:right; margin-right:0px;}
	.carousel-nav a.cNav {font-size:2em; color:#ddd; padding-right:2px; border-bottom:none;}
	.carousel-nav a.cNav:hover {color:#002a5c;}				
	.carousel-nav a.activeSlide {color:#002a5c;}
/*
==================================================================================================
COLLEGE BODY (home)
==================================================================================================
*/

.centerDept-wrap {padding:10px 10px 10px 15px; background-color:#eee; border:4px solid #ddd; margin-bottom:20px;}
.centerDept-wrap h2 {padding:0; margin:0; padding-bottom:10px !important;}
.centerDept {width:134px; margin-right:15px; float:left; padding-bottom:10px;}
.centerDept .deptIMG {margin-bottom:8px;}
.centerDept a {color:#002a5c; font-size:115%;}
.centerDept a:hover {color:#f47321;}



/*
==================================================================================================
COLLEGE BODY (secondary)
==================================================================================================
*/
#center-secondary-body {float:right; width:700px;}
#col-navigation {float:left; width:220px; margin-right:30px;}
/*
==================================================================================================
NAV - SECONDARY
==================================================================================================
*/

/*=============================================
Page Level Local Navigation 
==============================================*/
#col-navigation {margin-bottom:40px; margin-top:2px;}
#col-navigation .nav-page ul {margin:0; padding:0;}
#col-navigation .nav-page ul li {list-style:none; padding:0;}
#col-navigation .nav-page ul ul {margin-top:-2px;}
#col-navigation .nav-page li li {}
#col-navigation .nav-page a {	
	display:block;
	padding:6px 0;
	border-bottom:none;}
#col-navigation .nav-page li a { 
	font-size:12px;
	color:#002a5c;
	border-top:1px solid #ccc;}
#col-navigation .nav-page li li a {
	font-size:12px;
	padding:3px 0 4px 0;
	color:#444;
	border:none;
	/*margin-left:10px;*/ /*indent*/}
#col-navigation .nav-page li li a span {
	color:#f47321; font-weight:bold; }
#col-navigation .nav-page li a:hover {
	color:#f47321;}
#col-navigation .nav-page li.last {
	border-bottom:1px solid #ccc;}
#col-navigation .nav-page li ul.toggleWrap {padding-bottom:10px;}

/*Tertiary Nav*/
#col-navigation .nav-page ul li ul li a { font-size: 11px }

#col-navigation ul.toggleWrap.tertiaryNav li a{
	font-size:10px;
	margin-left: 10px }
	
	ul.toggleWrap.tertiaryNav li a:hover { color:#f47321;}
		
#col-navigation .nav-page ul ul {
	padding-bottom:10px !important;}

#col-navigation .nav-page ul ul ul {
	padding-bottom:0px !important;}

/*First Nav Option (Local Home Page)*/
#col-navigation .nav-page li a.home {
	background:url(/img/icon/icon-home.jpg) 0 0px no-repeat;
	padding-left:30px;
	border-top:none;
	color:#f47321;
	font-size:16px;}

/*Javascript Toggle Menu*/
#col-navigation .nav-page li a.trigger {
	/*background:url(/img/icon/icon-expand.jpg) #fff right top no-repeat;*/
	padding-right:24px;
	cursor:pointer;}
#col-navigation .nav-page li a.trigger:hover { 
	color:#f47321;}

#col-navigation .nav-page ul.quickLink {margin-top:20px;}
#col-navigation .nav-page ul.quickLink li {margin-bottom:3px;}
#col-navigation .nav-page li a.actionBtn {
	color:#002a5c;
	display:block;
	outline:none;
	cursor:pointer;
	text-decoration: none;
	padding: .5em .8em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);}

#col-navigation .nav-page li a.actionBtn {background-color:#f47321;}
#col-navigation .nav-page li a.actionBtn:hover {color:#fff;}
#col-navigation .nav-page li a.actionBtn:active {position: relative;top:1px;}

.orange {
	color: #fff !important;
	border: solid 1px #aaa;
	background-color: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f07215));
	background: -moz-linear-gradient(top,  #f88e11,  #f07215);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f07215');
	}
.orange:hover {
	color: #f47321 !important;
	background-color: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#002a5c), to(#051e42));
	background: -moz-linear-gradient(top,  #002a5c,  #051e42);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a5c', endColorstr='#051e42');
	}
.orange:active {
	color: #fff;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#002a5c), to(#051e42));
	background: -moz-linear-gradient(top,  #002a5c,  #051e42);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a5c', endColorstr='#051e42');}
	
.blue {
	color: #fff !important;
	background-color: #002a5c;
	background: -webkit-gradient(linear, left top, left bottom, from(#051e42), to(#002a5c));
	background: -moz-linear-gradient(top,  #051e42,  #002a5c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#051e42', endColorstr='#002a5c');
	}
	
.blue:hover {
	color: #002a5c !important;
	background-color: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa931a), to(#f47a20));
	background: -moz-linear-gradient(top,  #fa931a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa931a', endColorstr='#f47a20');
	}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa931a), to(#f47a20));
	background: -moz-linear-gradient(top,  #fa931a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa931a', endColorstr='#f47a20');}





/*=============================================
Template Page - GRAY Footer
==============================================*/
#footer-gray {padding:14px 0;}
#footer-gray h5 {font-weight:bold;}

#content-extra {color:#111;}
#content-extra h5 {color:#002a5c; padding-bottom:5px; color:#002a5c;}
#content-extra p {color:#111; padding-bottom:10px;}
#content-extra a {color:#002a5c; border-bottom:1px solid #f47321;}
#content-extra a:hover {color:#f47321;}

.foooter-user-relatedlinks {float:left; width:220px; margin-right:30px;}
.foooter-user-extra {float:right; width:700px;}

.foooter-user-relatedlinks ul {margin-left:18px;}
.foooter-user-relatedlinks li {list-style:disc; color:#666;}
#content-extra .foooter-user-relatedlinks li a {border-bottom:none; color:#111;}
#content-extra .foooter-user-relatedlinks li a:hover {color:#f47321;}