/*EM 'reset baseline' style rules*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    text-align: left;
    vertical-align: baseline;
    background: transparent;
}

a              { color: #B70101; text-decoration: none; }
a:hover        { text-decoration: underline; }
em             { font-style: italic; }
img            { border: none; }
strong         { font-weight: bold; }

.disappear     { left:-999em; position:absolute;}
.no_bullet     { list-style: none;}

li > h3, li > p, li > a           { font-size: 1em; }
ol li                             { list-style: decimal outside none; margin-left: 20px; margin-top: 10px;}
ul li                             { list-style: disc;}

abbr                                                       { speak: spell-out; }
acronym, abbr.initialism, dfn                              { cursor: help; }
acronym, abbr.truncation, dfn                              { speak: normal; }
blockquote, q                                              { quotes: "" ""; }
blockquote, q                                              { quotes: "" ""; }
caption, th, td                                            { text-align: left; font-weight: normal; }
cite                                                       { font-style: italic; }
q:before, q:after, blockquote:before, blockquote:after     { content: ""; }

/*tables still need 'cellspacing="0"' in the markup*/
table                                                      { border-collapse: collapse; border-spacing: 0;}

html {
    /*Image reference! Be sure to use CMS placeholder here.*/
    background-color: #FFFFFF;
    background-image: url(/images/window-bg.jpg); /*background-image: url(/images/window-bg.jpg);*/
    background-repeat: repeat-x;
    color: #000000;
}

