/*
Transition CSS - for side menu's currently being used - moves h1 down to match height of image header in sidenav
*/
.sidemenu {
width:163px;
float: left;
padding: 3px 0 0 0;
margin: 0;
}

.sidemenu h1, .sidemenu h1 a {
color: #D43D2B;
font-weight: bold;
font-size: 15px;
}
.sidemenu ul {
border-left: 1px solid #000;
margin:0;
padding: 5px 0 0 0;
list-style: none;
list-style-type:none;
}
.sidemenu ul li {
padding: 0 0 10px 0;
margin: 0 0 0 10px;
list-style: none;
list-style-type: none;
font-weight: bold;
font-size: 11px;
}

.sidemenu ul li a {
color: #000;
padding: 0 0 0 15px;
display: block;
background: url('/images/arrow-red.gif') left 4px no-repeat;
}
.sidemenu ul li a:hover {
color: #D43D2B;
background: url('/images/arrow-black.gif') left 4px no-repeat;
}