@charset "UTF-8";
/* CSS Document */

body{
    padding: 0 0 0 0;
    margin: 0 0 0 0;}
    
.sliver_holder p {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: .05em;

}
.sliver_holder a { color: #FFF;
    text-decoration: none;
}
.sliver_holder {
    display: block;
    width: 100%;
    padding:0;
    margin:0;   
    background: url(../images/sliver/bg_bar.png) repeat-x scroll left top;
    height: 30px;
    }
    
.sliver_container {
    height: 30px;
    margin: 0 auto;
    width: 960px;
    }
.sliver_container img{
    border: none;
    }    
.wordmark {
    height: 30px;
    float: left;
}

.siu_edu  {
    display: block;
    float: right;
    height: 23px;
    color: #FFF;
    margin-top: 0px;
    margin-right: 35px;
    font-size: 13px;
    padding-top: 6px;
    padding-right: 10px;
    background-image: url(../images/sliver/nav_bullet.png);
    background-repeat:no-repeat;
    background-position: right;

    
}
.contact  {
    display: block;
    float: right;
    height: 23px;
    color: #FFF;
    margin-top: 0px;
    margin-right: 15px;
    font-size: 13px;
    padding-top: 6px;
    padding-right: 10px;
    background-image: url(../images/sliver/nav_bullet.png);
    background-repeat:no-repeat;
    background-position: right;
}
.hide {
    left: -5000em;
    padding: 0;
    position: absolute;
    top: -5000em;
}
#menuh-container
    {
    float: right;
    top: 1em;
    left: 1em;
    }

#menuh
    {
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    width:100%;
    float:left;
    margin-left: 25px;
    }
        
#menuh a
    {
    text-align: left;
    display:block;
    white-space:nowrap;
    padding: .4em 1.5em .4em 1.3em;
    
    }
    
#menuh a:link, #menuh a:visited, #menuh a:active    /* menu at rest */
    {
    color: #d9d6cb;
    background-color:#333;  
    text-decoration:none;
    
    }
#menuh a.top_parent
{
    color: #d6d7c9;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: .05em;
    padding: .5em 1.5em .6em 1em;

    }
#menuh a.top_parent:hover
{
    color: #d6d7c9;
}

#menuh a:hover                      /* menu on mouse-over  */
    {
    color: #BBB8AB;
    background-color: #333;
    text-decoration:none;
    }   
    
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
    {
    background-image:  url(../images/sliver/three_1.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    }
    
#menuh a.parent, #menuh a.parent:hover  /* attaches side-arrow to all parents */
    {
    background-position: right center;
    background-repeat: no-repeat;
    }

#menuh ul
    {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:10em; 
    /* width of all menu boxes */
    /* NOTE: For adjustable menu boxes you can comment out the above width rule.
    However, you will have to add padding in the "#menh a" rule so that the menu boxes
    will have space on either side of the text -- try it */
    }

#menuh li
    {
    position:relative;
    min-height: 1px;        
    vertical-align: bottom;
    }

#menuh ul ul
    {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    background-color: #333;

    }

#menuh ul ul ul
    {
    top:0;
    left:100%;
    }

div#menuh li:hover
    {
    cursor:pointer;
    z-index:100;
    }
    

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

.item_separation {
    border-top: 1px solid #666666;
    margin: 0 10px 0 10px;
    padding: 0;
    background-color: #333;
    display: block;
    white-space:nowrap;
}
#menuh li .secondlist a {
color: #a87f4d;
}
#menuh li .secondlist a:hover {
    color: #BBB8AB;
}

/* End CSS Drop Down Menu */


/*Start of Search Box*/

.search {
    float:right;
    width:138px;
    height: 29px;
    background:#FFFFFF;
    border-bottom:solid #adadad 1px;
}

 .search form#cse-search-box input.searchq#searchq {
    border: 0 none !important; 
}

.search input  {
    float:left;
    border-top:none !important; 
    border-left:none !important; 
    border-bottom:none !important; 
    width:104px;
    margin:8px 0;
    color:#adadad;
    font-size:11px;
    text-transform:uppercase;
    padding-left:8px;
    border-right:solid #adadad 1px;
}

 .search #search_keyword {
    position:absolute;
    padding:15px 10px 0 0;
    width:22px;
    height:16px;
    border:none;
    background-color:#FFF;
    background:url(../images/sliver/search_btn.png) 4px 0px no-repeat #FFF;
    cursor:pointer;
/*  border-left:1px solid #a1a1a1;*/
    margin: 6px 0;
}

.search a:hover {
    background:url(../images/sliver/search_btn_h.png) 6px 4px no-repeat;
    width:16px;
    height:16px;
}
