/* CSS Reset */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }

/* CSS FLICKR */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:left; width:100%; margin:15px 0 20px 0; clear:both; }
#flickr_badge_wrapper {padding:3px 0; height:55px; border-top:1px solid #999; border-bottom:1px solid #999;}
.flickr_badge_image {margin:0 9px 0 9px; position:relative; float:left; width:50px!important; height:50px!important; }
.flickr_badge_image img { width:50px!important; height:50px!important; }
#flickr_badge_source {text-align:left; margin:0 8px 0 8px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* ------------------
    GENERAL
   ----------------- */
body {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:62.5%;
    line-height:1.4;
}
h1, h2, h3, h4, h5, h6 {
    position:relative;
    font-weight:bold;
}
h1 {
    font-size:2.6em!important;
    font-weight:bold;
    background:#fff;
    margin:4px 0;
    letter-spacing:0.02em;
}
h2 {
    font-size:1.8em;
    padding:5px;
    margin:0 0 15px 0;
    font-style:italic;
}
.content h2 {
    background:#efefef;
}
h3 {
    font-size:1.6em;
    margin:10px 0 -10px 0;
    color:#83B000;
}
h4 {
    font-size:1.2em;
    margin:0 0 6px 0;
}
h5 {
    font-size:1.2em;
    text-transform:uppercase;
    margin:5px 0;
    border-bottom:1px solid #bababa;
    color:#666;
}
h6 {
    font-size:1.2em;
    margin-bottom:6px;
}
p, blockquote {
    margin:15px 0;
}
em {
    font-style:italic;
}
a {
    color:#666;
    text-decoration:underline;
}
a:hover {
    background:#ebebeb;
    color:#999;
}
p, ul li, ol li, ul li p, ol li p {
    font-size:1.3em;
}
ul li p, ol li p {
    font-size:1.0em;
}
ul, ol {
    margin:0 0 0 35px;
}
ul li,  ol li {
    margin:11px 0;
    background-image:none;
}
ul li {
    list-style-type:disc!important;
    padding-left:0;
    padding-right:0;
    margin:6px 0;
}
strong {
    font-weight:bold;
}
div, span, ul, ul li, ol, ol li {
    position:relative;
}
table {
    margin:15px 0;
}
td, th {
    font-size:1.1em;
    padding:5px;
    line-height:1.1;
}
th {
    font-weight:bold;
    text-transform:uppercase;
}
table, table td, table th {
    border-bottom:1px solid #bababa;
}
* .noborder {
    border:0!important;
}

table .pending {
    background-color: #ff6666;
    text-transform:uppercase;
}

/* image replacement txts */
.header h1 span, .header h2 span {
    position:absolute;
    left:-9999px;
}

/* ------------------
    MAIN LAYOUT
   ----------------- */
.padder {
    min-width:770px;
    max-width:900px;
    margin:0 auto;
}
.main {
    width:700px;
    position:relative;
    margin:10px 0 0 150px;
    border-left:1px solid #999;
    padding:0 0 0 12px;
}

/* header */
.header {
    width:100%;
    padding-top:20px;
}
.header .logo, .header .logo.sshrc, .header .contact { /*logo img*/
                                                       position:absolute;
                                                       top:0;
                                                       margin-left:-138px;
}
.header .logo.sshrc {
    width:112px;
    top:255px;
    border:1px solid #999;
    padding:4px 0 0 0;
}

.header h1, .footer {
    position:relative;
    width:745px;
    height:40px;
    top:12px; /*FF[mac] bug : can't use 'margin' otherwise pushes parent div down as well*/
    padding:5px 0;
    margin-left:-45px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    /*background: url(/images/h-logo.gif) 50px 9px no-repeat;*/
    background: url(/images/h-logo-june.gif) 50px 9px no-repeat;
    z-index:2;
}
.header h1 {
    height:50px;
}
.header h2 a {
    display:block;
    width:186px;
    height:31px;
    float:right;
    margin:-50px 5px 0 0;
    background: url(/images/logo-uvic.gif) top left no-repeat;
}
#account ul, #account ul li {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
#account ul li {
    display:inline;
    margin:0 5px 0 0;
}
#account {
    background:#ebebeb;
    border:1px solid #dadada;
    font-size:0.9em;
    padding:20px 5px 5px 5px;
    margin:-45px 0 0 0;
    min-width:120px;
    width:auto!important;
    width:120px;
    float:right;
}

