/***********************************************************************
	Official UNIVERSITY OF HOUSON stylesheet for sub pages.  
	This stylesheet is imported into all official UH template subpage stylesheets.
	It is not intended to be directly referenced by HTML pages.  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: July 2007
 
 CONTENTS: 
 
 	ELEMENTS
	---------
	H2
	
 	CLASSES
	---------
	BADGES, LEFT-COLUMN-LIST *,  RIGHT-COLUMN-LIST *
	
	IDs
	---------
	COLUMN (left),  COLUMN (right), TOPIC NAMES,  TOPICAL SUBMENUS,  WRAPPER (banner),  WRAPPER (inset-box), WIDGETS (tactical, embedded-media), PRINT-TOOLS
	
************************************************************************/


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

                 ELEMENTS
				   
*****************************************/
h2{
	border: #000 1px;
	border-style: dashed none none none;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#center-column-items h1 acronym{
color: #000;
}

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

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


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

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

#badge-shadow{
	width: 155px;
	height: 140px;
	left: 630px;
	margin: 0 0 0 0;
	overflow: auto;
	padding: 2px 0px 0px 3px;
	position: absolute;
	top: 135px;
	z-index: 10;
	background-image: ;
	overflow: hidden;
}




/* ========      COLUMN CLASSES    ======== */

.column-content {
	padding: 0px 7px;
	}
	
.full-column {
	clear: both;
	}
	
.half-column {
	float: left;
	margin: 0 20px 0 0;
	width: 300px;
	}
	
.third-column {
	float: left;
	width: 200px;
	}
	
.left-column-list {
	margin: 5px 0 5px 0; 
	padding: 0 0 10px 0;
	width: 240px;
	}

.left-column-list h4 {
	font-weight: normal;
	margin: 0 0 0 15px;
	text-transform: uppercase;
	}
	
.left-column-list .formlet {
	width: 225px;
	}

.left-column-list ul {
	border: 1px #ffffff;
	border-style: solid none none none;
	margin: 4px 0 10px 0;
	}

.left-column-list ul li {
	border: 1px #ffffff;
	border-style: none none solid none;
	background: transparent url("/images/display/arrow-c00-on-900.gif");
	background-repeat: no-repeat;
	background-position: 2px 6px;
	list-style-type: none;
	padding: 4px 0 4px 15px;
	}

.left-column-list ul li a {
	color: #cc0000;
	font-size: 92%;
	}
	
.left-column-list li.selected { 
	background: transparent url("/images/display/arrow-black-on-white.gif");
	background-repeat: no-repeat;
	background-position: 2px 10px;
	}
.left-column-list li.selected a { color: #000;}

#content-well .left-column-list form.formlet, .left-column-list form.formlet h3{
	background: none;
	border:none;
	}
	
.right-column-list{
	margin: 5px 0 5px 0; 
	padding: 0 0 10px 0;
	width: 200px;
	}
.right-column-list h2{
	color: #FFF;
	margin: 0 0 15px 0;
	border: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	}

.right-column-list h4{
	color: #000;
	font-size: 92%;
	font-weight: normal;
	margin: 0 0 0 11px;
	text-transform: uppercase;
	}

.right-column-list ul{
	background-color: #757575;
	border-top: #999 1px solid;
	margin: 4px 0 0 0;
	padding-left: 0;
	}

.right-column-list ul li{
	border: #999 1px;
	border-style: none none solid none;
	background: transparent url("/images/display/arrow-000-on-757575.gif");
	background-repeat: no-repeat;
	background-position: 2px 4px;
	list-style-type: none;
	padding: 2px 0 6px 15px;
	}

.right-column-list ul li a{
	color: #fff;
	font-size: 95%;
	font-weight: normal;
	}






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

                   IDS  
				   
*****************************************/
	
	
/* ========      COLUMNS    ======== */
	
#left-column {
	border: 1px #000;
	border-style: dashed none none none;
	float: left;
	margin: 24px 0 0 0; 
	padding: 1px 0 0 0;
	width: 240px;
	}

#left-column-fade {
	background: #ffffff url("/images/display/template-landing-left-fade.gif");
	margin: 0;
	padding: 10px 0 0 0;
	width: 240px;
	}

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

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

#right-column {
	margin: 10px 0 0 240px;
	padding: 0;
	width: 697px;
	}

#right-column-items .img{
	height: auto;
	width: 190px;
	}
	
#right-column-items .spiff{
	background: #fff;
	border: 1px #fff solid;
	margin: 10px 0 10px 3px;
	overflow: auto;
	padding: 0;
	width: 190px;
	}

#right-column-items .spiff img{
width: 190px;
height: 125.8px;
}

#right-column-items .spiff h2{
font-size: 131%;
}

	
/* ========      TOPIC NAMES    ======== */
 
#topic-name {
	background: #5c5c5c url("/images/display/navbarbg.jpg");
	background-repeat: repeat-x;
	text-transform: uppercase;
	padding: 8px 15px 8px 15px;
	
	font-size: 165%;
	}
	
#topic-name a {
	color: #ffffff;
	text-decoration: none; 
	font-weight: normal;
	font-size: 90%;
	}
	
#topic-name a:hover, #topic-name a:active {
	text-decoration: underline;
	}
	
	
	
	

/* ========      TOPICAL SUBMENUS    ======== */

#topical-submenu {
	border: 1px #000;
	border-style: none none dashed none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 240px;
	}

