* { margin: 0; padding: 0 }

/* @end */

#main {	margin: 0; }
	#main ul { 
		font-size: 11px; 
		margin: 0; padding: 10px 0 10px 20px; }
		
		#main li {
			margin: 0;
			padding-right: 0px; }

/* @end */


#wrap {min-width: 960px; margin: 0 auto; } 

 /* @group A Links */
#wrap a { color: #fff; outline: none; text-decoration: none }
	#wrap a:active { top: 1px; position: relative; }
	#wrap a:hover { color: #f47321 }
	
	#wrap a.zoom { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; }
		a:active.zoom { top: 0; }
	
	#wrap a.lowercase { font-size: 11px; text-transform: lowercase; }
	
/* @end */

body { font: normal 14px/1.5 "proxima-nova-1","proxima-nova-2", sans-serif; margin: 0; -webkit-text-size-adjust: none }


/* @group Images */
img { border: 0; padding: 0}
/* @end */
	
/* @group Grid */
.grid_1 { width: 60px }
.grid_2 { width: 140px }
.grid_3 { width: 220px }
.grid_4 { width: 300px }
.grid_5 { width: 380px }
.grid_6 { width: 460px }
.grid_7 { width: 540px }
.grid_8 { width: 620px }
.grid_9 { width: 700px }
.grid_10 { width: 780px }
.grid_11 { width: 860px }
.grid_12 { width: 940px }

.column {
	display: inline;
	float: left;
	margin: 0 10px;
	overflow: hidden }

.row { margin: 0 auto; overflow: hidden; width: 960px }
	.row .row {	display: inline-block; margin: 0 -10px; width: auto }

/* @end */

/* @group Branding */
#branding { 
	background: #051e42; 
	font-size: 11px; 
	height:30px; 
	padding: 10px 0;  }
	
	#branding a { color: #fff; }
		
		#branding a:hover { color: #f47321; }	

	#branding ul { 
		font-size: 11px; 
		overflow: hidden; 
		margin: 0; padding: 10px 0 10px 20px; }
		
		#branding li {
			margin: 0;
			float: left;
			list-style-type: none;
			padding-right: 15px; }
		
		#branding .logo { padding: 5px 0; }
			
			#branding .logo .img { 
				background: url(../img/utsa.jpg) no-repeat 0 0; 
				height: 20px; width: 60px;
				margin: 0; padding: 0 2px 0;
				text-indent: -9999px; }
			
			#branding .logo li { padding-top: 5px; }

	/* @group Search Form */
	form#searchform {
		background: #fff url(../img/dev/search.png) no-repeat left top;
		float: left;
		position: relative;
		width: 140px; }
	
	input#s {
		background: #fff url(../img/dev/search.png) no-repeat;
		border: none;
		float: left;
		font: normal 11px/1.5 "proxima-nova-1","proxima-nova-2", sans-serif;
		height: 28px;
		line-height: 18px;
		outline: 0;
		padding-left: 5px;
		width: 110px;
		z-index: 1 }
	
	input#searchsubmit {
		background: #002a5c url(../img/dev/search.png) no-repeat -110px 0 ;
		border: none;
		cursor: pointer;
		font-size: 0; display: block; line-height: 0; /*IE6 Fix*/
		height: 30px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		top: 0;
		width: 30px; }
		input:hover#searchsubmit { background: url(../img/dev/search.png) no-repeat -110px -28px;  }
		input:active#searchsubmit { background: url(../img/dev/search.png) no-repeat -110px -56px; }
	/* @end */
/* @end */

/* @group Header */
#header { background: #FFF; padding: 3px 0; min-width: 900px; }
	#header a { color: #051e42; }
		#header a:hover { color: #f47321; }	
 /* @end */
 
 
/* ***************** */
 
 /* @group Top Nav */
#nav {
font: bold 12px Verdana;
width: 900px;
background: #051e42;
 }

 
#topnav {
	list-style: none;
	margin: 0 1px;
	padding: 0px;
	width: 100%;	
	background: #051e42;
	border-left: 1px solid #778;
	}
 
	#nav li {
		font-size: 12px;
		float: left;
		line-height: 30px;
		margin: 1;
		padding: 0;
		border-right: 1px solid #778;
		border-bottom: 2px solid #FF6600;
		position: relative; 
		background: #051e42;}  /* white letter fields */
 
		#nav ul li a.nav_all {
			float: left;
			text-align:center;
			text-indent: 0px;
			width: 125px;
			background: #051e42;}  /* letters */
			
			#a.nav_all { background: #051e42; width: 100px; text-indent: 10px;}  /* top list items */
				#nav a.nav_all.active,
				#nav ul li:hover a.nav_all { background: #052e99;}
				#nav ul li a.nav_all:active { background: #052e99; }
			
	#nav ul li .sub {
		-khtml-border-radius-bottomleft: 2px;
		-khtml-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-bottomright: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-box-shadow: #aaa 0px 2px 2px;
		background-color: #051e42;
		border-left: 1px solid #3b6ca1;
		border-right: 1px solid #3b6ca1;
		display: none;
		float: left;
		left: 0;
		padding: 5px;
		position: absolute;
		top: 30px;
		z-index: 100; }
 
 		

	#nav .sub ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0; 
		width: 190px;}
		ul#topnav li .sub ul.narrow { width: 180px; }

	#nav .sub li {
		color: #3b6c00;
		font-size: 12px; line-height: 1.6;
		width: 100%; }
		
		.sub h2 {
			font-size: 14px; line-height: 1.5;
			margin: 0;
			padding: 0; }

		.sub a {
			border-bottom: 0px solid #86b0df;
			color: #3b6ca1;
			display: block;
			float: none;
			height: auto;
			padding: 5px 5px 3px 0;
			text-decoration: none;
			text-indent: 0; }
			.sub a:hover { color: #f47321; }
/* @end */