/* content */
.content {
    padding:0 0 0 4px;
    margin:20px 0;
}
.content p {
    padding-right:20px;
    text-align:left;
}

/* footer */
.footer {
    font-size:1.1em;
    border:0;
    border-top:1px solid #666;
    background:none;
    padding-left:45px;
    width:700px;
}
.footer h4 {
    display:inline;
    text-transform:uppercase;
    font-size:1.0em;
    background:none;
}
.footer a {
    text-transform:lowercase;
    text-decoration:underline;
    color:#666;
    margin:0 8px;
}
.contact {
    padding:5px 0 5px 0;
    margin:20px 0 -20px 0;
    background:#efefef;
}
.contact p {
    font-size:1.1em;
    margin:0;
    line-height:1.2;
    font-style:italic;

}
.contact .funded em {
    display:none;
}

/* ------------------
    CONTENT - extended
   ----------------- */
.curric h4 {
    margin:0;
}
.curric em {
    display:block;
    margin: 0 0 7px 0;
}
.note {
    padding:5px;
    border:1px solid #99CC33;
    color:#006600;
    font-style:italic;
}
/* home */
.content .introT {
    font-size:1.4em;
    text-align:justify;
}
.content .introT2 {
    font-size:1.2em;
    text-align:justify;
}
.content .comments {
    background:#efefef url(/images/bg-comments.gif) 540px 0 no-repeat;
    margin:20px 0 0 0;
    padding:10px 0;
    width: 400px;
    height: 300px;
}
.content .comments li {
    list-style-type:none!important;
    list-style-position:outside;
    padding-left:30px;
    padding-right:90px;
    background:url(/images/bg-bullet.gif) 11px 6px no-repeat;
}
.content .errorExplanation {
    border: 1px solid #ff0000;
}
.content .fieldWithErrors {
    border: 1px solid #ff0000;
}
.logos {
    clear:both;
    border:1px solid #bababa;
    min-height:100px;
    height:auto!important;
    height:100px;
    margin:0 0 20px 0;
}
.logos, .logos li {
    margin:0;
    padding:0;
    text-indent:0;
    width:100%;
}
.logos li {
    display:block;
    overflow:hidden;
    position:absolute;
    /*float:left;*/
    margin:5px;
}
.logos li a {
    padding:3px;
    display:block;
    border:1px solid #fff;
}
.logos li a:hover {
    background: none;
    border:1px solid #babaab;
}
.logos .sfu {
    width:206px;
}
.logos .hcmc {
    width:156px;
}
.logos .uvicHum {
    width:206px;
}
.logos .uvic {
    width:206px;
}
.logos .achw {
    width:181px;
}
.logos .etcl {
    width:106px;
}
.logos .uvicLib {
    width:206px;
}
.logos .ubcLib {
    width:126px;
}
.logos .mal {
    width:126px;
}
.logos .acadia {
    width:156px;
}
.clear {
    clear:both;
}

.steps, .steps li {
    margin:0;
    padding:0;
    list-style-type:none!important;
}
.steps {
    background:url(/images/steps.jpg) top center no-repeat #ddeea8;
    margin:20px 0 0 0;
    min-height:130px;
    height:auto!important;
    height:130px;
}
.steps li {
    display:block;
    width:320px;
    float:left;
    margin:8px 0 0 17px;
}
.steps h4 {
    font-size:1.5em;
}
.steps a {
    padding:2px 6px;
    font-size:1.1em;
    color:#000;
    background:#FCEB4F;
    border-right:10px solid #FFF69F;
    text-decoration:none;
}
.steps a:hover {
    background:#F2CF03;
}
.steps p {
    margin:6px 0 0 0;
    line-height: 1.3;
}

