@charset "UTF-8";

html{background: #fff;}

/*LINKS*/


/*TEMPLATE HEADER*/


/*SEARCH AREA IN TEMPLATE HEADER*/

/*SITE SEARCH FORM*/
/*KNOWN ISSUES: The search button does not align with the search field properly in Firefox 2 on Windows and Opera 9 on Mac. The text in the search field does not disappear when you click into the field in Safari.*/
/* WARNING: Getting the alignment for all parts of the search field to work on all browsers is very tricky. Be very careful if you decide to alter this CSS*/


/*Fix for Firefox 2 browsers to align search button with search field*/

/* 960 GRID
--------------------------------------------------------------------------------*/
/* Change the background image to create various column separations on the page*/

.container_12{height: 100%;clear: both;margin-left: auto;margin-right: auto;float: left;width: 100%;}

#bg264{float:left;margin:0 21px;width:960px;background:url("../../assets/img/background3col.gif") repeat-y;}
	* html #bg264{margin:0 11px;overflow:visible;}
#bg273{float:left;margin:0 21px;width:960px;background:url("../../assets/img/background2col.gif") repeat-y;}
	* html #bg273{margin:0 11px;}
#bg210{background: #fff url("http://www.ntxu.com/spanishsponge/i/bg_2.10.gif") repeat-y;float: left;}
#bg354{background: #fff url("http://www.ntxu.com/spanishsponge/i/bg_2.10.gif") repeat-y;float: left;}


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display: inline;float: left;}

.container_12 .grid_1{width: 80px;}
.container_12 .grid_2{width: 210px;margin-top:69px;}
.container_12 .grid_3{width: 210px;margin-top:69px;}
	* html .container_12 .grid_3{overflow:hidden;}
.container_12 .grid_4{width: 320px;}
.container_12 .grid_5{width: 400px;}
.container_12 .grid_6{width: 480px;}
.container_12 .grid_7{width: 540px;}
.container_12 .grid_8{width: 640px;}
.container_12 .grid_9{width: 720px;}
.container_12 .grid_10{width: 800px;}
.container_12 .grid_11{width: 880px;}
.container_12 .grid_12{width: 960px;}

.alpha{margin-left: 0;}
.omega{margin-right: 0;}
	
/* Removes the space around the header graphic */
#nospace{margin: 0;}
.nopadding{padding: 0;}


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

/* Adds padding to text in columns so that text doesn't span the full width of the grid column */
p,h2,h3,h4,h5,h6{padding-left: 30px;padding-right: 30px;}
p{padding-bottom: 6px;}

/* MAIN HEAD */
.main_head p.breadcrumb{font-size: 88%;}
#index2 .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbIndex2.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#anniversary .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbNews.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#history .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbHistory.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#news .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbNews.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#ugrad .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbUgrad.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#ugrad #bg264 .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbUgrad3.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#grad .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbGrad.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#courses .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbCourses.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#faculty .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbFaculty.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#outreach .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbOutreach.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}
#giving .main_head p.breadcrumb{background:url("../../assets/img/breadcrumbGiving.jpg") no-repeat;padding:6px 82px 0 240px;height:34px;margin-bottom:0;}

