/***********************************************************************
    Official UNIVERSITY OF HOUSON stylesheet for the NSM Home page  
	This stylesheet should be attached to all official NSM subpages (tertiary pages).  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: December 2008
 
 CONTENTS: 
  TAGS
	---------
	BOX1TITLE, BOX2TITLE
 
 	IDs
	---------
	BREADCRUMB, COLLEGE, MAIN-CONTENT, SIDE-CONTENT, SIDE-MENU, SIDE-NAV, SUBHEAD, TACTICAL, UNIT, BANNER
	
 	CLASSES
	---------
	CONTACTS, BOX, LAYER, SINGLE, DOUBLE, TRIPLE, FULL-WIDTH, FACULTY-LIST
	
/************************************************************************/

/* ========      BANNER    ======== */



/* ========      FOOTER    ======== */
#footer {
	background: url("/images/layout/bg-maincontent-bottom.gif") right top no-repeat;
	margin-top: -300px;
	padding-top: 315px;
}
/* ========      SIDE-CONTENT    ======== */
	
#side-content {
	float: left;
	width: 162px;
	padding: 20px 13px 0 0;
	margin: 0;
	background: url("/images/layout/nsm-bg-sidemargin.gif") top right no-repeat;
}
#side-content form {
	background: none;
	border: none;
	padding: 0 0 15px 0;
	width: 160px;
	float: left;
}
/* ========      CONTACTS    ======== */

.contacts {
	padding: 0 0 15px 0;
	float: left;
	width: 160px;
	color: #000;
	font-size: 90%;
}
.contacts strong, .contacts b {
	color: #C00;
}
/* ========      SIDE-MENU    ======== */
#side-menu {
	float: left;
	width: 162px;
	padding: 0 0 15px 0;
	font-size: 90%;
}
#side-menu h2 {
	background: #666 url("/images/layout/bg-sidemenu-hdr.jpg") left top no-repeat;
	margin: 0;
	padding: 5px 2px 5px 15px;
	color: #FFF;
	font-size: 130%;
}
#side-menu ul {
	padding: 0;
	background: url("/images/layout/bg-sidemenu.jpg") bottom left no-repeat;
}
#side-menu ul.menu2 {
	padding: 0;
	background: url("/images/layout/bg-sidemenu2.jpg") bottom left no-repeat;
}
#side-menu li {
	list-style: none;
	margin: 0;
	padding: 0 7px;
}
#side-menu li a {
	text-decoration:none;
	color: #333;
	padding: 6px 2px 6px 8px;
	border-bottom: #999 1px solid;
	display: block;
}
#side-menu li.selected a {
       color: #c00;
}
#side-menu li a:hover {
	text-decoration: underline;
	color: #c00;
}
#side-menu a.last {
	border: none;
}

/* ========      SUBHEAD    ======== */

#subhead {
	margin: 0 auto 15px;
	width: 945px;
}
#unit a {
	color: #C00;
	font-size: 250%;
	margin: 0;
	padding: 0;
	font-weight:normal;
}
#college {
	color: #666;
	font-size: 150%;
	padding: .3em;
	font-weight:normal;
}
/* ========      MAIN-CONTENT    ======== */

#main-content {
	position: relative;
	float: left;
	width: 750px;
	background: #C00 url("/images/layout/bg-maincontent.jpg") top no-repeat;
	padding: 5px 0 0 10px;
 }

 #main-content *,  #main-content .slide p a {
 	color: #333;
 }
 
 #main-content h1, #main-content .box h2, #main-content .page .sidebar .spiff h4 a,  #main-content .newsStoriesHeader {
 	color: #fff;
 }
 
 #main-content a {
 	color: #c00;
 }

/* ========      LAYER & GRID    ======== */

.layer {
	margin: 15px 0 10px 0;
	padding: 0 0 20px 0;
	width: 750px;
	float: left;
	clear: left;
	display: inline;
}

.layerbottom{
	clear: both;
	float: left;
	display: block;
	}
.one-three-grid {

	background: url("/images/layout/bg-1-3-layer.gif") left bottom no-repeat;
}
.two-two-grid {
	background: url("/images/layout/bg-2-2-layer.gif") left bottom no-repeat;
}
.three-one-grid {
	background: url("/images/layout/bg-3-1-layer.gif") left bottom no-repeat;
}
.four-grid {
	background: url("/images/layout/bg-4-layer.gif") left bottom no-repeat;
}
/* ========      BOX   (SINGLE, DOUBLE, TRIPLE, FULL-WIDTH)     ======== */