/* archive button on front page */
.content .archive {
    position:relative;
    display:block;
    width:110px;
    height:30px;
    float:right;
    padding:5px 0 0 30px;
    margin:15px 0 0 0;
    line-height:1.1;
    font-size:1.2em;
    text-decoration:none;
    background: url(/images/btn-archive.gif) 0 -4px no-repeat;
    z-index:2;
}
.content a.archive:hover {
    background: url(/images/btn-archive.gif) 0 -77px no-repeat;
    color:#000;
}
/* archive page */
.content .archiveP h2 a { border-left:1px solid #666;
                          display:block;
                          width:74px;
                          height:15px;
                          margin-bottom:-5px;
                          padding:0 0 0 6px;
                          position:absolute;
                          top:4px;
                          left:45px;
                          font-size:0.6em;
                          font-weight:normal;
                          text-decoration:none;

}
.content .archiveP h4 {
    display:block;
    margin-bottom:10px;
    padding:2px 0 2px 5px;
}
.content .archiveP h5 {
    clear:both;
    margin:5px 0 10px 0;
    color:#83B000;
    border-bottom:1px solid #83B000;
    padding:2px;
}
.content .archiveP ul {
    margin:0;
    width:150px;
}
.content .archiveP ul li {
    margin:2px 10px;
    padding:1px 6px 2px 7px;
    border-left:1px solid #bababa;
    margin:2px 0;
    line-height:1.1;
    list-style-type:none!important;
}
.content .archiveP ul li.hlite {
    background:#efefef;
}

a.map {
    position:relative;
    float:right;
    display:block;
    width:200px;
    height:10px;
    text-align:center;
    border:1px solid #bababa;
    background:url(/images/btn-map.jpg) 4px 4px no-repeat;
    padding: 90px 4px 15px 4px;
    z-index:2;
}
a.map:hover {
    background-position:4px -126px;
    color:#477C01;
}

/* curric layout */
.curric, .curric li {
    list-style:none;
}
.curric li strong {
    display:block;
    font-weight:bold;
    font-size:1.4em;
    text-align:center;
    padding:2px 5px;
    margin:5px 10px 0 0;
    width:20px;
    height:23px;
    position:relative;
    float:left;
}
.curric {
    list-style: none;
}
.intro li strong { /*<-- the numbers in the listings*/
                   border:2px solid #99cc00;
                   color:#99cc00;
}
.intro li h4 {
    color:#7ba401;
}

.inter strong {
    border:2px solid #2178c9;
    color:#2178c9;
}
.inter li h4 {
    color:#2178c9;
}
.adv strong {
    border:2px solid #5f396f;
    color:#5f396f;
}
.adv li h4 {
    color:#5f396f;
}

/* accomodation */
.notify {
    width:250px;
    float:right;
    position:relative;
    border:1px solid #bababa;
    padding:5px 10px;
    margin:0 0 10px 20px;
    z-index:3;
}
.notify h3 {
    margin:0 0 0 0;
}
.notify h4 {
    padding: 2px;
    margin:13px 0 2px 0;
    background:#efefef;
    text-transform:uppercase;
}
.notify p {
    margin:0 2px 7px 0;
    line-height:1.2;
    font-size:1.1em;
}
.notify ul {
    margin:0 10px 0 20px;
}
.notify ul li {
    font-size:1.2em;
}
.notify a {
    position:relative;
}


/* ------------------
    NAV
   ----------------- */

.header .nav, .header .nav li {
    margin:0;
    padding:0;
}
.header .nav {
    height:27px;
    margin:-18px 0 0 -12px;
    background:url(/images/bg-nav.gif) repeat-x;
    font-size:1.0em;
    color:#fff;
    font-weight:bold;
}

.header .nav li, .header .nav li a {
    float:left;
    display:block;
    /*height:27px;*/
    text-align:center;
    text-decoration:none;
}
.header .nav li {
    border-right:1px solid #999;
}
.header .nav li a, .header .nav li.active a {
    padding:3px 10px 0 10px;
    color:#fff;
}
.header .nav li a:hover, .header .nav li.active {
    background:url(/images/bg-nav-on.gif);
    height:23px;
}
.header .nav li.active {
    height:27px;
}
.header .nav li.home {
    float:right;
    font-size:1.0em;
    color:#3A4D00;
    text-transform:uppercase;
}
.header .nav li.home a {
    padding-top:5px;
    height:22px;
    color:#3A4D00;
}
.header .nav li.home a:hover { /*for IE6*/
                               height:21px;
}

/* FORMS */

label {
    display:block;
    font-weight:bold;
    font-size:1.3em;
    padding:0;
    margin:0;
}
p label {
    font-size:1.0em;
}
input, textarea, select {
    width:230px;
    padding:2px 0;
    color:#666;
    border-right:1px solid #bababa;
    border-bottom:1px solid #bababa;
}

