body 	{ color: #000000; background: #ffffff; font-family: arial, verdana, helvetica, sans-serif; font-size: 70%; }
SELECT	{font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; }
OPTION 	{font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; }
form { color: #000000; margin: 0px;  margin-bottom: 4px; padding-left: 1px; }
.formbox { font-size: 11px; }
.heading3 {font-size: 115%; font-family: verdana, "sans-serif"; font-weight: bold; color: #000000;}
.news {font-family: arial, verdana, helvetica, sans-serif; font-size: 120%;}

/*----------------bodytext used to display the content of the webpages------------------------------*/
.bodytext { color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 120%;  }

/*---------------To display the news properly using Newsmanager (https://webmanager.tstc.edu) */
.news { font-family: arial, verdana, helvetica, sans-serif; font-size: 120%;  }
.uldoubledots { list-style: url(images/doubledot.gif); color: #000000; font-family: arial, verdana, helvetica, sans-serif; }
.newsheading { font-size: 115%; font-family: verdana, "sans-serif"; font-weight: bold; color: #000000; }

/*---------------To display the Reminders properly-------- */
a.reminder:link,a.reminder:visited,a.reminder:active { color: #FF0000; font-size:16px; }

/*---------------smalltext used to display the contact information (which is on right side Ex: financial aid) of the webpages */
.smalltext { color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; }

/*----------------MAIN NAVIGATION BAR SETTINGS: topnav - Used for main navigation bar links text ----------------------------*/
.topnav,a.topnav:visited,a.topnav:active	{ color: #E6AE15; font-weight: bold; line-height: 210%; text-decoration: none; margin-left: 0px; font-size: 12px; margin-right: 0px; }
a.topnav:hover,a.topnav:visited:hover 	{ color: #FFFFFF; text-decoration:underline; }
.topnavhere 		{ color: #FFFFFF; font-weight: bold; text-decoration: none; margin-left: 0px; font-size: 11px; margin-right: 0px; }
/*-------------youarehere changes the color of the clicked link on the main navigation bar --------------*/
.youarehere 	{ color: #FFFFFF; font-weight: bold; text-decoration:underline; line-height: 210%;  margin-left: 0px; font-size: 12px; margin-right: 0px; }
a.youarehere:active , a.youarehere:hover , a.youarehere:visited , a.youarehere:visited:hover	{ color: #FFFFFF; text-decoration:underline; }

/*------------reverse used to display the vertical line between the links on main navigation bar---------*/
.reverse			{ color: #B9B9B9; font-size: 12px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; }
/*---------------topnavcell defines the background color of main navigation bar--------------*/
.topnavcell		{ background-color: #002B68; } 
/*-------------------------------END OF MAIN NAVIGATION BAR SETTINGS-------------------------*/


/*----------------SECOND NAVIGATION BAR SETTINGS: navlevel2 - Used for second navigation bar links text---------------------*/
.navlevel2,  a.navlevel2:visited, a.navlevel2:active	{ color: #B9B9B9; text-decoration: none; line-height: 210%; font-weight: bold;  margin-left: 0px; font-size: 11px; margin-right: 0px; }
a.navlevel2:active  , a.navlevel2:hover , a.navlevel2:visited:hover	{ color: #FFFFFF; text-decoration:underline; }

/*---------------navlevel2cell defines the background color of second top navigation bar--------------*/
.navlevel2cell		{ background-color: #A3A3A3; }
/*-------------youarehere2 changes the color of the clicked link on the second top navigation bar --------------*/
.youarehere2 , a.youarehere2:visited 	{ color: #FFFFFF; font-weight: bold; line-height: 210%; text-decoration: underline;  margin-left: 0px;  font-size: 11px; margin-right: 0px; }
a.youarehere2:hover  ,  a.youarehere2:visited:hover	{ color: #FFFFFF; font-weight: bold; line-height: 210%; text-decoration: underline;  margin-left: 0px;  font-size: 11px; margin-right: 0px; }

/*------------white used to display the vertical line between the links on second navigation bar---------*/
.white			{ color: #FFFFFF; font-weight: bold; font-size: 11px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; }
/*------------END OF THE SECOND NAVIGATION BAR SETTINGS--------------------------------------------------*/

/*------------topleft controls the settings of Request Information link---------------------------------------*/
.topleft, a.topleft:visited	{ color: #FCDA51; PADDING-LEFT: 4px; font-weight: bold; text-decoration:none; line-height: 150%;  font-size: 12px; }
a.topleft:hover, a.topleft:visited:hover	{ color: #FFFFFF; text-decoration:underline; }
/*-----------topleftcell controls the background color of Request Information link------------------------*/
.topleftcell { background-color: #992135; padding: 2px; }

/*-----------homenav controls the settings of the right side links on the homepage (Ex: future students)---------- */
/*-----------Also used to display the headings on the contact information which is on the right side of Financial Aid ----------*/
.homenav			{ color: #002B68; font-weight: bold; text-decoration:none; font-size: 12px; line-height: 145%; }
a.homenav:visited 		{ color: #002B68; text-decoration:none;  }
a.homenav:hover, a.homenav:visited:hover 	{ color: #AF2626; text-decoration:underline;  }

/*----------------breadcrumb defines the navigational route of the user----------------------*/
.breadcrumb { FONT-SIZE: 10px; COLOR: #A0A0A0; FONT-STYLE: normal; TEXT-DECORATION: underline; }

/*---------------- capsulelink is used to display the news, continuing education, events links on the home page--------*/
.capsulelink			{ color: #002B68; text-decoration:none; font-size: 11px; line-height: 135%; margin-right: 6px; padding-top: 9px;}
.capsulelink:active		{ color: #000000; text-decoration:underline; }
.capsulelink:hover 		{ color: #993333; text-decoration:underline; }
.capsulelink:visited 		{ color: #666666; text-decoration:none; }
.capsulelink:visited:hover	{ color: #993333; text-decoration:underline; }


/*-----------Displays the bottom dots on all the webpages--------------*/
.footernav	{
background:#002B68; 		/* or background:rgb(0,43,104); */
color:#FFFFFF;
font-size:11px; 
padding-left:170px;
line-height:150%;
text-align:left; 
font-weight:bold;
}
.footernav a, .footernav a:visited	{
color:#FFFFFF;
text-decoration:none;
letter-spacing:1px; 
}
.footernav a:hover, .footernav a:active {
color:#E6AE15;			/* or background:rgb(230,174,21); */
text-decoration:underline; 
}


/*---------------footlink used to display the links on the footer of the webpage-----------------------*/
.footer		{ color: #333333; line-height: 145%; font-size: 10px; }

.footlink 			{ color: #002B68; text-decoration: underline; font-size: 10px; margin-left: 2px; margin-right: 2px; }
.footlink:active		{ color: #000000; text-decoration:underline; }
.footlink:hover 		{ color: #993333; text-decoration:underline; }
.footlink:visited 		{ color: #666666; text-decoration:underline; }
.footlink:visited:hover	{ color: #993333; text-decoration:underline; }

/*----------- doubledot is used to display the double dots on the news, continuing education, events on the home page-----*/
UL.doubledot  { list-style: url(images/doubledot.gif); margin-right: 18px; }
/*-----------Used to display the text in the ul tag ------------------------------------------------*/
ul		{ color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 120% }
ul.bullets		{ list-style-type: none; MARGIN-TOP: 2px; MARGIN-BOTTOM: 3px; margin-left: 5px; margin-right: 2px; }

/*----------Used on index.html page------------------------------------------------------------------*/
.space2		{ border-left: 2px dotted #B9B9B9; }
/*-------------Used on index.html page---------------------------------------------------------------*/
.space3		{ padding-left: 27px; }
/*-------------------Used on index.html page---------------------------------------------------------*/
.space4		{ border-right: 2px dotted #B9B9B9; }

/*------------ heading1 displays the main headings which describes the page the user is on---------------------------------*/
.heading1	{  color: #000000; font-family: arial, verdana, helvetica, sans-serif;  line-height: 150%; font-size: 180%; font-weight: bold; }
/*------------ heading2 displays other headings on the web page ---------------------------------*/
.heading2	{  color: #000000; font-family: arial, verdana, helvetica, sans-serif;  line-height: 150%; font-size: 125%; font-weight: bold; PADDING-TOP: 4px; PADDING-BOTTOM: 2px; }

/*------------CoreNavCR4 displays the college links on the left side of the webpages Ex: TSTC Harlingen TSTC Waco--------*/
/*------------Used only on home page-------------------------------------------------------------------------------------*/
A.CoreNavCR4 , A.CoreNavCR4:link , A.CoreNavCR4:visited { PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; WIDTH: 100%; COLOR: #002B68; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; TEXT-DECORATION: none; }
A.CoreNavCR4:hover , A.CoreNavCR4:active , A.CoreNavCR4:visited:hover  { BACKGROUND: #E6AE15; COLOR: #002B68; text-decoration: underline; }

/*------------CoreNavCR3 displays the college links on the left side of the webpages Ex: TSTC Harlingen TSTC Waco--------*/
/*------------Used on all the pages except the home page----------------------------------------------------------------*/
A.CoreNavCR3 , A.CoreNavCR3:link , A.CoreNavCR3:visited  { PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 3px; WIDTH: 94%; COLOR: #002B68; MARGIN-RIGHT: 0px; PADDING-TOP: 1px; TEXT-DECORATION: none; }
A.CoreNavCR3:hover , A.CoreNavCR3:active , A.CoreNavCR3:visited:hover {	BACKGROUND: #E6AE15; COLOR: #002B68; text-decoration: underline; }

.cinfoTabLine	{ border-left: 1px solid #B9B9B9; border-bottom: 1px solid #B9B9B9; }

/*-----------------Default Option---------------------------------------------------------------------------------------*/

.leftnavbg	{ border-right: 3px solid #E6AE15; padding-right: 0px; background: url("images/leftnavstripes.gif"); background-color: #646464; }
.cinfo { border-bottom: 2px dotted #E6AE15; color: #2A4489; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px;  }
A.leftnav , A.leftnav1:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav:hover , A.leftnav:active , A.leftnav1:visited:hover {  COLOR: #E6AE15; }
.leftnavhere , .leftnavhere:link , .leftnavhere:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere:hover , .leftnavhere:active , .leftnavhere:visited:hover { COLOR: #E6AE15; }

/*-----------------Option-Welcome---------------------------------------------------------------------------------------*/

.leftnavbgwelcome	{ border-right: 3px solid #E6AE15; padding-right: 0px; background: url("images/leftnavstripeswelcome.gif"); background-color: #646464; }
.cinfo { border-bottom: 2px dotted #E6AE15; color: #2A4489; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px;  }
A.leftnav , A.leftnav1:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav:hover , A.leftnav:active , A.leftnav1:visited:hover {  COLOR: #E6AE15; }
.leftnavhere , .leftnavhere:link , .leftnavhere:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere:hover , .leftnavhere:active , .leftnavhere:visited:hover { COLOR: #E6AE15; }

/*-----------------Option-Cyber-Ops---------------------------------------------------------------------------------------*/

.leftnavbgcyber	{ border-right: 3px solid #E6AE15; padding-right: 0px; background: url("images/m7.jpg"); background-color: #000000; }
.cinfo { border-bottom: 2px dotted #E6AE15; color: #2A4489; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px;  }
A.leftnav , A.leftnav1:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav:hover , A.leftnav:active , A.leftnav1:visited:hover {  COLOR: #E6AE15; }
.leftnavhere , .leftnavhere:link , .leftnavhere:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere:hover , .leftnavhere:active , .leftnavhere:visited:hover { COLOR: #E6AE15; }

/*---------------------------OPTION-1-----------------------------------------------------------------------*/

.leftnavbg1	{ border-right: 3px solid #E57700; background: url("images/sidebars/2A4489-1.gif"); background-color: #2A4489; padding-right: 0px; }
.cinfo1 { border-bottom: 2px dotted #E57700; color: #2A4489; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px;  }
/*linkheading: Used to display the headings on the top left nav Ex: cns.html*/
.linkheading1 { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 2px;  COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: underline; }
/*-----------Leftnav used to display the links on the top left handside of the webpage (Third Navigation bar) Ex: Admissions home page---------------------------------*/
A.leftnav1 , A.leftnav1:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav1:hover , A.leftnav1:active , A.leftnav1:visited:hover {  COLOR: #E57700; }
.leftnavhere1 , .leftnavhere1:link , .leftnavhere1:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere1:hover , .leftnavhere1:active , .leftnavhere1:visited:hover { COLOR: #E57700; }


/*-------------------OPTION-2--------------------------------------------------------------------------------*/

.cinfo2 { border-bottom: 2px dotted #999933; color: #006666; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px; }
.leftnavbg2	{ border-right: 3px solid #999933;  margin-right: 0px; padding-right: 0px; background: url("images/sidebars/006666-1.gif"); background-color: #006666; }
A.leftnav2 , A.leftnav2:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav2:hover , A.leftnav2:active , A.leftnav2:visited:hover { COLOR: #999933; }
.leftnavhere2 , .leftnavhere2:link , .leftnavhere2:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere2:hover , .leftnavhere2:active , .leftnavhere2:visited:hover { COLOR: #999933; }

/*-------------------OPTION-3--------------------------------------------------------------------------------*/

.cinfo3 { border-bottom: 2px dotted #999933; color: #006666; font-weight: bold; font-size: 12px; line-height: 145%; padding-left: 3px; }
.leftnavbg3	{ border-right: 3px solid #E6AE15;  margin-right: 0px; padding-right: 0px; background: url("images/sidebars/newsq4.gif"); background-color: #006666; }
A.leftnav3 , A.leftnav2:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
A.leftnav3:hover , A.leftnav3:active , A.leftnav3:visited:hover { COLOR: #999933; }
.leftnavhere3 , .leftnavhere3:link , .leftnavhere3:visited { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  PADDING-BOTTOM: 0px; COLOR: #E57700; MARGIN-RIGHT: 0px; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.leftnavhere3:hover , .leftnavhere3:active , .leftnavhere3:visited:hover { COLOR: #999933; }


/*-------------bodylinks used to display the links on the body of the webpages Ex: future students----------------------*/
.bodylinks { FONT-WEIGHT: normal; font-family: arial, verdana, helvetica, sans-serif; FONT-SIZE: 120%; padding-top: 3px; padding-bottom: 3px;  TEXT-DECORATION: underline; COLOR: #002B68;  }
.bodylinks:hover { FONT-WEIGHT: normal; font-family: arial, verdana, helvetica, sans-serif; FONT-SIZE: 120%;  padding-top: 3px; padding-bottom: 3px;  TEXT-DECORATION: underline; COLOR: #992135;  }
.bodylinks:visited	{ color: #002B68; }
.bodylinks:visited:hover { FONT-WEIGHT: normal; font-family: arial, verdana, helvetica, sans-serif; FONT-SIZE: 120%; padding-top: 3px; padding-bottom: 3px; TEXT-DECORATION: underline; COLOR: #992135;  }

.news { font-family: arial, verdana, helvetica, sans-serif; font-size: 120%;  }
.uldoubledots { list-style: url(/images/doubledot.gif); color: #000000; font-family: arial, verdana, helvetica, sans-serif; }
.heading3 	{ font-size: 115%; font-family: verdana, "sans-serif"; font-weight: bold; color: #000000; }


/* ************ Print styles: Compatible with NS 7, Opera 7, Mozilla 1+ and IE 5+. All other browsers will ignore. ************ */
@media print{
	 .CoreNavCR3 , .CoreNavCR4 , .youarehere2 , .leftnav ,	{ display:none;	}
	/* ************ While classes work fine as above, I usually prefer to isolate my print styles by using ID's as below. CAUTION: using style ID's instead of classes can break javascripts and .NET controls that rely on the object ID ************ */
	#contentarea{ width:100%;}

}
.CoreTabdots	{ border-right:2px dotted #B9B9B9;padding-right:5px; }