/* BEGIN Sidebar */
#sidebar
{
float:left;
margin:0px;
padding:0px;
padding-top:5px;
/* should be done with margin, but browsers give different results, why? */
padding-left:8px;
margin-top: 40px;
margin-left: 5px;
padding: 0;
float:left;
width: 200px; /* Width IE6 */
height: 100%;
min-height: 1em;
background-color: transparent;
font-family:verdana;
font-size: 90% !important;
overflow: hidden;
}

#sidebar .menu { /* CMS Mod */
border-top: 1px dotted #777777;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul ul {
background-color: #f5f5f5;
}

#sidebar ul ul ul {
background-color: #e7e7e7;
margin-left: 14px;
}

#sidebar ul ul ul ul {
background-color: #dbdbdb;
}

#sidebar ul ul ul ul ul {
background-color: #d0d0d0;
}

#sidebar ul ul ul ul ul ul {
background-color: #c5c5c5;
}

#sidebar li {
margin-left: 0;
padding: 0;
border-bottom: 1px dotted #777777;
list-style: none;
}

#sidebar li li {
border-bottom: none;
}

#sidebar li a {
padding: 4px;
display: block;
color: #202020;
text-decoration: none;
}

#sidebar li a:hover {
background-color: #e3eff8;
}

#sidebar li li a {
background-image: url(//www.ncl.ac.uk/template/graphics/bullet.gif);
background-repeat: no-repeat;
background-position: 6px 8px;
padding: 4px 4px 4px 20px;
}

#sidebar li strong {
padding: 4px;
color: #FFFFFF;
background-color: #177AB8;
display: block;
}

#sidebar li li strong {
background-image: url(//www.ncl.ac.uk/template/graphics/bullet_on.gif);
background-repeat: no-repeat;
background-position: 6px 8px;
padding: 4px 4px 4px 20px;
color: #FFFFFF;
display: block;
}

/* T4 Current Section */
#sidebar li .currentsection {
padding: 4px;
color: #FFFFFF;
background-color: #177AB8;
display: block;
font-weight: 800;
}

#sidebar li li .currentsection {
background-image: url(//www.ncl.ac.uk/template/graphics/bullet_on.gif);
background-repeat: no-repeat;
background-position: 6px 8px;
padding: 4px 4px 4px 20px;
color: #FFFFFF;
display: block;
font-weight: 800;
}
/* T4 Current Section */

#sidebar .greyBox {
    padding-bottom: 10px;
    width: 97%;
}

#sidebar .greyBox {
    background-color: #EFEFEF;
    border: 1px solid #DCDCDC;
    margin: 0;
    overflow: hidden;
    padding: 8px 2px 2px;
}

#sidebar div, .boxContainer div {
    clear: both;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
}

#sidebar p {
width: 180px;
margin-left: 6px;
padding-bottom: 10px;
}

#sidebar p a {
line-height: 140%;
}

#sidebar p span {
line-height: 150%;
color: #333333;
font-size: 70%;
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5
{
font-size:0.8em; 
font-family: verdana, sans-serif;
margin:0px;
padding:3px;
}

#sidebar h3, #sidebar h3 a, #sidebar h3 strong {
float: left;
height: 1%;
text-align: left;
margin: 0 0 1px 3px;
padding: 0;
width: 180px;
font-size: 98%;
font-weight: 500;
text-decoration:none;
}
/* END Sidebar */