input[type='checkbox'] {
    width: 15px;
}
select {
    padding:4px 0;
    font-size:1.2em;
}
input.submit, p input.submit, a.button {
    display:block;
    text-align:center;
    background:#FFF9AD;
    width:100px;
    padding:3px 0;
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}
a.button {
    font-size:1.1em;
    width:95px;
    margin:5px 0 0 0;
    background:#efefef;
    text-decoration:none;
}


input.submit {
    font-size:1.2em;
}
p input.submit {
    font-size:1.0em;
}

input.txt {
    width:auto!important;
}

textarea.scholarship_paragraph {
    width: 500px;
    height: 500px;
}

/* ------------------
    ARCHIVES page
   ----------------- */
.archives .container {
    width:341px;
    float:left;
    margin-top:6px;
}
.archives .container ul, .archives .container ul li { /* each accordion link */
                                                      margin:0;
                                                      padding:0;
                                                      list-style:none!important;
}
.archives .container ul {
    padding:6px;
    font-size: 0.9em;
}

.archives .container h5 {
    margin:0;
}
.archives .container h5 {
    display:block;
    height:1%; /*IE6*/
    text-decoration:none;
    padding:6px 6px 3px 6px;
    font-size:0.9em;
    color:#000;
    background-position:0 0;
    background-repeat:no-repeat;
}
/*.archives .container h5 a:hover {
    background-position:0 -56px;
}*/

/* current container /////////// */
.archives .container.current {
    border:1px solid #619900;
    margin-right:10px;
    margin-top:37px;
}
.archives .container.current a, .archives .container.current h5 {
    background-image:url(/images/btn-archiveCurrent.gif);
    background-color:#d8ebb0;
}
.archives .container.current a:hover {
    background-color:#95c258;
}

/* archives container /////////// */

.archives .container.archives .year {
    border:1px solid #bababa;
}
.archives .container.archives h5, .archives .container.archives a {
    background-image:url(/images/btn-archivePast.gif);
    background-color:#e7eae8;
}
.archives .container.archives a:hover {
    background-color:#d1d1d1;
}

/* archives TABS /////////// */
.archives ul.tabs, .archives ul.tabs li {
    margin:0;
    padding:0;
    list-style:none!important;
}
.archives ul.tabs {
    height:40px;
    margin-bottom:-10px;
}
.archives ul.tabs li, .archives ul.tabs li a {
    float:left;
    padding:0;
    margin:0 2px;
    height: 30px;
}
.archives ul.tabs li a {
    margin:0;
    padding:3px 10px;
    text-decoration:none;
    font-weight:bold;
    font-size:1.3em;
    background-image:none!important;
}

.year {
    display: none;
}

.year.active-tab-body {
    display: block;
}

#tabs a.active-tab {
    background-color: #666;
    color: #ebebeb;
}
.autowidth input, .autowidth select {
    width:auto!important;
}

/* undoing some of the damage from above */

li ul li {
    font-size: 1em;
}

/* again with the undoing of the damages above */

dl.lectures dt {
    padding-top: 2em;
    font-size: 1.3em !important;
}

table.schedule_detail td, table.schedule_detail th {
    line-height: 130%;
    vertical-align: middle;
}
table.schedule_detail tr {
    height: 4em;
}
table.schedule_detail th {
    background:url(/images/bg-tbl-head.jpg) top center no-repeat #ddeea8;
    font-size: 140% !important;
}

table.schedule_detail tr > th {
    height: 2em !important;
}

table.schedule_detail th[scope] {
    background: none;
    font-size: 110% !important;
    font-weight: bold;
    color: #537904;
    text-transform: none;
    border-left: none;
    border-right: none;
}

table.schedule_detail tr:hover {
    background: #eee;
}


tr.colloquium:hover td,
tr.colloquium:hover th {
    border-bottom: none;
}

tr.colloquium + tr {
display:none;
}

tr.colloquium:hover + tr,
tr.colloquium + tr:hover {
display: table-row;
}

table.schedule_detail ul {
    font-size: 80%;
    margin-left: 0px;
    padding-left: 0px;
}

table.schedule_detail li {
    list-style: none!important;
}