.box {
	float: left;
	margin: 15px 10px 0 0;
	padding: 0;
	display: inline;
}
.box h2 {
	padding: 5px 2px 5px 15px;
	color: #FFFFFF;
	font-size: 130%;
	position: relative;
	top: -30px;
	margin:  0 0 -30px 0;
	z-index: 100;
}
.single {
	width: 183px;
}
.double {
	width: 365px;
}
.triple {
	width: 547px;
}
.full-width {
	width: 740px;
}
.single h2 {
	background: url("/images/layout/bg-header-singlebox.gif") top no-repeat;
}
.double h2 {
	background: url("/images/layout/bg-header-doublebox.gif") top no-repeat;
}
.triple h2 {
	background: url("/images/layout/bg-header-triplebox.gif") top no-repeat;
}
.full-width h2 {
	background: url("/images/layout/bg-header-fullwidthbox.gif") top no-repeat;
}
.box h3, .box h4 {
	margin: 0;
	padding: 10px 8px 0;
	float: left;
}
.box p {
	margin: 0;
	padding: 5px 8px 10px 8px;
	float: left;
}
.single h3, .single h4, .single p {
	width: 167px;
}
.double h3, .double h4, .double p {
	width: 349px;
}
.triple h3, .triple h4, .triple p {
	width: 531px;
}
.full-width h3, .full-width h4, .full-width p {
	width: 724px;
}
/* ========      TABS    ======== */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	background: #D4D7D7 url("/images/layout/bg-tabs-bar.gif");
}
.single ul.tabs {
	width: 183px;
}
.double ul.tabs {
	width: 365px;
}
.triple ul.tabs {
	width: 547px;
}
.full-width ul.tabs {
	width: 740px;
}
ul.tabs li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}
ul.tabs li a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #000;
	width: 162px;
	;
}
ul.smalltabs li a {
	width: 71px;
}
ul.tabs li a:hover {
	text-decoration:none;
	color: #C00;
	background:url("/images/layout/bg-tabs-hover.gif");
}
ul.smalltabs li a:hover {
	background:url("/images/layout/bg-smalltabs-hover.gif");
}
ul.tabs li.selected-tab a {
	color: #C00;
	background: url("/images/layout/bg-tabs.gif");
}
ul.smalltabs li.selected-tab a {
	background: url("/images/layout/bg-smalltabs.gif");
}
/* ========     SPIFFS    ======== */
.spiff {
	float: left;
	padding: 0;
	margin: 0 0 10px 0;
	border: none;
	width: 182px;
}

.spiff img {
	margin: 0 0 5px 0;
	width: 182px;
}
.spiff ul li {
	float: none;
	margin: 3px 0 0 20px;
	list-style-image: url("/images/arrow-c00-on-fff.gif");
	list-style-position: outside;
}
.box .spiff h3, .box .spiff h4, .box .spiff p {
	width: 166px
}
.page {
	background: #FFF;
	width: 740px;
	float: left;
	min-height: 400px;
}
.page h1 {
	background: #4E4B4B url("/images/layout/bg-page-hdr.jpg") repeat-x;
	text-transform: uppercase;
	color: #FFF;
	font-size: 125%;
	margin:0;
	padding: 5px 10px 5px 10px;
}
.page h1 .subtitle {	display: inline;}
.page p, .page h2, .page h3, .page h4 {	margin: 10px;}
.page .banner {
	width: 740px;
	margin: 0;
	padding: 0;
	border: none;
}
.page .column {	float: left;}
.page .main {	width: 490px;}
.page .sidebar {
	width: 249px;
	border-left: #CCC 1px solid;
}
.page .sidebar h2 {
	text-transform: uppercase;
	font-size: 100%;
	margin: 10px 5px;
	padding: 5px 0;
	border-bottom: #999 1px solid;
}
.page .sidebar .links ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}
.page .sidebar .links ul li {
	background: url("/images/icons/arrow-list.gif") left no-repeat;
	padding: 0 5px 0 10px;
	margin: 5px 0;
	border-bottom: #CCC 1px solid;
}
.page .sidebar .spiff {
	width: 189px;
	margin: 10px 15px;
	background:url("/images/layout/bg-sidebarspiff.gif") bottom no-repeat;
}

