@charset "UTF-8";
/* CSS Document */
/*********************************************************************** Official UNIVERSITY OF HOUSON, DEPARTMENT of THEATRE AND DANCE stylesheet for the UH Home page This stylesheet should be attached to all official UH subpages (tertiary pages). Created: July 2007, by the IT Web Technologies Group. Last Updated: August 2008 CONTENTS: IDs --------- MENU, UNIT HEADER, DEPARTMENT, COLLEGE, PAGE, BANNER, MAIN-CONTENT, MENU, CONTACTS, FEATURE, FOOTER, TOPICNAMES, TOPICAL SUBMENUS, LEFT COLUMN, SIDEBAR, GRID CLASSES --------- LEFT, FORMLET, EMBEDDED MEDIA, LINKS, LAYER, BOX, SPIFF 
/************************************************************************/
 li {
	margin: 0;
}
 #content-well{
	position: relative;
	 z-index: 1;
}
/* ======== EMBEDDED-MEDIA ======== */
 .embedded-media {
	 width: 250px;
}
 .embedded-media-wide {
	 width: 400px;
}
 .embedded-media-wide {
	 padding: 5px 5px 8px 5px;
	 margin: 3px 0 3px 0;
	 border: 1px #000 solid;
	 float: left;
	 overflow: auto;
}
 .embedded-media {
	 padding: 5px 5px 8px 5px;
	 margin: 3px 10px 3px 3px;
	 border: 1px #000 solid;
	 float: left;
	 overflow: auto;
}
 .embedded-media-wide h4, div.embedded-media h4 {
	 margin: 8px;
}
 .embedded-media-wide p, div.embedded-media p {
	 margin: 8px;
}
/* ======== FORMLET ======== */
 form.formlet h3 {
	 background: none;
	 border:none;
}
/* ======== SPIFF ======== */
 .spiff {
	 background: #fff;
	 border: 1px #000 solid;
	 margin: 10px;
	 width: 180px;
}
 .spiff img {
	 height: auto;
	 width: 180px;
}
 .left {
	float: left;
	 border: none;
	 margin-right: 20px;
}
/* ======== PAGE ======== */
 #page{
	 width: 735px;
	 float: left;
	 background: url("/images/layout/bg-page-middle.jpg") right repeat-y;
}
 #page #pagetop{
	 background: url("/images/layout/bg-page-top.jpg") right top no-repeat;
	 float: left;
	 width: 735px;
	 height: 25px;
}
 #page .wide{
	 width: 735px;
}
/* ======== BANNER ======== */
 #banner img{
	margin: 0;
	 padding: 0;
}
/* ======== MAIN-CONTENT ======== */
 #main-content {
	 padding: 0 15px;
	 margin: 0;
	 width: 490px;
	 float: left;
}
 #main-content h2 {
	 border: #000 1px;
	 border-style: dashed none none none;
	 margin: 20px 0 0 0;
	 padding: 20px 0 0 0;
}
 #main-content h1 acronym {
	 color: #000;
}
/* ======== MENU ======== */
 #menu{
	 width: 200px;
	 font-weight: bold;
	 padding: 0 0 10px 0;
	 margin: 0;
	 text-transform: uppercase;
	 float: left;
	 background: #FFF;
}
 #menu h2 a{
	 background: #515453 url("/images/layout/bg-header-grey.jpg") repeat-x;
	 margin: 0 0 5px 0;
	 color: #FFF;
	 display: block;
	 padding: 5px 5px 5px 15px;
}
 #menu li{
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
}
 #menu li a{
	 text-decoration: none;
	 padding: 5px 0;
	 display: block;
}
 #menu li a:hover{
	 text-decoration: underline;
}
 #menu .new-section {
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: #ccc 1px solid;
}
 #menu li li a {
	 text-transform: none;
}
 #left-column #menu li a{
	padding: 10px 0;
}
 #left-column #menu li li a{
	padding: 5px 0;
}
 #menu li.open ul, #menu li.selected ul{
	background:#EEE;
	 border-top: #CCC 1px solid;
}
 #menu li.open ul ul {
	border-top: none;
}
 #menu li.selected {
	list-style: disc;
}
 #menu li.selected a {
	color: #000;
}
/* ======== UNIT HEADER ======== */
 #unit-header{
	 background: #FFF;
	 margin: 0 auto 15px;
	 width: 945px;
}
 #breadcrumb {
	 margin: 0;
	 padding: 0;
	 background: none;
}
 #department {
	 color: #C00;
	 font-size: 300%;
	 border-right: #CCC 1px solid;
	 margin: 0;
	 padding: 0;
	 font-weight:normal;
}
 #college {
	 color: #666;
	 font-size: 150%;
	 padding: .3em;
	 font-weight:normal;
}
/* ======== CONTACTS ======== */
 #contacts{
	 background: url("/images/home-banner/inset-box-wide-top.gif") no-repeat;
	 width: 241px;
	 margin: 0;
	 padding: 15px 0 10px 20px;
	 font-size: 90%;
	 clear: left;
}
 #contacts strong {
	 color: #CC0000;
	 font-size: 120%;
}
/* ======== FEATURE ======== */
 #feature {
	 width: 681px;
	 height: 330px;
	 background: #FFF url("/images/home-banner/smokeonthewater.jpg") no-repeat top right;
	 margin: 0;
	 float: right;
}
 #feature h2 {
	 margin: 0.5em;
	 color: #c90;
	 font-size: 2em;
	 font-family: "Times New Roman", Times, serif;
}
 #feature ul {
	 margin: -0.5em 0 0 2em;
	 list-style: none;
}
 #feature ul li a {
	 color: white;
}
 #feature p {
	 margin-left: 10em;
}
 #feature-caption{
	 position: relative;
	 bottom: -280px;
	 z-index: 4;
	 margin: 0 0 0 30px;
	 paddin: 0;
	 overflow: hidden;
	 vertical-align: bottom;
}
 #feature-heading{
	 color: #CC0000;
	 font: 200%/1.2em "Times New Roman",Times,serif;
	 letter-spacing: .01em;
	 display: block;
}
 #caption-copy{
	 color: #333333;
}
/* ======== GRID ======== */
 #grid {
	 position: relative;
	 float: left;
	 margin: -100px 0 0 0;
	 padding: 100px 0 0 0;
	 width: 945px;
	 background: url("/images/home-banner/inset-box-wide-bottom.gif") bottom left no-repeat;
	 z-index: -100;
	 display: inline;
}
 #grid .layer {
	 margin: 0;
	 width: 670px;
	 float: left;
}
 #grid .first {
	 padding: 10px 0;
}
 #grid .second {
	 padding-top: 10px;
	 position: relative;
	 top: 10px;
	 border-top: #ccc 1px solid;
}
 #grid .box {
	float: left;
	 overflow: auto;
	 padding: 0;
	 margin: 0;
}
 #grid .narrow {
	 width: 205px;
	 padding: 0 5px;
}
 #grid .medium {
	 width: 35px;
	 padding: 0 5px;
}
 #grid .wide {
	 width: 430px;
	 padding: 0 5px;
}
 #grid .separated {
	 border-left: #ccc 1px solid;
	 padding: 0 10px;
}
 #grid ul{
	padding: 5px;
}
 #grid ul li{
	 list-style-type: none;
	 padding: 0;
	 margin:0;
}
 #grid ul li a {
	 background: url("/images/icons/red-arrow.gif") no-repeat ;
	 padding: 0 0 0 12px;
	 color: #333;
}
 #grid ul li a:hover {
	 color: #C00;
}
 #grid hr {
	 margin-bottom: 20px;
	 position: relative;
	 top: 10px;
}
 #grid h2 {
	 font-size: 120%;
	 font-weight: bold;
	 color: #000;
}
 #grid #sidebar {
	 float: left;
	 width: 234px;
	 padding: 10px 0 10px 20px;
	 border-top: #CCC 1px solid;
}
/* ======== SIDEBAR (LINKS) ======== */
 #sidebar {
	 margin: 0;
	 padding: 0;
	 width: 214px;
	 float: left;
	 border-left: #CCC 1px solid;
	 position: relative;
	 z-index: 2;
}
 #sidebar .links h4 {
	 font-weight: normal;
	 margin: 0 0 0 10px;
	 padding: 0 0 5px 0;
	 text-transform: uppercase;
	 border-bottom: #999 1px solid;
}
 #sidebar .links{
	 margin: 10px 10px 10px 0;
}
 #sidebar .links ul li {
	 background: transparent url("/images/layout/arrow-list.gif") left no-repeat;
	 list-style-type: none;
	 border-bottom: #CCC 1px solid;
	 padding: 0;
}
 #sidebar .links ul li a {
	 font-weight: normal;
	 color: #C00;
	 font-size: 92%;
	 display: block;
	 padding: 4px 0 4px 10px;
}
 #sidebar #banner{
	margin: -25px 0 15px 0;
}
 .hidden {
	 display: none;
}
/* ======== LEFT-COLUMN ======== */
 #left-column {
	 float: left;
	 margin: 0;
	 padding: 20px 10px 0 0;
	 width: 200px;
}
/* ======== FOOTER ======== */
 #footer {
	/*margin: -205px auto 0;
	*/
	 margin: auto 0;
	/*background: url("/images/layout/bg-page-bottom.gif") right top no-repeat;
	*/
	/*padding: 240px 0 0 0;
	*/
	 padding: 8px 0 0 0;
	 position: relative;
	 z-index: 0;
}
 .homefooter #footer{
	background: none;
	 padding: 0;
	 margin: 0 auto;
}