body
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align:center;	
	margin:auto;
}
/* center the outer div */
#film 
{
	margin:0 auto 0 auto;
}
/* set the outer div size and background image */
#film
{
  position:relative; 
  width:220px; 
  height:120px; 
  background:transparent url(indicator_big_0.gif) no-repeat;
}
/* get rid of the images and text */
#film a b {
  display:none;
  }
#film a img, #film a:visited img {
  display:none;
}
/* set the general styling for all the links */
#film a, #film a:visited {
  position:absolute; 
  top:0; 
  width:20px; 
  height:120px; 
  z-index:100; 
  cursor:default;
  }
/* set the individual link frame information */
#film a#f1 {
  left:0; 
  background:#444 url(indicator_big_1.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f2 {
  left:20px; 
  background:#555 url(indicator_big_2.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f3 {
  left:40px; 
  background:#666 url(indicator_big_3.gifg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f4 {
  left:60px; 
  background:#777 url(indicator_big_4.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f5 {
  left:80px; 
  background:#888 url(indicator_big_5.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f6 {
  left:100px; 
  background:#999 url(indicator_big_6.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f7 {
  left:120px; 
  background:#aaa url(indicator_big_7.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f8 {
  left:140px; 
  background:#bbb url(indicator_big_8.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f9 {
  left:160px; 
  background:#ccc url(indicator_big_9.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f10 {
  left:180px; 
  background:#ddd url(indicator_big_10.gif) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f11 {
  left:200px; 
  background:#eee url(indicator_big_11.gif) 0 -300px no-repeat; 
  z-index:100;
  }
/* resize and reposition the links on hover */
#film a#f1:hover, 
#film a#f2:hover, 
#film a#f3:hover, 
#film a#f4:hover, 
#film a#f5:hover, 
#film a#f6:hover, 
#film a#f7:hover, 
#film a#f8:hover,
#film a#f9:hover,
#film a#f10:hover,
#film a#f11:hover {
  width:220px; 
  left:0; 
  background-position:0 0; 
  z-index:50; 
  }


div#header
{	
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
	width:760px;
	height:100px;	
}

#header img
{
	border-width:0;
}
#header img.utep
{
	width:120px;
	height:80px;	
	
	position:absolute;
	top:0;
	left:0;
}

#header img.cierp
{
	width:640px;
	height:57px;
	
	position:absolute;
	top:0;
	left:120px;
}

#hrHeader1
{
	width:640px;
	height:23px;
	background-color:#4b6882;
	
	position:absolute;
	top:57px;
	left:120px;
}
#hrHeader2
{
	width:760px;
	height:20px;
	background-color:#394d5e;	
	position:absolute;
	top:80px;
	left:0;	
	vertical-align:middle;
}
.scroll
{
	font-weight:bold;
	font-size:8pt;
	color:White;
}


#footer
{	
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
	width:760px;
						
	font-size:8pt;
	font-family:Verdana;
	text-decoration: none;
	font-weight:bold;
	vertical-align:middle;
}
#line1
{
	width:760px;
	/*
	position:absolute;
	top:760;
	left:250px;	*/
	background-color:#394d5e;
	height:20px;
	color:White;
	text-align:center;
}
#line2
{
	width:760px;
	/*
	position:absolute;
	top:780;
	left:250px;	*/
	background-color:#4b6882;
	height:20px;
	color:White;
	text-align:center;
}
#footer a
{
	color:White;
	font-weight:bold;
}	
#footer A:hover
{
	color: #FF6600;
	font-weight:bold;
}

#menu 
{
	height:100%;
	
	position:absolute;
	top:0;
	left:0;
		
	width: 150px; /* set width of menu */
	/*background: #eee;*/
	text-align:left;	
	background-color:#394d5e;	
	border-bottom:outset 1px #ccc;
	
} 

#menu ul 
{ /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 
{
font: bold 10pt Verdana,Arial,Helvetica,sans-serif;
display: block;
border-width: 1px;
border-style: outset;
border-color: #ccc; 
margin: 0;
}

#menu a 
{
color: #FF6600;
background: #394d5e;
text-decoration: none;
}
#menu a:hover
{
	color: #a00;
	background: #D6DDE6;
	border-right:0px;
}
	
#menu asp:linkbutton 
{
	text-decoration: none;
	font: Arial;
	border-width:0px;
}
#home li#m1 a,
#introduction li#m2 a,
#overview li#m3 a,
#newStudents li#m4 a,
#enrollment li#m5 a,
#majors li#m6 a,
#degrees li#m7 a,
#courses li#m8 a,
#faculty li#m9 a,
#glossary li#m10 a,
#feedback li#m11 a
{
	color: #a00;
	background: #D6DDE6;
	border-right:0px;
}		

A
{
	color: #036;
	text-decoration: none;
}	
		
A:hover
{	
	color: #a00;
	text-decoration: underline;		
}
A.header
{
	color:white;	
	font-size:8pt;
	font-family:Verdana;
	text-decoration: none;
	font-weight:bold;
}
#main
{
	
	position:absolute;
	top:0;
	left:150px;
	
	background-color:White;
	width:610px;
	height:100%;
	border-right:solid 1px #394d5e;
	border-bottom:solid 1px #394d5e;
	background-color:#D6DDE6;	
	
}

#container
{		
	margin-left:auto;
	margin-right:auto;
	
	width:760px;
	height:660px;
	position:relative;
	text-align:center;	
}

#container1
{		
	margin-left:auto;
	margin-right:auto;
	
	width:760px;
	height:1300px;
	position:relative;
	text-align:center;	
}
#title
{
	margin-top:20px;
	
}

#content
{
	margin-top:40px;
	margin-left:40px;
	margin-right:25px;
	margin-bottom:40px;
	text-align:left;
}

#content p.signature
{
	text-align:right;
}

.LblStyle
{
	width:100px;
	vertical-align:text-top;
	font-size: 10pt;
}
.TbStyle
{
	width:250px;
	font-size: 10pt;
	/*background-color:#D6DDE6;*/
}	
.BoxStyle
{
	width:400px;
	height:300px;
	font-size: 10pt;
	/*background-color:#D6DDE6;*/
}	
.BtnStyle
{
	width:80px;
}

#cover
{
	
}

#content table
{
	font-size: 8pt;	
}