/*
 * Author: Sarah Rick, James Turner, Traci Williams
 * Created: 1/8/2009
 * Copyright: Washtenaw Community College, Ann Arbor
*/

/* =overrides */

#branding-fixed dl, #branding-fixed dt, #branding-fixed dd, #branding-fixed ul, #branding-fixed ol, #branding-fixed li, #branding-fixed h1, #branding-fixed h2, #branding-fixed h3, #branding-fixed h4, #branding-fixed h5, #branding-fixed h6, #branding-fixed pre, #branding-fixed form, #branding-fixed fieldset, #branding-fixed input, #branding-fixed textarea, #branding-fixed p, #branding-fixed blockquote, #branding-fixed th, #branding-fixed td {
    margin:0; 
    padding:0;
}
#branding-fixed table {
    border-collapse:collapse;
    border-spacing:0;
}
#branding-fixed fieldset, #branding-fixed img {
    border:0;
}
#branding-fixed address, #branding-fixed caption, #branding-fixed cite, #branding-fixed code, #branding-fixed dfn, #branding-fixed em, #branding-fixed strong, #branding-fixed th, #branding-fixed var { 
    font-style:normal;
    font-weight:normal;
}
#branding-fixed ol,  #branding-fixed ul {  
    list-style:none;
}
#branding-fixed caption, #branding-fixed th {
    text-align:left;
}
#branding-fixed h1, #branding-fixed h2, #branding-fixed h3, #branding-fixed h4, #branding-fixed h5, #branding-fixed h6 {
    font-size:100%;
    font-weight:normal;
}
#branding-fixed q:before,  #branding-fixed q:after {
    content:'';
}
#branding-fixed abbr, #branding-fixed acronym { 
    border:0;
}

/* =id */

#branding-fixed {
    margin: 0 auto;
    width: 960px;
    background: url(../media/images/backgrounds/branding-fixed.gif) repeat-x 0 0;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    }
 
#branding-fixed h1 a { 
    float: left;
    position: relative;
    left: 10px;
    width: 230px;
    height: 56px;
    margin: 5px 0 10px;
    background: transparent url(../media/images/text/branding-fixed-h1.png) no-repeat scroll bottom left;
    text-indent: -9000px;
    }

#branding-fixed button {
    cursor: pointer;
    }

#branding-fixed legend {
    text-indent: -9000px;
    }

#navigation-global {
    float: left;
    height: 50px;
    }

#navigation-global li {
    float: left;
    margin: 10px 5px 10px 10px;
    }

#navigation-global li a {
    display: block;
    height: 27px;
    background-image: url(../media/images/text/navigation-global-a.png);
    background-repeat: no-repeat;
    text-indent: -9000px;
    }

#navigation-quick-links {
    float: right;
    margin: 8px 10px 0 0;
    }

#navigation-quick-links p a {
    display: block;
    width: 200px;
    height: 22px;
    padding: 5px 10px 0;
    background: #252525 url(../media/images/buttons/navigation-quick-links.png) no-repeat 196px top;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

#navigation-quick-links p a:hover {
    background-position: 196px center;
    color: #a0a0a0;
    }

#navigation-quick-links p a.active {
    background-position: 196px bottom;
    color: #a0a0a0;
    }

#navigation-quick-links li a {
    display: block;
    padding: 3px 10px;
    color: #cdcdcd;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
    }

#navigation-quick-links li a:hover {
    background: #1d1d1c;
    color: #f5f5f5;
    }
    
#navigation-quick-links ul {
    display: none;
    position: absolute;
    width: 219px;
    padding: 10px 0;
    border-right: 1px solid #060606;
    border-bottom: 1px solid #060606;
    background: #131313;
    opacity: 0.9;
    filter: alpha(opacity=90); /* reqiured for IE 7 */
    z-index: 100;
    }
   
#tools-fixed {
    position: relative;
    float: right;
    width: 235px;
    height: 50px;
    padding: 0 10px 0 0;
    }

#tools-fixed ol {
    margin-left: 15px;
    }
   
#tools-fixed em {
    position: absolute;
    bottom: 1px;
    color: #d6d6d6;
    font-size: 10px;
    line-height: 16px;
    }
    
#tools-fixed input {
    position: absolute;
    top: 12px;
    width: 153px;
    padding: 4px 0 1px 5px;
    border: 1px solid #666666;
    background: #eaeaea;
    font-weight: normal;
    }
    
#tools-fixed button {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    width: 55px;
    height: 22px;
    border: none;
    background: url(../media/images/buttons/search.png) no-repeat left top;
    text-indent: -9000px;
    }


/* =class */

#navigation-global li.about-us a {
    width: 80px;
    background-position: -460px 0;
    }

#navigation-global li.about-us a:hover {
    background-position: -460px -27px;
    }
    
#navigation-global li.academics a {
    width: 100px;
    background-position: -60px 0;
    }

    
#navigation-global li.academics a:hover {
    background-position: -60px -27px;
    }

#tools-fixed input.active {
    color: #999999;
    font-weight: bold;
}

#navigation-global li.activities a {
    width: 90px;
    background-position: -250px 0;
    }

#navigation-global li.activities a:hover {
    background-position: -250px -27px;
    }


#navigation-quick-links li.break {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #6d6d6d;
    }

.brian-wrap {
    width: 960px;
    margin: 0 auto;
    border-collapse:collapse;
    border-spacing:0;
    }
    
.clear {
    /* display: block; */ /* Is there any way to give this zero height? */
    clear: both;
    }
    
.hidden {
    display: block;
    overflow: hidden;
    float: left; /* sometimes required for inline elements */
    width: 0;
    height: 0;
    }

#navigation-global li.home a {
    width: 60px;
    background-position: 0 0;
    }
    
#navigation-global li.home a:hover {
    background-position: 0 -27px;
    }

#navigation-global li.mywcc a {
    width: 70px; 
    background-position: -540px 0;
    }
     
#navigation-global li.mywcc a:hover {
    background-position: -540px -27px;
    }
    
#navigation-global li.news-events a {
    width: 120px;
    background-position: -340px 0;
    }
    
#navigation-global li.news-events a:hover {
    background-position: -340px -27px;
    }
    
#navigation-global li.services a {
    width: 90px;
    background-position: -160px 0;
    }
    
#navigation-global li.services a:hover {
    background-position: -160px -27px;
    }

    
a.skip {
    display: block;
    overflow: hidden;
    width: 0; 
    height: 0;
    }

input.default {
    color: #999999;
    }