body        { background-color: transparent; color: #333; font: normal 1em/1.5 "Lucida Grande", Verdana, sans-serif; margin: 40px auto 0; width: 960px; }
#header     { background-color: #B70101; color: #fff; height: 90px; position: relative; width: 100%; z-index: 11; }
#uwhome     { left: 75px; position: absolute; top: -26px; }
#crest      { height: 104px; left: 5px; position: absolute; top: -22px; width: 70px; z-index: 100; }


/*******************************
            global nav menu
*******************************/
#globalnav                    { font-size: 0.6875em; position: absolute; right: 7px; top: -21px; }
#globalnav li                 { border-left: 1px solid #c9ab80; display: inline-block; line-height: 1; padding: 0px 10px 0 10px; }
#globalnav #uwsearch          { border-left: 0; padding-left: 0; }
#globalnav #last_tool         { padding-right: 0; }
#globalnav a                  { color: #efe8d8; display: block; line-height: 1; margin: 0; padding: 0 0 1px 0; }
#siteTitle                    { left: 80px; position: absolute; top: 20px; width: 600px; }

h1 span {
    /*Image reference! Be sure to use CMS placeholder here.*/
    background-image: url(/images/site-title.png); /*background-image: url(/images/site-title.png);*/
    background-repeat: no-repeat;
    height: 36px;
    left: 0;
    margin-top: 15px;
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 640px;
    z-index: 5000;
}

h1 a                  { display: block; height: 100%; margin-top: 0px; text-indent: -999em; width: 100%; }
#tagline              { color:#F7F5E8; font-size:0.775em; font-weight:bold; margin: 4px 0 0 2px; padding-top: 30px; }
#search               { color: #eee7d6; font-size: 0.6875em; position: absolute; right: 5px; top: 14px; }
#search > div         { display: inline; }
#search > label       { margin-right: 3px; }
#search > input       { margin-right: 2px; }
#cse                  { margin-top: 50px;}
#textBox              { float: left; font-size: 11pt; margin: 10px 10px 0px 10px; width: 685px; }
#textBox + #textBox   { margin-top: 0px;}



/*******************************
            navigation menus
*******************************/
.main-menu  {
    /*Image reference! Be sure to use CMS placeholder here.*/
    -moz-box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
    -webkit-box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
    background: transparent url(/images/nav_bg.jpg) repeat-x; /*background: transparent url(/images/nav_bg.jpg) repeat-x;*/
    box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
    color: #333;
    position: relative;
    width: 100%;
    z-index: 10000;
}
.main-menu > li {
    /*Image reference! Be sure to use CMS placeholder here.*/
    /*min-width: 120px;*/
    background: transparent url(/images/nav_button_border.gif) no-repeat right; /*background: transparent url(/images/nav_button_border.gif) no-repeat right;*/
    display: inline-block;
    font-size: 0.8125em;
    height: 25px;
    line-height: 25px;
    position: relative;
    vertical-align: top;
}
.main-menu > li:hover, .main-menu > a:focus, .main-menu > a:hover, .main-menu > a:active, .main-menu .current         { background-color: #e7d9c1; text-decoration: none; }
.main-menu > li a                { padding-left: 0;}
.main-menu h2                    { height: 100%; width: 100%; }
.main-menu h2 > a                { background-color: transparent; color: #b70101; display: block; height: 100%; line-height: 24px; padding: 0 10px; position: relative; text-align: left; text-transform: uppercase; }
.main-menu .current h2 > a       { color: #B70101; }
.main-menu h2 > a:hover          { text-decoration: none; }
.main-menu > #n_search:hover     { background-color: transparent; }
.current a                       { color: #333; }

/*******************************
            submenus
*******************************/
.main-menu > li:hover > ul, .main-menu > .sfHover > ul     { left: -1px; position: absolute; top: 25px; /* match top ul list item height */ z-index: 99; }
.submenu                                                   { -moz-box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4); -webkit-box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4); background-color: #e7d9c1; border-color: #AB907D; border-style: none none solid solid; border-width: 1px; box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4); opacity: .95; padding: 10px 0; width: 200px; }
.submenu > li                                              { background-color: transparent; display: block; line-height: 1.2; margin-bottom: .75em; margin-left: 7px; margin-right: 4px; }
.submenu > li > a:link                                     { font-size: 1em; margin-left: 7px; margin-right: 4px; text-align: left; text-transform: none; }
.submenu > li > a:hover, .submenu > li > a:focus           { background-color: #d0bd9a; color: #b70101; text-decoration: none; }
ul.submenu li h2 a                                         { width: 100%; }
ul.submenu li h2 a:hover                                   { background-color: #d0bd9a; }
ul.submenu2                                                { margin-left: 5px; }
ul.submenu2 li                                             { width: 100%; }

/*** additional superfish rules (adapted from superfish.css) ***/
.main-menu, .main-menu *                                          { list-style: none; margin: 0; padding: 0; }
.main-menu                                                        { line-height: 1.0; }
.main-menu .submenu                                               { position: absolute; top: -999em; width: 20em; /* left offset of submenus need to match (see below) */ }
.main-menu .submenu li                                            { max-width: 90%; }
.main-menu li:hover                                               { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.main-menu li                                                     { position: relative; }
.main-menu a                                                      { display: block; position: relative; }
.main-menu li:hover .submenu, .main-menu li.sfHover .submenu                     { left: 0; padding-top: 10px; top: 25px; /* match top ul list item height */ z-index: 99; }
ul.main-menu li:hover li .submenu2, ul.main-menu li.sfHover li .submenu2         { top: 0; }
ul.main-menu li li:hover .submenu, ul.main-menu li li.sfHover .submenu           { left: 20em; /* match ul width */ top: 0; }
ul.main-menu li li:hover li .submenu, ul.main-menu li li.sfHover li .submenu     { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul                     { left: 10em; /* match ul width */ top: 0; }

/*******************************
            breadcrumbs
*******************************/
#breadcrumbs                           { background-color: transparent; float: right; font-size: 0.8em; font: 100%/1.5 "Lucida Grande",Verdana,sans-serif; height: 1em; margin-top: 15px; position: relative; text-align: right; }
#breadcrumbs > li                      { display: inline; height: 100%; margin-left: 5px; }
#breadcrumbs a                         { font-size: 0.8125em; }
#breadcrumbs li:before                 { content: '> '; font-size: 0.6875em; }
#breadcrumbs li:first-child:before     { content: ''; }
#breadcrumbs li:first-child            { margin-left: 0; }

/*******************************
            left sidebar area
*******************************/

#secondary-nav                                 { font-size: 0.875em; margin: 40px 0 50px 0; width: 100%; }
#super-secondary-nav                           { border: 1px solid #C6BD88; background-color: #f7f5e8; margin: 30px 0 20px -15px; padding: 10px 10px 0 10px; }
#super-secondary-nav  + #secondary-nav         { margin: 20px 0 0 0; }

#super-secondary-nav, .callout-box, .newsflash-box {
    border-radius: 5px;
    font-size: 0.9em;
    padding: 10px 10px 0 10px;
    width: 172px;
}
.callout-box {
    background-color: #F2EEEB;
    border: 1px #6E6A5B dashed;
    margin: 10px 0 20px -15px;
   
}
.newsflash-box {
    background-color: #f6f5f4;
    border: 1px #b70101 solid;
    margin: 40px 0 20px -15px;
padding-bottom: 10px;
   
}
 
}
#secondary-nav li, #super-secondary-nav li {
    line-height: 1.2;
    list-style: none;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    text-transform: uppercase;
    font-size: 10.5pt;
}
#sidebar h2           { color: #666; font-size: 0.8125em; margin: 1em 0 .5em 0px; text-transform: uppercase; }
#sidebar p            { font: .85em 'Trebuchet MS', Helvetica, sans-serif; margin-top: .25em; }
.callout-box strong,   { color: #b70101; font: normal bold 1.10em 'Trebuchet MS', Helvetica, sans-serif; }
.callout-box p strong      { color: #000; font-size: 1.0em; }

#super-secondary-nav li                 { font-size: 0.875em; text-transform: none; margin-left: 10px; }
#super-secondary-nav li:first-child     { font-size: 1em; font-weight: bold; list-style: none; margin-left: 0px; }
ul#secondary-nav li ul#secondary-nav    { margin: 0; }
#quicklinks li                          { line-height: 1.2; list-style: none; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; }
#quicklinks a                           { font-size: 0.875em; }
#sidebar .highlight                     { margin: 50px 0;}
#sidebar .highlight img                 { border:2px solid #FFFFFF; box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4); -moz-box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4); -webkit-box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4); }



/*******************************
            layout
*******************************/
#shell {
    /*Image reference! Be sure to use CMS placeholder here.*/
    background-color: #f7f5e8;
    background-image: url(/images/shell_bg.png); /*background-image: url(/images/shell_bg.png);*/
    background-repeat: repeat-y;
    border-color: #c3bca1 #c3bca1 #b70101;
    border-style: none solid solid;
    border-width: 1px 1px 2px;
    padding-bottom: 30px;
    position: relative;
    width: 958px;
}

.col                 { display: inline-block; vertical-align: top; }
#sidebar             { padding: 0 15px 0 30px; width: 180px;}
#content                { background-color: #FFFFFF; font: 1em/1.5 'Trebuchet MS', Helvetica, sans-serif; margin-right: 9px; padding: 0 0; width: 698px; }
#sidebar:after     { background-color: #EFE8D8; bottom: 0; content: ''; height: 100%; left: 0; position: absolute; width: 225px; z-index: -2; }
#content:after     { background-color: #fff; bottom: 0; content: ''; height: 100%; left: 225px; position: absolute; width: 663px; z-index: -2; }
#content p, #textBox p, #textBox li         { font-size: 13px; margin-bottom: 10pt; margin-top: 5pt; }
#content h1, #textBox h1, #textBox h1 p     { color: #b70101; font-size: 1.75em; font-weight: bold; margin-bottom: 10px;}
#content h2, #textBox h2, #textBox h2 p     { color: #b70101; font-size: 1.4em; font-weight: bold; }
#content h3, #textBox h3, #textBox h3 p     { font-size: 1.15em; font-weight: bold; }

.newsArticle {
    float: left; 
    margin: 2em 1em 1.5em; 
    width: 685px;
}
#date {
    color: #6e6a5b;
    font-weight: bold;
}
#content > .newsArticle h2 {
    color: #333;
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: .5em;
}
#content > .newsArticle h3 {
    color: #333;
    font-size: 1em;
    line-height: 1.25em;
}

#content a {
    border-bottom: 1px solid transparent;
    transition: border 200ms linear; -webkit-transition: border 200ms linear; -moz-transition: border 200ms linear;
}

#content a:hover {
    border-bottom: 1px solid #b70101;
    text-decoration: none;
}

#textBox a[href $=".pdf"] {
    background: transparent url(/images/icon_pdf.png) no-repeat center right;
    line-height: 18px;
    padding-right: 20px;
}
#textBox a[href $=".doc"], #textBox a[href $=".docx"] {
    background: transparent url(/images/icon_doc.png) no-repeat center right;
    line-height: 18px;
    padding-right: 20px;
}

