/*
 * Container definitions
 */

/* Main Menu */
#mm .bxtop			{ background: url(/ccs/wwwresources/images/nav/mmt.gif) bottom repeat-x; }
#mm .bxtop div		{ background: url(/ccs/wwwresources/images/nav/mmtl.gif) no-repeat bottom left; }
#mm .bxtop div div	{ background: url(/ccs/wwwresources/images/nav/mmtr.gif) no-repeat bottom right; }
#mm .bxbot			{ background: url(/ccs/wwwresources/images/nav/mmb.gif) top repeat-x; }
#mm .bxbot div		{ background: url(/ccs/wwwresources/images/nav/mmbl.gif) no-repeat top left; }
#mm .bxbot div div	{ background: url(/ccs/wwwresources/images/nav/mmbr.gif) no-repeat top right; }
#mm .bxleft			{ background: url(/ccs/wwwresources/images/nav/mml.gif) repeat-y left; }
#mm .bxright		{ background: url(/ccs/wwwresources/images/nav/mmr.gif) repeat-y right; }

/* Related Links */
#rl .bxtop			{ background: url(/ccs/wwwresources/images/nav/rlt.gif) bottom repeat-x; }
#rl .bxtop div		{ background: url(/ccs/wwwresources/images/nav/rltl.gif) no-repeat bottom left; }
#rl .bxtop div div	{ background: url(/ccs/wwwresources/images/nav/rltr.gif) no-repeat bottom right; }
#rl .bxbot			{ background: url(/ccs/wwwresources/images/nav/rlb.gif) top repeat-x; }
#rl .bxbot div		{ background: url(/ccs/wwwresources/images/nav/rlbl.gif) no-repeat top left; }
#rl .bxbot div div	{ background: url(/ccs/wwwresources/images/nav/rlbr.gif) no-repeat top right; }
#rl .bxleft			{ background: url(/ccs/wwwresources/images/nav/rll.gif) repeat-y left ; }
#rl .bxright		{ background: url(/ccs/wwwresources/images/nav/rlr.gif) repeat-y right; }

.bx
	{
	margin-bottom: 1.5em;
	}
.bxbot
	{
	clear: left;
	}
.bxtop, .bxtop div
	{
	height: 11px;
	}
.bxbot, .bxbot div
	{
	height: 11px;
	font-size: 0;
	}
.bxright { }
.bxcontent
	{
	margin-left: 34px; margin-right: 1px;
	padding: 0;
	}
	
#mm .bxleft
	{
	background-color: #93c7e6;
	}
#rl .bxleft
	{
	background-color: #ffba49;
	}
#mmtitle
	{
	float: left;
	width: 34px;
	height: 160px;
	}
#rltitle
	{
	float: left;
	width: 34px;
	height: 99px;
	}
	
/*
 * Behaviours
 */
#sidenav
	{
	border-top: 1px solid #449dd7;
	border-bottom: 1px solid #b9e4f7;
	}
#sidenav ul
	{
	margin: 0; padding: 0;
	list-style: none;
	}
#sidenav ul ul
	{
	margin: 0; padding: 0;
	}
#sidenav ul ul ul
	{
	padding-left: 1em;
	}
#sidenav li
	{ 
	font: normal small Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	}
#sidenav a
	{
	color: white;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	}

/*
 * First Level
 */
#sidenav ul li
	{
	border-top: 1px solid #b9e4f7;
	border-bottom: 1px solid #4499d7;
	}
#sidenav ul li a
	{
	font-weight: bold;
	}
#sidenav ul li a:hover
	{
	color: #495bbb;
	}
#sidenav ul li a.open
	{
	background: url(/ccs/wwwresources/images/nav/node_open.gif) left no-repeat;
	}
#sidenav ul li a.open:hover
	{
	background: url(/ccs/wwwresources/images/nav/node_open_hover.gif) left no-repeat;
	}
#sidenav ul li a.closed
	{
	background: url(/ccs/wwwresources/images/nav/node.gif) left no-repeat;
	}
#sidenav ul li a.closed:hover
	{
	background: url(/ccs/wwwresources/images/nav/node_over.gif) left no-repeat;
	}

/*
 * Second Level
 */
#sidenav ul ul li
	{
	position: relative; width: 100%; 
	border: none;
	}
#sidenav ul ul li a
	{
	font-weight: normal;
	border: none;
	}
/* Activates flyout */
#sidenav ul ul li:hover ul
	{
	visibility: visible;
	}
#sidenav ul ul li.over ul /* IE */
	{
	visibility: visible;
	}
/* extends beyond width of menu */
#sidenav ul ul li.over
	{
	width: 100%;
	}
#sidenav ul ul li a:hover { }
#sidenav ul ul li a.open
	{
	background: url(/ccs/wwwresources/images/nav/subnode.gif) left no-repeat;
	}
#sidenav ul ul li a.open:hover
	{
	color: #495bbb;
	background: url(/ccs/wwwresources/images/nav/subnode_hover.gif) left no-repeat;
	border: none;
	}
#sidenav ul ul li a.closed { }
#sidenav ul ul li a.closed:hover { }

/*
 * Third Level (flyouts)
 */
/*
#sidenav ul ul li.over a
	{
	color: #495bbb;
	background: #d6ebf5 url(/ccs/wwwresources/images/nav/subnode_hover.gif) left no-repeat;
	}
*/
#sidenav ul ul ul
	{
	width: 13em;
	margin: 0; padding: 0;
	list-style: none;
	}
#sidenav ul ul li.over ul li a
	{
	background: url(/ccs/wwwresources/images/nav/leaf_blue.gif) left no-repeat;
	}
#sidenav ul ul li.over ul li a:hover
	{
	background: url(/ccs/wwwresources/images/nav/leaf_blue.gif) left no-repeat;
	}
	
/*
 * Extra Levels
 */
#sidenav ul ul ul ul
	{
	display: none;
	}

/* urhere behaviours */
/*
#sidenav ul ul li a.urhere
	{
	background: url(/ccs/wwwresources/images/nav/leaf.gif) left no-repeat;
	}
#sidenav ul ul ul li a.urhere
	{
	background: url(/ccs/wwwresources/images/nav/leaf_blue.gif) left no-repeat;
	} 
*/

/* did not work in safari
#sidenav ul ul li a.urhere:before
	{
	content: "»";
	}
*/

/*
 * Related Links
 */
#related-links
	{
	border-top: 1px solid #fb9a20;
	border-bottom: 1px solid #ffd9a2;
	}
#related-links ul
	{
	margin: 0; padding: 0;
	list-style: none;
	}
#related-links li
	{
	font: normal small Arial, Helvetica, sans-serif;;
	border-top: 1px solid #ffd9a2;
	border-bottom: 1px solid #fb9a20;
	}
#related-links a
	{
	color: white;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	}
	
/*
 * First Level
 */
#related-links ul li a:hover
	{
	color: #cc6600;
	}
	

/*
 * Expand menu control
 */
#menuToggle
	{
	clear: both;
	padding-left: 11px;
	}
#menuToggle a
	{
	color: white;
	}