/***********************************************************************
    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/parents/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;
}
#side-content-bar {
    position: absolute;
    z-index: -1;
    top: 20px;
    left: 162px;
    width: 13px;
    height: 100px;
    background: url("/images/parents/layout/nsm-bg-sidemargin3.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 {
    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/parents/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/parents/layout/bg-sidemenu.jpg") bottom left no-repeat;
}
#side-menu ul.menu2 {
    padding: 0;
    background: url("/images/parents/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/parents/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;
 }

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

ul#tactical {
    float: right;
    clear: right;
    background: url(/images/parents/layout/bg-tacticalTab_right.gif) top right no-repeat;
    margin: 0 10px 0 0;
    padding: 0;
    height: 26px;
    overflow: visible;
        _margin-bottom: -14px;
}

ul#tactical span {
    display: block;
    background: url(/images/parents/layout/bg-tacticalTab_left.gif) top left no-repeat;
    height: 26px;
        _width: 235px;
}

ul#tactical li {
    list-style:none;
    float: right;
    padding: 0 5px 5px 5px;
}

ul#tactical li a {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 13px;
        font-weight: normal;
    color: #fff;
    text-decoration: none;
    padding: 2px 5px 0 5px;
}

ul#tactical li a:hover {
    text-decoration: underline;
}

/* ========      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/parents/layout/bg-1-3-layer.gif") left bottom no-repeat;
}
.two-two-grid {
    background: url("/images/parents/layout/bg-2-2-layer.gif") left bottom no-repeat;
}
.three-one-grid {
    background: url("/images/parents/layout/bg-3-1-layer.gif") left bottom no-repeat;
}
.four-grid {
    background: url("/images/parents/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: 546px;
}
.full-width {
    width: 740px;
}
.single h2 {
    background: url("/images/parents/layout/bg-header-singlebox.gif") top no-repeat;
}
.double h2 {
    background: url("/images/parents/layout/bg-header-doublebox.gif") top no-repeat;
}
.triple h2 {
    background: url("/images/parents/layout/bg-header-triplebox.gif") top no-repeat;
}
.full-width h2 {
    background: url("/images/parents/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/parents/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/parents/layout/bg-tabs-hover.gif");
}
ul.smalltabs li a:hover {
    background:url("/images/parents/layout/bg-smalltabs-hover.gif");
}
ul.tabs li.selected-tab a {
    color: #C00;
    background: url("/images/parents/layout/bg-tabs.gif");
}
ul.smalltabs li.selected-tab a {
    background: url("/images/parents/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/parents/layout/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/parents/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/parents/layout/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/parents/layout/bg-sidebarspiff.gif") bottom no-repeat;
}

.page .sidebar .spiff h4 {
    padding: 0;
    margin: 0; 
}
.page .sidebar .spiff h4 a {
    background: url("/images/parents/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 .sidebar .column_img{
    width: 249px;
}
.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/parents/layout/display/bg-horizontal-gray-fade-selected.gif") repeat-y;
    color: #000;
    }
#side-nav li.opened a{
    background: #FFF url("/images/parents/layout/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/parents/layout/display/bg-horizontal-gray-fade.gif") repeat-y;
    color: #C00;
    }

#side-nav li.opened li.selected a{
    background: #FFF url("/images/parents/layout/display/bg-horizontal-yellow-fade-selected.gif") repeat-y;
    color: #000;
    }    
#side-nav li.opened li.opened a {
    background: #FFF url("/images/parents/layout/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/parents/layout/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/parents/layout/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/parents/layout/display/bg-horizontal-tan-fade-selected.gif") repeat-y;
    color: #000;
    }    
#side-nav li.opened li.opened li.opened a{
    background: #FFF url("/images/parents/layout/display/bg-horizontal-tan-fade.gif") repeat-y; 
    color:#C00;
    }
    

#side-nav li.opened li.opened li.selected li a {
    background: #FFF url("/images/parents/layout/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/parents/layout/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/parents/layout/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;
        width:100%;
        margin:5px;
    }

table.allborders td, table.allborders th
{
    border:1px solid #ccc;
    padding: 4px;
    font-size:.9em;
    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:.92em;
    }
    
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;
    }

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

.description h2
{
        font-size:1.1em;
}

#videocontainer
{
    position:relative;
z-index:100;
    margin:-75px 0 10px 65px;
        padding:12px 0 0 12px;
    width:580px;
    height:450px;
        background-image: url("/images/parents/layout/nsm/giving/videoplayer_bg_jpg.jpg");
        background-repeat:no-repeat;
    }

table.noborder, table.noborder td,table.noborder th
{
        background-color:#fff;
        border:0;
}

/* ========      WEB APPS MENU    ======== */

div#webServices {
  position: absolute;
  left: 265px;
  top: 31px;
  z-index: 50;
}
    
div#menuBox {
  width: 483px;
  height: 50px;
  padding-top: 5px;
  background: url(/images/parents/layout/bg_webAppsMenu.jpg) bottom left repeat-x;
  border: 1px solid #ccc;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  float: right;
}

div#menuBox a {
  display: inline-block;
  height: 43px;
  margin-left: 10px;
  margin-right: 10px;
}

a#vnetLink {
    background: url(/images/parents/layout/icons/vnetButton.gif) no-repeat top left;
  width: 133px;
}

a#webctLink {
    background: url(/images/parents/layout/icons/webCtButton.gif) no-repeat top left;
  width: 127px;
}

a#casaLink {
    background: url(/images/parents/layout/icons/casaButton.gif) no-repeat top left;
  width: 62px;
}

a#myuhLink {
    background: url(/images/parents/layout/icons/myUhButton.gif) no-repeat top left;
  width: 69px;
}

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

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

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

#side-nav {
    padding-top: 0 !important;
}

#side-nav:before {
    /*border-bottom: 1px solid #999;*/
    content: 'Parents';
    display: block;
    font-family: 'TexGyreAdventor', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    padding: 6px 0;
    position: relative;
    width: 216px;
}

#side-content {
    padding-top: 0 !important;
}

#main-content #page {
    margin-top: -36px !important;
}