.page .sidebar .spiff h4 {
	padding: 0;
	margin: 0; 
}
.page .sidebar .spiff h4 a {
	background: url("/images/layout/bg-sidebarspiff-hdr.jpg") top no-repeat;
	width: 159px;
	display: block;
	color: #FFF;
	padding: 5px 15px;
}

.page .sidebar .spiff img {
	width: 183px;
	padding: 0 3px;
	}

.page ul, .page ol {
	margin: 0 0 0 20px;
	}

.article-list h4{
	margin-top: 10px;
	}

.article-list p{
	margin-bottom: 10px;
	border-bottom: #CCC 1px solid;
	}

Box1Title, Box2Title {color: #FFF;}

table.facultylist {
	padding: 0;
	border: none;
	background: none;
	}
table.facultylist td, table.facultylist th { 
	padding: 0; 
	border:none;
	background:none;
	}

table.facultylist li{
	list-style:none;
	}
	
	
/* ========      SIDE-NAV    ======== */

#side-nav {
	width: 160px;
	padding: 0 0 15px 0;
	margin: 0;
	float: left;
	background: #FFF;
	border: 1px #000;
	list-style-position: outside;
	list-style-type: none;
}
#side-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0;
	border-bottom: #CCC 1px solid;
}
#side-nav .new-section {
	margin-top: 10px;
	padding-top: 10px;
	border-top: #ccc 1px solid;
}
	
#side-nav a {
	display: block;
	padding: 7px 11px;
	margin: 0px;
	/*font-size: 110%;*/
	}
#side-nav li.selected a{
	background: #FFF url("/images/display/bg-horizontal-gray-fade-selected.gif") repeat-y;
	color: #000;
	}
#side-nav li.opened a{
	background: #FFF url("/images/display/bg-horizontal-gray-fade.gif") repeat-y;
	color: #C00;
	}
	
	

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

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

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

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

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

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

/* ========      TACTICAL    ======== */
ul.tactical, #page ul.tactical{
	padding:0px;
	margin: 0 0 10px 0;
	}

ul.tactical li, #page 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;
	}

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

ul.tactical li.selected a { color: #666;}


/* temp fix for XSLT bug where it opens tags without closing them */
.box h2 div {
        position: relative;
	top: 30px;
	font-size: 13px;
	padding: 0 0 0 0;
        margin: 0 -1px 0 -5px;
	}
.box h2 .right { 
        margin: 0; 
        position: relative; 
        top: 30px;
        margin: 0 -2px 0 -15px;
	font-size: 13px;
        }

table.allborders
{
	color:#666666;
	margin-bottom:1em;
	}

table.allborders td, table.allborders th
{
	border:1px solid #ccc;
	padding: 4px;
	font-size:.8em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	}
	
table.allborders th
{
	text-align:left;
	color:#000000;
	background-color:#eae9e9;
        background-image:none;
	background-repeat:no-repeat;
	font-size:.85em;
	}
	
caption
{
	font-size:.8em;
	text-align:left;
	margin:.5em 0;
	color:#000;
	font-size:1.25em;
	border-bottom:1px solid #000;
	}
	
table.allborders td em
{
	color:#FF0000;
	}
	
table.allborders td.closed
{
	background-color:#eae9e9;
	font-size:.85em;
	color:#999;
	}

table.noborders
{
	margin-bottom:1em;
	}

table.noborders td, table.noborders th
{
	border:0;
	padding: 8px;
	font-size:.8em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	}

.ambassador
{
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
	}
	
	
.photo
{
	padding:8px;
	width:170px;
	float:left;
	}
	
.description
{
	float:left;
	}
	
.clear
{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}



/* ========      MISC    ======== */

.insetLeft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.insetRight {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.newTag {
	padding-right: 35px;
	background: url(/images/layout/newTag.png) center right no-repeat;
}

.newServiceTag {
	padding-right: 68px;
	background: url(/images/layout/newServiceTag.png) center right no-repeat;
}

a.facebookLink {
        background: url(/images/icons/facebookLogo.gif) bottom left no-repeat;
        display: inline-block;
        width: 72px;
        height: 16px;
        vertical-align: -1px;
}