/* ------ OUTER CONTAINER PROPERTIES ---------- */
#navcontainer 
/* push left right top and bottom using the margin */
{ 
margin: 0px 0px 0px 0px;
width: 166px;
/* pad the navigation container  */
padding: 0px 0px 1px 0px;
background-color: #5B774A; /* Background colour for container*/
/* Uncomment to use a background image  background-image:url(/graphics/site_graphics/left_menus/container_back.jpg);*/
}
/* ------ HEADING DIV CONTAINER PROPERTIES - IF Main cat is changed to heading---------- */
#navheader
{ 
display: block;
margin-top: 0px; margin-right:0px; margin-bottom:1px; margin-left:0px; /* push left right top and bottom using the margin */
width: auto; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
/* ------ Main Category Links ---------- */
#navcontainer ul
{
margin: 0 0 0 0; /* Do Not change inner container */
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; /* Font size for main cats  */
}
#navcontainer li { margin: 0px 0px 0px 0px;}  /* Do not change*/
#navcontainer header { margin: 0px 0px 0px 0px;}  /* Do not change*/
# header
{
display: block;           /* creates the box */
}
/* Main Category Links -------------------------- */
#navcontainer a
{
display: block;           /* creates the box */
padding: 5px 5px 5px 12px;/* padding for the Main Cat boxes Top Right Bottom Left
To reduce the right  indent reduce the left padding and increase the box width below */
width: 150px; /* Box width */
color: #FFFFFF; /* Font colour main cats */
background-color: #425636; /* Main cat box background colour */
background-image:url(/graphics/site_graphics/navigation/main_cat.gif);/* Main cat box background image */
background-repeat: no-repeat;
text-decoration: none;    /* Font main cat text decoration */
margin: 1px 2px 1px 0px; 
}
/* ------ Main Category Hover  ---------- */
#navcontainer a:hover
{
color: #E4E4E4;/* Main cat font hover colour */
background-color: #2E3D25; /* Main cat font hover box background colour */
text-decoration: none;
background-image:url(/graphics/site_graphics/navigation/main_cat_hover.gif); /* Main cat font hover background image */
background-repeat: no-repeat;
}
/* Sub Category boxes --------------------------------------------------*/
#navcontainer ul ul li { margin: 0 0 0 0; } /* Do not change */
#navcontainer ul ul a
{
display: block;  /* creates the box */
padding: 3px 5px 3px 20px; /* padding for the sub cat boxes Top Right Bottom Left 
To reduce the right  indent reduce the left padding and increase the box width below */
font-size: 11px; /* Font size for  sub cats */
width: 142px; /* box width */
color: #FFFFFF; /* Font colour sub cat */
background-color: #789E63; /* sub cat background colour */
background-image: url(/graphics/site_graphics/navigation/sub_cat.gif);  /* sub cat background image */
background-repeat: no-repeat;
text-decoration: none; 
}
#navcontainer ul ul a:hover /* sub cat */
{
color: #FFFFFF; /* Font hover colour sub cat */
background-color: #789E63; /* sub cat box hover colour */
text-decoration: none;
background-image:url(/graphics/site_graphics/navigation/sub_cat_hover.gif);  /* sub cat box hover image */
background-repeat: no-repeat;
}
#navcontainer ol
{
margin: 0 0 0 0; /* Do Not change inner container */
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif; /* Font family for main cats & sub cats */
/* Uncomment the following to use the properties - otherwise inherited from main cat
font-weight: bold;
font-size: 12px; Font size for Active Main Cats  
background-image:url(/graphics/site_graphics/left_menus/blue2.jpg); 
*/
}
#navcontainer ol a
{
display: block;  /* Active main cat creates the box */
padding: 5px 9px 5px 15px; /* padding for the Active main cat boxes Top Right Bottom Left 
To reduce the right  indent reduce the left padding and increase the box width below */
width: 143px; /* Active box width */
color: #FFFFFF; /* Active font colour  */
background-color: #232E1D; /* Active background colour */
background-image:url(/graphics/site_graphics/navigation/main_cat_active.gif); /* Active main cat background image */
background-repeat: no-repeat;
text-decoration: none; 
font-weight:bold;
}
#navcontainer ol a:hover
{
color: #FFFFFF; /* Active font hover colour  */
background-color: #232E1D; /* ACTIVE box hover colour */
text-decoration: none;
background-image:url(/graphics/site_graphics/navigation/main_cat_active.gif); /* Active main cat hover image */
background-repeat: no-repeat;
}