/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input {
    margin : 0;
    padding : 0
}
/* whoever thought blue linked image borders were a good idea? */
a img,
:link img,
:visited img {
    border : none
}
a:link {
    color : #00447C;
}
a:visited {
    color : #639;
}
a:hover {
    color : #B50938;
    text-decoration : none;
}
a:active {
    color : #000;
}
body {
    margin : 0 auto;
    padding : 0;
    /*background: url("../images/site-bk.jpg") repeat-y top center #F3F0E2;*/
    background-color : #F3F0E2;
    font-family : Arial, Helvetica, sans-serif;
    color : #333;
    text-align : center;
    font-size : 75%;
    line-height : 150%;
}
#floatpage {
    text-align : left;
    width : 985px;
    margin : 0 auto;
    position : relative; /*to fix jumping side navigation in IE7 */
}
.rightshadow {
    background-color : #fff;
    float : left;
    -moz-box-shadow : 3px 3px 4px #333;
    -webkit-box-shadow : 3px 3px 4px #333;
    box-shadow : 3px 3px 4px #333;
    /* For IE 8 */
    -ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
}
.leftshadow {
    float : left;
    -moz-box-shadow : -3px 3px 4px #333;
    -webkit-box-shadow : -3px 3px 4px #333;
    box-shadow : -3px 3px 4px #333;
    /* For IE 8 */
    -ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
}