#textBox a[href $=".rtf"] {
    background: transparent url(/images/icon_rtf.png) no-repeat center right;
    line-height: 18px;
    padding-right: 20px;
}

/*******************************
    basic content styles
*******************************/
#content > ul {
    margin: 2em 0 1em 1.5em;
}

#textBox > ul                         { margin: 1em 0 1em 1.5em; }
#content > ol,   #textBox > ol        { margin: 1em 0 1em 1.5em; }
#content li,  #textBox > li           { margin-bottom: 1em; }
#content.main ul li h2                { list-style: none; }

#content > #textBox:first-child       { margin-top: 30px;}



.right            { float: right; margin: 0 0 1.5em 2.5em; }
.left             { float: left; margin: 0 1.5em 2.5em 0; }
#banner-photo     { margin: -20px 0 0 -30px; }
.photo-credit     { font-size: 0.65em; margin: -4px -24px 0 0; text-align: right; }
.photo            { width: 204px; }
.photo > img      { border: 2px solid #DDDAC7; }
.photo > p        { color: #7f7c5e; font-size: 0.7125em; line-height: 1.3; }
.credit           { display: block; font-size: .9em; margin-top: 0.75em; text-transform: normal; }
/*******************************
      footer and skip links
*******************************/
#footer           { background-color: transparent; border-top: 10px #666152 solid; color: #666; font-size: 0.6875em; line-height: 1; padding-bottom: 40px; padding-top: 10px; width: 100%; }
#footer p         { margin-bottom: .5em; text-align: center; }

.skip a, .skip a:hover, .skip a:visited     { color: #fff; font-size: .725em; height: 1px; left: 0px; overflow: hidden; padding: 0 5px; position: absolute; top: -1000px; width: 1px; }
.skip a:active, .skip a:focus               { color: #fff; height: auto; left: 5px; position: absolute; top: -35px; width: auto; }
.hide                                       { height: 0; left: -5000em; position: absolute; top: -100em; }
.hide a, .hide a:hover, .hide a:visited     { left: -5000em; position: absolute; top: 0; }
.hide a:focus                               { height: auto; position: static; width: auto; }
a:hover, a:active                           { outline: none; }

/*******************************
            landing pages
*******************************/
#landing                    { height: 200px; margin-left: -6px; overflow: hidden; padding: 0; width: 733px; }
#landing.featured li        { float:left; height:200px; list-style:none; position:absolute; top:-5px; width:733px; }
#landingtagline             { border-top: 1px solid #C0504D; margin: 5px 0 0 -6px; padding: 2px 0 0 0; width: 733px; }
#landing h2 {
    background: rgb(255,255,255); /* fallback color */
    background: rgba(255,255,255, 0.70);
    font: bold 1.8em/1.6em 'Trebuchet MS', Helvetica, sans-serif;
    height: 40px;
    letter-spacing: -1pt;
    position: absolute;
    text-align: right;
    top: 160px;
    width: 733px;
    z-index: 3;
}
#content h2 span.spacer                { padding:0 10px; }
#landing img                           { width: 100%; }
#landing.featured ul                   { height:245px; position:relative; width:733px; }
#landing.featured ul.rotate li img     { margin-right: -5px; width: 766px;}
#landingtagline h2                     { font: italic bold .95em/1.1em 'Trebuchet MS', Helvetica, sans-serif; text-align: right; }
/*******************************
            table styles
*******************************/
.datatable                             { border-bottom: solid 1px #b0b0b0; margin: 10px 0 30px 0; width: 100%; }
.datatable TH, .grid .datatable TD     { text-align: left; } 
.datatable TH                          { color: #999; font-weight: bold; padding: 0 8px; }
.datatable TH A                        { margin-left: 5px; text-decoration: none; }        
.datatable TD                          { border-bottom: solid 1px #dedede; color: #111; padding: 6px 8px; }
.datatable TH A:hover                  { text-decoration: underline; }                
.datatable .altrow TD                  { background-color: #f9f9f9; }
.datatable TD.money                    { color: Green; }
/*******************************
            profile pages
*******************************/

#profiles                              { margin: 30px 0; }
#profiles h1                           { margin: 0px 10px 10px 10px; }
.profile h3 a                          { color: #b70101; font-weight: bold; }
.profile {  
    background: none repeat scroll 0 0 #EFE8D8;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border: 1px solid #C6BD88;
    clear: both;
    height: 110px;
    margin: 0 10px 20px 20px;
    padding: 10px 10px 0;
}
.profile .avatar img {
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    border:2px solid #fff;
    float: left;
    margin:0px 0 20px;
    vertical-align:middle;
    width:100px;
}
.profile h3, .profile p, .profile ul {
    font-style:normal;
    margin: 0 0 0 140px !important;
    padding-top:0;
    width:486px;
}
.profile p, .profile ul         { font-size: 1em !important; }
.profile h3                     { font-size:1.25em; }
.profile li                     { display: inline; list-style-type: none; padding-right: 10px; }

#profilePage                                         { float: left; margin: 10px 10px; width: 678px;}
#profilePage .titles                                 { font-style: italic; font-size: 1em;}
#profilePage #publications p                         { padding-left: 30px; text-indent: -30px; }
#profilePage #publications li                        { font-size: 13px; margin-left: 10px; }
#profilePage h4                                      { font-weight: bold;}
#profilePage .details p, #profilePage .details li    {  font-size: 13px; margin: 0; }
#profilePage .details                                { margin-bottom: 10px; }
#profilePortrait {
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    border-radius: 15px/10px; -moz-border-radius: 15px/10px; -webkit-border-radius: 15px/10px;
    border: 2px solid #900;
    box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000;
    float: right;
    margin: 0 0 15px 15px;
    width: 30%;
}




#faq h3.question {
    margin: 1em 0 0 0;
    word-spacing: -1pt;
}
#faq h3.question:hover {
    color: #b70101;
}
#faq h3.question:after {
    content: " \00AB";
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
    color: #b70101;    
}
#faq h3.question.collapsed:after {
    content: " \00BB";
}
#faq .answer {
    margin: 0 1em; 
    padding-left: 1em; 
    border-left: 3px solid #caccbd;
}
@media print { 
    .answer {
        display: block !important;
    } 
    #sidebar {
        display:none;
    }
    #shell {
        padding-bottom: 0;
    }
    #content {
        margin-right: 0; padding: 20px; width: 918px;
    }
    #textBox{
        width: auto;
    }
}