#topical-submenu li {
	border: 1px #ccc solid;
	border-style: solid none none none;
	font-weight: bold;
	list-style: none outside;
	margin: 0;
	padding: 0;
	}


#topical-submenu a {
	display: block;
	padding: 7px 11px;
	margin: 0px;
	/*font-size: 110%;*/
	}
#topical-submenu li.selected a{
	background: #FFF url("/images/display/bg-horizontal-gray-fade-selected.gif") repeat-y;
	color: #000;
	}
#topical-submenu li.opened a{
	background: #FFF url("/images/display/bg-horizontal-gray-fade.gif") repeat-y;
	color: #C00;
	}
	
	

#topical-submenu li.selected li a, #topical-submenu li.opened li a {
	background: #FFF url("/images/display/bg-horizontal-gray-fade.gif") repeat-y;
	color: #C00;
	}

#topical-submenu li.opened li.selected a{
	background: #FFF url("/images/display/bg-horizontal-yellow-fade-selected.gif") repeat-y;
	color: #000;
	}	 
#topical-submenu li.opened li.opened a {
	background: #FFF url("/images/display/bg-horizontal-yellow-fade.gif") repeat-y;
	border-color: #FC0;
	color: #C00;
	}
	
#topical-submenu li.opened li.opened li a{
	background: #FFF url("/images/display/bg-horizontal-yellow-fade.gif") repeat-y;
	border-color: #FC0;
	color: #C00;
	}
	
	

#topical-submenu li.opened li.selected li a {
	background: #FFF url("/images/display/bg-horizontal-yellow-fade.gif") repeat-y;
	border-color: #FC0;
	color: #C00;
	}

#topical-submenu li.opened li.opened li.selected a{
	background: #FFF url("/images/display/bg-horizontal-tan-fade-selected.gif") repeat-y;
	color: #000;
	}	 
#topical-submenu li.opened li.opened li.opened a{
	background: #FFF url("/images/display/bg-horizontal-tan-fade.gif") repeat-y;	
	color:#C00;
	}
	

#topical-submenu li.opened li.opened li.selected li a {
	background: #FFF url("/images/display/bg-horizontal-tan-fade.gif") repeat-y;	
	color:#C00;
	}
	
	
#topical-submenu li.opened li.opened li.opened li.opened a {
	background: #FFF url("/images/display/bg-horizontal-gray-fade.gif") repeat-y;
	color: #C00;

	}
	
#topical-submenu li.opened li.opened li.opened li.selected a{
	background: #FFF none;
	color: #000;
	}
		 
#topical-submenu li.opened li.opened li.opened li.selected li a{
	background: #FFF none;
	color: #000;
	}	 
#topical-submenu li.opened li.opened li.opened li.opened li a{
	}
	
#topical-submenu li a:hover, #topical-submenu li.selected a:hover, #topical-submenu li.opened li a:hover, #topical-submenu li.opened li.selected a:hover, #topical-submenu li.opened li.opened li a:hover, #topical-submenu li.opened li.opened li.selected a:hover {
	background: #FFF url("/images/display/bg-horizontal-active.gif") repeat-y;
	color: #C00;
	}
	
/* ========      WRAPPERS    ======== */

#banner-wrapper {
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 697px;
	}
	
#inset-box-wrapper {
	background-repeat: no-repeat;
	padding: 218px 0 0 0;
	width: 697px;
	}
	
/* ========      WIDGETS    ======== */

/* The width parameter for each of the subpage types is set in the appropriate css file:
    template-landing.css
	template-subpage.css
	template-subpage-wide.css
*/
.navTactical ul, #center-column-temst .navTactical ul, ul.tactical, #center-column-items ul.tactical{
	padding:0px;
	margin: 0 0 10px 0;
	}

.navTactical ul li, #center-column-items .navTactical ul li, ul.tactical li, #center-column-items ul.tactical li{
	display: inline;
	list-style-type: none;
	padding: 0 6px 0 8px;
	margin: 0;
	border: #666 1px; 
	border-style: none none none solid;
	}

.navTactical ul li.first, #center-column-items .navTactical ul li.first, ul.tactical li.first, #center-column-items ul.tactical li.first, .navTactical ul li:first-child, #center-column-items .navTactical ul li:first-child {
	padding: 0 6px 0 2px;
	border-style: none;
}	
.navTactical ul li a, #center-column-items .navTactical ul li a, ul.tactical li a, #center-column-items ul.tactical li a{
 font-weight: normal;
}

.navTactical ul li.selected a, ul.tactical li.selected a { color: #666;}
#center-column-items div.embedded-media{ width: 250px; }
#center-column-items div.embedded-media-wide{ width: 400px;}

#center-column-items div.embedded-media-wide{
padding: 5px 5px 8px 5px;
margin: 3px 0 3px 0;
border: 1px #000 solid;
float: left;
overflow: auto;

}

#center-column-items div.embedded-media{
padding: 5px 5px 8px 5px;
margin: 3px 10px 3px 3px;
border: 1px #000 solid;
float: left;
overflow: auto;
}

#center-column-items div.embedded-media-wide h4,
#center-column-items div.embedded-media h4{
	margin: 8px;
}

#center-column-items div.embedded-media-wide p,
#center-column-items div.embedded-media p{
	margin: 8px;
}

/* ========     PRINT-TOOLS    ======== */

#print-tools{
padding: 30px 10px 10px 5px;
font-weight: bold;
}
#print-tools img{
vertical-align: -3px;
}
#get-printable img{
vertical-align: -3px;
}
#print-tools a{
}