/* fixes print-friendly in FF and IE7 - you need the element to have some value to make the rest work, not sure why??? */
#skiplink {
    border-top : 1px solid #3f68a3;
}
#skiplink p {
    left : -10000px;
    position : absolute;
}
#sitetitles {
    left : -10000px;
    position : absolute;
}
#header form {
    margin-bottom : 0;
}
#bannersearch {
    text-align : right;
    margin : 0;
    margin-top : 10px;
    margin-bottom : 6px;
    margin-right : 10px;
    padding : 0;
    margin : 0;
    position : absolute;
    right : 10px;
    top : 100px; /* added after putting bannersearch back into default.xml */
}
#bannersearch fieldset {
    border : none;
}
#bannersearch legend {
    display : none;
}
#bannersearch label {
    display : none;
}
#query {
    border : 1px solid #005984;
    margin-bottom : 2px;
    height : 20px;
    color : #333;
}
#searchbtn {
    border : none;
    color : #fff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    text-align : center;
    font-size : 12px;
    margin : 0;
    padding : 0;
    margin-left : 5px;
    padding-bottom : 1px;
    background : url("../images/search-bk.gif") no-repeat top left;
    height : 27px;
    width : 27px;
}
#searchbtn:hover {
    cursor : pointer;
}
#search {
    height: 20px;
    color: #666;
    
}
/*** banner ***/
#header {
    float : left;
    padding : 0;
    margin : 0;
    width : 100%;
    color : #fff;
    border-bottom : 1px solid #fff;
    background : url("../images/backgrounds/header-bk.gif") repeat-x top left;
    background-color : #fff;
    height : 200px;
}
#header img,
#header span {
    border : 0;
    float : left;
}
#ucsf {
    background : #666;
    float : left;
    width : 100%;
    height : 30px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    font-size : .9em;
}
#ucsf img {
    float : left;
    border : 0;
}
#ucsf p {
    float : left;
    width : auto;
    margin-top : 5px;
    margin-left : 10px;
    color : #fff;
}
#ucsf a,
#ucsf a:link,
#ucsf a:visited,
#ucsf a:hover {
    color : #fff;
}
.siteblurb {
    float : right;
    width : 450px;
    color : #B50938;
    font-size : 1.3em;
    padding-top : 10px;
    font-style : italic;
    margin-right: 10px;
}
.lang {
    float : right;
    background-color : #8b0304;
    padding : 5px;
    margin : 5px;
    font-weight : bold;
}
.lang a,
.lang a:link,
.lang a:visited,
.lang a:hover {
    color : #fff;
    text-decoration : none;
}
.site-name {
    position : absolute;
    left : -10000px;
}
/*** end banner  ***/
/*** content sub-navigation  related resources***/
#threecolcontainerhome {
    padding-right : 280px; /* RC fullwidth + CC padding */
    margin-bottom : 0;
    padding-bottom : 0;
    border-top : 2px solid #fff;
}
#threecolcontainer {
    padding-left : 215px; /* LC fullwidth */
    padding-right : 255px; /* RC fullwidth + CC padding */
    padding-bottom : 30px;
}
#nocolcontainer {
    padding-right : 40px; /* RC fullwidth + CC padding */
    padding-bottom : 30px;
    background-color : #fff;
}
#leftcolcontainer {
    padding-left : 173px; /* LC fullwidth */
    padding-right : 40px; /* RC fullwidth + CC padding */
    padding-bottom : 30px;
}
#leftcolcontainerhome {
    padding-left : 340px; /* LC fullwidth */
    padding-right : 20px; /* RC fullwidth + CC padding */
    padding-bottom : 0;
    padding-top: 20px;
}
#rightcolcontainer {
    padding-right : 250px; /* RC fullwidth + CC padding */
}
#container {
    padding-left : 173px; /* LC fullwidth */
    padding-right : 176px; /* RC fullwidth + CCW padding */
    padding-bottom : 30px;
}
#content-target {
    clear : both;
    background-color : #fff;
}
/*** faux columns ***/
#leftfauxcol,
.leftfauxcol {
    width : 100%;
    float : left;
    /*background: url("../images/columns/right.gif") repeat-y top left;*/
    background-color : #fff;
}
#rightfauxcol,
.rightfauxcol {
    width : 100%;
    float : left;
    /*background: url("../images/columns/right.gif") repeat-y top right;*/
}
#rightfauxcolhome {
    width : 100%;
    float : left;
    /*background : url("../images/columns/righthome.gif") repeat-y top right;*/
}
/* to fix a opposite column showing at the bottom */
#leftfauxcol #leftcolcontainer {
    background : url("../images/columns/left.gif") repeat-y top left;
    background-color : #fff;
}
#rightfauxcol #rightcolcontainer {
    /*background : url("../images/columns/right.gif") repeat-y top right;*/
}
/* end fix */
#content {
    padding : 20px 20px; /* CC padding */
    width : 100%;
    background-color : #fff;
}
#leftcolcontainerhome #content {
    padding : 0; /* CC padding */
    width : 100%;
}
#contentwrapper {
    padding : 0;
    width : 100%;
    background-color : #fff;
}
#contentwrapper #content {
    width : auto;
}
#sub-navigation {
    width : 200px; /* LC width */
    padding : 20px 0 20px 15px; /* LC padding */
    margin-left : -100%;
    left : -255px;
}
#leftcolcontainerhome #sub-navigation {
    width : 300px; /* LC width */
    padding : 0; /* LC padding */
    padding-bottom : 0;
    margin-left : -100%;
    left : -320px;
    background-color: #fff;
}
#related-resourceshome {
    width : 240px; /* RC width */
    padding : 0; /* RC padding */
    padding-bottom : 30px;
    margin-right : -280px; /* RC fullwidth + CC padding */
    background-color : #005984;
}
#related-resources {
    width : 200px; /* RC width */
    padding : 25px 0; /* RC padding */
    margin-right : -250px; /* RC fullwidth + CC padding */
    
}
#container #sub-navigation {
    width : 170px; /*LC width */
    left : -173px;
}
/*** end content sub-navigation  related resources ***/
/* IE7 needs to display side navigation override in print media with visible */
#container,
#leftcolcontainer,
#leftcolcontainerhome,
#rightcolcontainer,
#nocolcontainer,
#threecolcontainer,
#threecolcontainerhome {
    overflow : hidden;
}
#threecolcontainer .column,
#threecolcontainerhome .column {
    position : relative;
    float : left;
    /*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
#leftcolcontainer .column, #leftcolcontainerhome .column {
    position : relative;
    float : left;
    /*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
#rightcolcontainer .column {
    position : relative;
    float : left;
    /*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
#nocolcontainer .column {
    position : relative;
    float : left;
    /*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
#container .column {
    position : relative;
    float : left;
    /*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
/*** end equal-height columns ***/
/*** footer ***/
#footer {
    clear : both;
    width : 100%;
    float : left;
    color : #333;
    background-color : #fff;
    font-size : .9em;
    margin : 0;
    padding : 0;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
