/***********************************************************************
	Official UNIVERSITY OF HOUSON stylesheet for main topic landing pages.  
	This stylesheet should be attached to all official UH subpages (tertiary pages).  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: July 2007
 
 CONTENTS: 
 	IDs
	---------
	BADGES,  BADGE-SHADOW,  COLUMN (center),  COLUMN (left),  COLUMN (right),  INSET BOX (header),  INSET BOX (footer),  WRAPPER (banner),  WRAPPER (inset boc)
	
	CLASSES
	----
	TACTICAL
		
	
/************************************************************************/

@import url("fonts-min.css");
@import url("main-web.css");

/********************************************

                     IDs

*********************************************/


/* ========      BADGES    ======== */

#badge{
	border: none;
	height: 137px;
	margin: 2px 0px 0px 3px;
	overflow: auto;
	padding: 0;
	width: 152px;
}

#badge-shadow{
	width: 155px;
	height: 140px;
	left: 390px;
	margin: 0 0 0 0;
	overflow: auto;
	padding: 0;
	position: relative;
	top: 124px;
	z-index: 2;
}




/* ========      COLUMNS    ======== */
#inset-box-columns{
	background: transparent url(mask-column-sides.gif);
	overflow: auto;
	padding: 1px 6px 0 6px;
	width: 697px;
	}
	
#center-column-items{
	border-top: 1px #000 dashed;
	color: #666;
	margin: 0;
	overflow: auto;
	padding: 10px 20px 15px 20px;
	width: 422px;
	}

#center-column-items a{
	color: #cc0000;
	font-weight: bold;
	}
	

#center-column-items h1{
margin: 5px 0 10px 0;
	}
	
#center-column-items p{
	line-height: 167%;
	margin: 0 0 20px 0;
	}
	
#left-column-fade { 
	}

#left-column-fade .spiff{
	background: #ffffff;
	border: 1px #000000 solid;
	margin: 10px;
	width: 220px;
	}

#left-column-fade .spiff img{
	height: auto;
	width: 220px;
	}

#right-column { 
	margin: -140px 0 0 240px; 
	}

#right-column-items{
	float: right;
	margin: 0 0 0 0;
	overflow: auto;
	padding: 100px 10px 0 0;
	width: 206px;
	}



/* ========      INSET BOX    ======== */

#inset-box-footer{ 
	background: transparent url(mask-column-bottom.gif); 
	}
	
	
	

/* ========       WRAPPERS     ======== */

#inset-box-wrapper { 
	background: transparent url(mask-narrow-top.gif); 
	background-repeat: no-repeat; 
	}
	
/***********************************************************************

							CLASSES
	
************************************************************************/

/* ========       TACTICAL     ======== */

ul.tactical, #center-column-items ul.tactical{
	width: 350px;
	}