/* LEFT COLUMN -- values are for a two-grid navigation */
ul.main_nav{margin-bottom: 0;margin-left:-27px;}
ul.main_nav li a{display:block;color:#a06078;width:204px;height:20px;margin:0;padding:2px 8px 8px 25px;text-decoration:none;background:#fc3 url("../../assets/img/navBtn.png") no-repeat;font-weight:bold;overflow:hidden;}
ul.main_nav li a:hover{color: #fff;background:#a06078 url("../../assets/img/navBtnHover.png") no-repeat;}
ul.main_nav ul{margin:0;}
#history ul.main_nav li.active a, #news ul.main_nav li.active a, #courses ul.main_nav li.active a, #faculty ul.main_nav li.active a, #giving ul.main_nav li.active a{background:url("../../assets/img/navBtnHover.png") no-repeat;height:20px;}
ul.main_nav li.active a{background:url("../../assets/img/navBtnActive.png") no-repeat;height:24px;color:#fff;}
ul.main_nav li.active a:hover{color:#fff;}
ul.main_nav li.active ul{background:url("../../assets/img/navSubBG.png") repeat-y;padding-bottom:5px;margin:0 0 0 27px;}
ul.main_nav li.active li{margin:0;padding:0;}
ul.main_nav li.active li a{background:none;font-weight: normal;padding:0 0 0 10px;width:200px;color:#a06078;}
ul.main_nav li.active li a:hover{color:#a06078;text-decoration:underline;background:none;}
ul.main_nav li.active li.active{font-weight:bold;}
hr.mainnav{border: none 0;border-bottom: 3px solid #e4e4e4;margin-top: 0;}
#search{margin:8px 0 10px;padding:16px;background:url("../../assets/img/navSubBG.png") repeat-y;width:180px;}
#search input.button{font-size: 92.5%;width: 120px;margin-top: .2em;}

/* CENTER COLUMN */
#maincontent{-webkit-text-size-adjust: 155%;padding-bottom:20px;}
	* html #maincontent{overflow:hidden;}
#maincontent p.breadcrumb{margin-bottom: 8px;font-size: 88%;}
#maincontent ul.claBlog{margin: 0;padding: 0;}
#maincontent ul.claBlog li{margin: 0 0 1em 0;padding: 0;list-style: none;list-style-type:none;list-style-image:none;}
#maincontent ul.claBlog li li{list-style-image:url("../../assets/img/ul.gif");}
#maincontent ul.claBlog li span.claBlogEntryDate{/* display: block;padding: 0 14px 0;color: #666;font-style: italic;*/ display:none;}
hr{width:510px;color:#dddddd;border-top:none;border-right:none;border-bottom:1px solid;border-left:none;margin:10px auto;}
#maincontent img{float:right;margin:0 30px 10px 20px;}
#giving #maincontent img{margin:0 0 10px;}
.vcard, .contact_info{margin-left:30px;}
#alternativeOutputFormats img{float:left;margin:0 10px 0 20px;}
#blogFeed{margin:0;padding:0;}
#blogFeed h2{margin-top:0;}
.claBlogEntryDate{display:none;}

/* RIGHT COLUMN */
#rightcontent h2{font-size:18px;background:url("../../assets/img/h2right.png") no-repeat;width:201px;height:55px;margin:0;padding:0px 20px 0 20px;font-weight:bold;color:#fff;}
#rightcontent h3{font-size: 100%;}
#rightcontent p{font-size: 93%;padding:20px 20px 15px;margin-bottom:20px;background:url("../../assets/img/rightBG.png") repeat-y #FDEFBD;}
#rightcontent ul.cla_rss_ul{margin:0;}
#rightcontent ul.cla_rss_ul ul{margin:10px 0 0;}
#rightcontent ul.cla_rss_ul ul.cla_rss_ul_secondary{margin-top:0;}
#rightcontent ul.cla_rss_ul li{list-style: none;}
#rightcontent ul.cla_rss_ul li.cla_rss_li_primary{width:181px;height:127px;margin: 0;padding:15px 48px 0 20px;list-style:none;background:url("../../assets/img/eventBG.png") no-repeat;}
#rightcontent ul li{list-style-image:url("../../assets/img/ulSpecial.gif");}

#right{
	width:160px;
	float:right;
	background:#000000;
	padding:5px 5px 5px;
	margin:0 30px 10px 20px;
}
#right h2{font-size:123%;font-weight:bold;background:#FFB71E;margin:0 0 .6em -20px;padding:7px 20px 5px;width:160px;border-bottom:1px solid #fff;}
#right p{padding:0;}
#right ul{margin:0 15px;}
#right ul li{list-style-image:url("../../assets/img/ulSpecial.gif");}
#giving #maincontent #right img{margin:0;float:none;}

/* UNIT FOOTER */
#unit_footer{font-size:90%;border-bottom:3px solid #e4e4e4;padding:19px 0 0;background:url("../../assets/img/border.png") no-repeat top center #fff;line-height:20px;width:960px;-webkit-text-size-adjust:none;margin-left:21px;}
#unit_footer a.clalogo{display: block;float: left;margin: 5px 0 0 10px;}
	* html body #unit_footer a.clalogo{margin: 5px;}
ul.unit_footer_links{float: right;padding: 0 7px;}
	* html body ul.unit_footer_links{padding: 0 3px;}
ul.unit_footer_links li{display: inline;padding: 3px;}
ul.unit_footer_links li a{color: #a06078;text-decoration: none;border-bottom: 1px solid #c2a9ae;}
ul.unit_footer_links li a:hover{color: #444;border-bottom: 1px solid #444;}
.acronym_border{border-bottom-style: none;}

/* FOOTER */
#footer_inner{padding: 5px 0 2px;font-size: 90%;width: 560px;background: #fff;-webkit-text-size-adjust: none;margin-left:21px;}
	* html body #footer_inner{padding-bottom: 9px;}
.copyright{
	float: left;
	margin-left: 0px;
}
	* html body .copyright{margin-left: 6px}
#footer_right{font-size: 90%;padding: 5px 0 13px;float: right;width: 400px;text-align: right;background: #fff;-webkit-text-size-adjust: none;margin-right:21px;}
ul.footer_links{float: right;padding-right: 10px;}
ul.footer_links li{display: inline;padding-left: 10px;}
ul.footer_links li a{color: #a06078;text-decoration: none;border-bottom: 1px solid #c2a9ae;}
ul.footer_links li a:hover{color: #444;border-bottom: 1px solid #444;}

/* AA&AS */
.icon{margin:0 20px;}
.icon img{margin-right:5px;}

/* =CLEAR FLOATED ELEMENTS
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://www.positioniseverything.net/easyclearing.html: See print out of this article. This fix should not be needed with overflow: auto added to the outer div */

.clearfix:after{clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix{display: inline-block;}
	* html .clearfix{height: 1%;}
.clearfix{display: block;}