#footerhome,
#footerright,
#footerno {
    clear : both;
    width : 960px;
    float : left;
    color : #333;
    font-size : .9em;
    margin : 0;
    padding : 0;
    margin-bottom : 25px;
    background : #fff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
#footerhome .rightfauxcol {
    background : url("../images/columns/circles-home.gif") no-repeat bottom right #fff;
}
#footer a,
#footer a:link,
#footer a:visited,
#footerhome a,
#footerhome a:link,
#footerhome a:visited,
#footerright a,
#footerright a:link,
#footerright a:visited {
    padding : 10px 0;
    color : #333;
    text-decoration : none;
}
#footer a:hover {
    color : #333;
    text-decoration : none;
}
#footerhome .footerlinks,
#footerright .footerlinks,
#footerno .footerlinks {
    border-top : 2px solid #ccc;
    margin-left : 20px;
    padding-top : 5px;
    margin-bottom : 10px;
}
#footerno .footerlinks {
   
}
#footerhome .linebreak,
#footerright .linebreak,
#footerno .linebreak {
    display : inline
}
#footer .footerlinks {
   
    border-top : 2px solid #ccc;
    padding-top : 5px;
    margin : 20px;
}
.footercopyright {
    padding-left : 20px;
    font-size : .9em;
}
#footerright .leftfauxcol {
    background : none;
}
#footerno .leftfauxcol,
#footerno .rightfauxcol {
    background : none;
}
.linebreak {
    display : block;
}
/*** end footer ***/
/*** Print-version ***/
@media print {
    body {
        background-color : #fff;
    }
    #floatpage {
        text-align : left;
        min-width : 0;
        max-width : 100%;
        width : 100%;
        margin : 0 auto;
        position : relative; /*to fix jumping side navigation in IE7 */
    }
    .printtools {
        display : none;
    }
    #header {
        float : none;
        width : 100%;
        background : #fff;
        min-height : 0;
        height : auto
    }
    #sitetitles {
        text-align : left;
        left : 0;
        position : relative;
    }
    .sitename {
        margin : 0;
        padding : 0;
        font-size : 18pt;
        font-family : Myriad Pro, Arial, Helvetica, sans-serif;
        color : #004d99;
    }
    .sitebyline {
        margin : 0;
        padding : 0;
        font-size : 13pt;
        font-family : Myriad Pro, Arial, Helvetica, sans-serif;
        color : #004d99;
    }
    .siteurl {
        margin : 0;
        padding : 0;
        font-size : 10pt;
        font-family : Myriad Pro, Arial, Helvetica, sans-serif;
        color : #004d99;
    }
    #bannersearch {
        display : none;
    }
    #bannersearch fieldset {
        border : none;
    }
    #bannersearch legend {
        display : none;
    }
    #bannersearch label {
        display : none;
    }
    #site-navigation {
        display : none;
    }
    /*** content sub-navigation  related resources***/
    #threecolcontainer {
        padding : 0;
    }
    #nocolcontainer {
        padding : 0;
    }
    #leftcolcontainer {
        padding : 0;
    }
    #rightcolcontainer {
        padding : 0;
    }
    #container {
        padding : 0;
    }
    #container,
    #leftcolcontainer,
    #rightcolcontainer,
    #nocolcontainer,
    #threecolcontainer {
        overflow : visible;
    }
    #sub-navigation {
        display : none;
    }
    #related-resources {
        display : none;
    }
    #leftfauxcol,
    .leftfauxcol {
        float : none;
        background : url("none.gif") repeat-y top left;
    }
    #rightfauxcol,
    .rightfauxcol {
        float : none;
        background : url("none.gif") repeat-y top right;
    }
    .column {
        float : none;
    }
    .crumb {
        display : none;
    }
    #footer,
    #footerhome {
        float : none;
        border-top : 1px solid #3f68a3;
        color : #000;
        background-color : #fff;
    }
    #footer a {
        color : #000;
    }
    .footerlinks {
        display : none;
    }
    #footersponsors a {
        display : none;
    }
    #footersponsors p {
        display : block;
        margin : 0;
    }
}