#sfnavtype, #sfnavtype ul {list-style-type: none; margin: 0; padding: 0; } /*no bullet points*/
#sfnavtype a {width: 130px; color: #444; display: block;  text-decoration: none;} /*for the links, specified absolutely as we have a fixed width*/
#sfnavtype ul a {width: 130px;} /*the drop down menus can be wider*/
#sfnavtype li {float: left; width: 130px; font-size: 0.8em; word-spacing: -0.1em;} /*so Opera doesn't throw a wobbly*/
#sfnavtype ul li {width: 150px;} /*do this for Opera as well, to make the drop down menus wider*/
#sfnavtype li ul {position: absolute; width: 150px; left: -999em;} /*sub menus are shunted left*/
#sfnavtype li ul {margin: -1.5em 0 0 130px;} /*move sub sub menus out to the right*/
/*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/
/*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/
#sfnavtype li:hover ul ul, #sfnavtype li:hover ul ul ul, #sfnavtype li:hover ul ul ul ul,
	#sfnavtype li.sfhover ul ul, #sfnavtype li.sfhover ul ul ul, #sfnavtype li.sfhover ul ul ul ul {left: -999em; }
#sfnavtype li:hover ul, #sfnavtype li li:hover ul, #sfnavtype li li li:hover ul, #sfnavtype li li li li:hover ul,
	#sfnavtype li.sfhover ul, #sfnavtype li li.sfhover ul, #sfnavtype li li li.sfhover ul,
	#sfnavtype li li li li.sfhover ul {left: auto;}

/*These styles deal with the look and feel of the menu*/
 /*mainmenu when these are hovered over*/
#sfnavtype li:hover, #sfnavtype li.sfhover  {background: #ffdd55;}

/*sub menu when PARENT item are hovered over*/
#sfnavtype li ul li, #sfnavtype li ul li  {background: #ffee66; padding-left: 2px; }
/*sub menu when THE item are hovered over*/
#sfnavtype li ul li:hover, #sfnavtype li ul li.sfhover  {background: #ffdd55;} /*sub menu when these are hovered over*/
#sfnavtype li ul li a:hover, #sfnavtype li ul li a:hover { color: #444;}
/*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
#sfnavtype li:hover, #sfnavtype li.sfhover {position: static;}


#sfnavtype li ul {background: #eee; border: 1px solid white;} /*flyout menus*/

/*
The problem of relative and ever shrinking font sizes with nested li li is asddressed here:
http://www.thescripts.com/forum/thread98150.html
*/
#sfnavtype li ul li {font-size: 1em;}
#leftmenu li{border-top: 1px solid #fff; padding: 1px 0 1px 0; }

#sfnavarea, #sfnavarea ul {list-style-type: none; margin: 0; padding: 0; } /*no bullet points*/
#sfnavarea a {width: 130px; color: #444; display: block;  text-decoration: none;} /*for the links, specified absolutely as we have a fixed width*/
#sfnavarea ul a {width: 130px;} /*the drop down menus can be wider*/
#sfnavarea li {float: left; width: 130px; font-size: 0.8em; word-spacing: -0.1em;} /*so Opera doesn't throw a wobbly*/
#sfnavarea ul li {width: 150px;} /*do this for Opera as well, to make the drop down menus wider*/
#sfnavarea li ul {position: absolute; width: 150px; left: -999em;} /*sub menus are shunted left*/
#sfnavarea li ul {margin: -1.5em 0 0 130px;} /*move sub sub menus out to the right*/
/*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/
/*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/
#sfnavarea li:hover ul ul, #sfnavarea li:hover ul ul ul, #sfnavarea li:hover ul ul ul ul,
	#sfnavarea li.sfhover ul ul, #sfnavarea li.sfhover ul ul ul, #sfnavarea li.sfhover ul ul ul ul {left: -999em; }
#sfnavarea li:hover ul, #sfnavarea li li:hover ul, #sfnavarea li li li:hover ul, #sfnavarea li li li li:hover ul,
	#sfnavarea li.sfhover ul, #sfnavarea li li.sfhover ul, #sfnavarea li li li.sfhover ul,
	#sfnavarea li li li li.sfhover ul {left: auto;}

/*These styles deal with the look and feel of the menu*/
 /*mainmenu when these are hovered over*/
#sfnavarea li:hover, #sfnavarea li.sfhover  {background: #aaddff;}

/*sub menu when PARENT item are hovered over*/
#sfnavarea li ul li, #sfnavarea li ul li  {background: #CCEEFF; padding-left: 2px; }
/*sub menu when THE item are hovered over*/
#sfnavarea li ul li:hover, #sfnavarea li ul li.sfhover  {background:#aaddff;} /*sub menu when these are hovered over*/
#sfnavarea li ul li a:hover, #sfnavarea li ul li a:hover {color:#444;}
/*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
#sfnavarea li:hover, #sfnavarea li.sfhover {position: static;}


#sfnavarea li ul {background: #eee; border: 1px solid white;} /*flyout menus*/

/*
The problem of relative and ever shrinking font sizes with nested li li is asddressed here:
http://www.thescripts.com/forum/thread98150.html
*/
#sfnavarea li ul li {font-size: 1em;}
#leftmenu li{border-top: 1px solid #fff; padding: 1px 0 1px 0; }


/*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
#sfnavtop li:hover, #sfnavtop  li.hover {
    position: static;
}

/*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
#sfnavtype li:hover, #sfnavtype  li.hover {
    position: static;
}

/*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
#sfnavarea li:hover, #sfnavarea  li.hover {
    position: static;
}

#leftmenu {
    float: left;
    width:130px;
    background: url(../_top/images/temp_left_blank.gif) no-repeat;
    padding-top: 15px;
}
#leftmenu img {
    width: 130px;
}
#oaf_content_parent {
    float: right;
    width: 610px;
    margin-right: -35px;
}
#oaf_content {
    overflow: visible;
}
#oaf_content p {
    width: 590px;
}
#oaf_content h1 {
    color: #66cccc;
    font-size:14px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}
#leftmenu a, #leftmenu ul a {
    width: 130px;
    font-size: 11px;
}
div.breadcrumb {
    padding-right: 40px;
    padding-top: 16px;
    font-size: 10px;
}