/*
# $URL: svn+ssh://lidc-svn.lidc.sfu.ca/svn/Private/pepper/tags/0.4.1.2/pepper/clf2/dynamic/clf2/css/style.css $
# $Id: style.css 4617 2009-07-23 00:16:35Z rhetzler $
*/
/*
    Header elements, everything above the body section
*/
body {
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
}

/*  Eryn's Styles!  */
h1 {
    color: #b5111b;
    font: bold 1.4em/1.8em "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
}

h2 {
    color: #555;
    font: bold 1.2em/1.3em "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
}

h3 {
    color: #777;
    font: 1.1em/1.4em "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
}

h4 {
    color: #555;
    font: 1.1em/1.4em arial, helvetica, verdana, sans-serif;
    border-top: 1px dashed #ccc;
}

a, a:active, a:visited {
    color:#0054a6;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

/*
    Menus
*/

ul.clf2_menu {
    list-style: none;
    width: 150px;
}

ul.clf2_menu hr {
    border-top: 1px dotted #000;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

div#clf2b_leftmenu ul.clf2_menu {
    margin-left: 0px;
    padding-left: 9px;
    margin-top: 12px;
}

div#clf2bt_menuleft ul.clf2_menu, div#clf2bt_menuright ul.clf2_menu {
    margin-left: 0px;
    padding-left: 14px;
    margin-top: 6px;
}

ul.clf2_menu li {
    display: block;
    position: relative;
    padding: 0 0 1px 0;
}

ul.clf2_menu li a {
    color: #555555;
    text-decoration: none;
    display: block;
    padding-top: 4px;
    padding-bottom: 3px;
}

ul.clf2_menu li.current {
    background-image: url(/baff-offa/trim/s/clf2/images/menu_divider.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

ul.clf2_menu ul li.current {
    background-image: None;
}

ul.clf2_menu li.dotted {
    background-image: url(/baff-offa/trim/s/clf2/images/menu_divider.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

ul.clf2_menu li.dotted li {
    background-image: None;
}

ul.clf2_menu li.current a {
/* trying this
    background-color: #CCCCCC;
    text-decoration: none;
    margin-left: -9px;
    padding-left: 9px;
    padding-right: 5px;
    width: 151px;
    border-right: 5px solid #666666;
/* */
}

ul.clf2_menu ul li.current a {
    color: #8B2C33;
}

ul.clf2_menu ul {
    width: 150px;
    padding: 0 0 0 10px;
    margin: 0;
    list-style-type: none;
}

ul.clf2_menu ul li {
    display: block;
    padding: 0;
    margin: 0;
}


ul.clf2_menu li.depth2 a {
    color: #0054A6;
    /*font-weight: bold;*/
    padding-left: 10px;
}
ul.clf2_menu li.depth2 a:hover {
    color: #0054A6;
    /*font-weight: bold;*/
    padding-left: 19px;
    background-color: #CCCCCC;
    margin-left: -9px;
    width: 141px;
}

ul.clf2_menu ul li a {
    color: #0054A6;
    padding-right: 10px;
}

ul.clf2_menu li a:hover {
    background-color: #CCCCCC;
    text-decoration: none;
    margin-left: -9px;
    padding-left: 9px;
    padding-right: 5px;
    width: 151px;
    border-right: 5px solid #666666;
}

ul.clf2_menu ul li a:hover {
    background-color: transparent;
    border: 0;
    padding-right: 10px;
    color: #8B2C33;
    width: auto;
}
/*
div#clf2b_leftmenu ul.clf2_menu li {
    margin-bottom: 3px;
}
*/
div#clf2bt_menuleft ul.clf2_menu li, div#clf2bt_menuright ul.clf2_menu li {
    margin-bottom: 4px;
}

ul.clf2_menu li.homelink {
    background-position: -14px bottom;
    background-repeat: no-repeat;
    background-image: url(/baff-offa/trim/s/clf2/images/menu_divider.gif);
    padding-bottom: 3px;
    margin-bottom: 11px;
}

div#clf2b_leftmenu li.divider {
    font-size: 0px;
    padding-bottom: 1px;
    /*
    margin-top: 3px;
    margin-bottom: 2px;
    */
    background-position: -14px bottom;
    background-repeat: no-repeat;
    background-image: url(/baff-offa/trim/s/clf2/images/menu_divider.gif);
}

div#clf2bt_menuleft ul.clf2_menu li.divider,div#clf2bt_menuright ul.clf2_menu li.divider {
    font-size: 0px;
    margin-top: 2px;
    padding-bottom: 1px;
    margin-bottom: 1px;	/* specificity, see generic li definition, need to qualify ul and li classes, fix this */
    background-position: -14px bottom;
    background-repeat: no-repeat;
    background-image: url(/baff-offa/trim/s/clf2/images/menu_divider.gif);
}

/*
    Footer. Bottom section of the page, copyright, TOU, Sitemap and related links
*/

div#clf2_footer {
    background-color: rgb(187,187,187);
    font-size: 0.85em;
}

div#clf2_footer a {
    text-decoration: none;
    color: #FFFFFF;
}

div#clf2_footer a:hover {
    text-decoration: underline;
}

/* Admin CSS */

.node_options, .handle, .sub_handle {
    position: absolute;
    right: 2em;
    top: 0;
    margin: 0 !important;
    padding: 0 !important;
}
.node_options img {
    padding: 5px 0 0 0;
    border: 0;
}

.handle, .sub_handle {
    top: 3px;
    right: 0;
}
ul.clf2_menu li a.node_options:hover {
    background-color: transparent;
    text-decoration: none;
    margin: 0;
    padding: 4px 0 3px 0;
    width: auto;
    border: 0;
    top: 0;
}

h1 {
    margin: 0.5em 0 0.5em 0;
    font-size: 2em;
}

div.clf2_panel {
    margin: 20px;
}