﻿/* Navigation area - left sidemenu */
/* Navigation */
#sidenav 
{
 clear: both;
 width: 187px;
 float:left;
 margin: 0px;
 padding:0px;   
}

#sidenav p 
{
 padding:0px;
 margin:0px;
 padding-bottom:1px;
 padding-left:1px;
 background-image: url("/css_images/dotline.gif");
 background-repeat: repeat-x;
 background-position: bottom;
 font-size:.85em;
 clear: both;
}

#sidenav p a
{ 
 display: block;
 width: 170px;
 text-align: left;
 font-size: .8em;
 text-decoration: none;
 color: #5A5A5A;
 background-color: #FFFFFF;
 padding: 6px 5px 6px 10px; 
 }

#sidenav  p a:hover, #sidenav p a:focus
{
 color:#fff;
 text-decoration: none;
 background-color: #9C9463;
}

/* This style to be referenced from Framework/Page as it will use a variable to define the style*/
#sidenav p a.selected
{
 font-weight: bold;
 color: #FFFFFF;
 background-color: #9C9463;
padding: 6px 5px 6px 10px; 
}

/* Sub Navigation */

#sidenav .sidesubnav
{
 font-size: .8em;
 margin: 0px;
 padding: 0px;
 padding-left:1px;
   
}

/* This style also to be referenced from Framework/Page as it will use a variable to define the style*/
#sidenav .sidesubnav ul 
{
 display: none; /* added for Red Dot */
 padding:0px;
 margin:0px;
 list-style-type: none; 
 float: left;
 width: 185px;
}

#sidenav .sidesubnav ul li 
{
 padding:0px;
 margin:0px;
 float: left;
 position:relative;
 padding-bottom:1px;
 background-image: url("/css_images/dotline.gif");
 background-repeat: repeat-x;
 background-position: bottom;
 background-color: #E2DED2;
 }

#sidenav .sidesubnav ul li a
{
 font-size: .85em;
 padding: 4px 10px 4px 25px;
 color: #726A46; 
 text-decoration: none;
 display: block;
 width: 150px; 
 }

#sidenav .sidesubnav  ul li a:hover, #sidenav .sidesubnav ul li a:focus
{
 text-decoration: none;
 background-color:  #BDB58C; 
 color: #fff;
 background-image: url("/css_images/selectarrow.gif");
 background-repeat: no-repeat;
 background-position: 8px 6px;
 }

/* This style to be referenced from Framework/Page as it will use a variable to define the style*/
#sidenav .sidesubnav ul li a.subselected
{
 background-color: #BDB58C;
 color: #FFFFFF;
 font-weight: bold;
 background-image: url("/css_images/selectarrow.gif");
 background-repeat: no-repeat;
 background-position: 8px 6px;
}

/* NEW STYLES FOR NAV MAN LISTS */

#sidenav ul li 
{
 padding:0px;
 margin:0px;
 padding-bottom:1px;
 padding-left:1px;
 background-image: url("/css_images/dotline.gif");
 background-repeat: repeat-x;
 background-position: bottom;
 font-size:.85em;
 clear: both;
 list-style: none outside none; 
}

#sidenav ul li a
{ 
 display: block;
 width: 170px;
 text-align: left;
 font-size: .8em;
 text-decoration: none;
 color: #5A5A5A;
 background-color: #FFFFFF;
 padding: 6px 5px 6px 10px; 
 }


#sidenav  ul li a:hover, #sidenav ul li a:focus
{
 color:#fff;
 text-decoration: none;
 background-color: #9C9463;
}

#sidenav ul li a.selected
{
 font-weight: bold;
 color: #FFFFFF;
 background-color: #9C9463;
 padding: 6px 5px 6px 10px; 
 font-size: .8em;
}

/* Sub Navigation */

#sidenav ul li ul li
{
 list-style-type: none; 
 margin: 0px;
 font-size: 1em;
 background-image: url("/css_images/dotline.gif");
 background-repeat: repeat-x;
 background-position: bottom;
 position:relative;
 padding: 0 0 1px 0;
}

#sidenav ul li ul li a 
{
 background-color: #E2DED2;
 padding: 4px 10px 4px 25px;
 color: #726A46; 
 text-decoration: none;
 display: block;
 width: 150px;	
}

#sidenav ul li ul li a:hover, #sidenav ul li ul li a:focus
{
 text-decoration: none;
 background-color:  #BDB58C; 
 color: #FFF;
 background-image: url("/css_images/selectarrow.gif");
 background-repeat: no-repeat;
 background-position: 8px 6px;
 }
 
 #sidenav ul li ul li a.selected
{
 font-weight: bold;
 color: #FFFFFF;
 background-color: #BDB58C;
 background-image: url("/css_images/selectarrow.gif");
 background-repeat: no-repeat;
 background-position: 8px 6px;
 padding: 6px 5px 6px 30px; 
}

/* END NEW STYLES FOR NAV MAN LISTS */
