/* ######### Sidenav CSS ######### */

.sidenav{
	width: 221px;
	position: relative;
	float: right;
}

.sidenav ul{ /* position and style of box that holds the sidenav menu (but not background colour */
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.sidenav ul li a{
	color: #FFFFFF; /* font colour */
	display: block;
	width: auto; /* padding of links within sidenav */
	padding-left: 24px;  /* padding of links within sidenav */
	text-decoration: none;   /* border of sidenav */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	background-color: #f5929d;
	background-image: url(bulletlist.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	height: 20px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
}

* html .sidenav ul li a{ /*IE6 hack*/
	width: 221px;
}

.sidenav ul li a:visited, .sidenav ul li a:active{
}

.sidenav ul li a:hover, .sidenav ul li a.selected{
	color: #FFFFFF; /* font colour of sidenav on hover */
	background-color: #F5BBC1;  /* background colour of sidenav on hover */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
}

/* ######### Pullout CSS ######### */

.pullout, .pullout ul{ /*topmost and sub ULs, respectively*/
	margin: 0; /* distance of the pullout from the sidemenu */
	padding: 0; /* margin around the menu items in the pullout */
	position: absolute; /* don't change */
	left: 0;
	top: 0;
	list-style-type: none; /* border around pullout: thickness, type, colour */
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
}

.pullout li a{
	display: block;
	width: 185px; /*width of menu (not including side paddings)*/
	color: #FFFFFF; /* default colour of font in pullout */
	background-color: #F5BBC1; /* default background colour in pullout */
	text-decoration: none; /* bottom border of pullouts */
	height: 20px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

* html .pullout li{ /*IE6 CSS hack*/
	display: inline-block; /* this is a special hack for IE6 and is the sum of width of menu li a (160px) + side padding (2 x 5px) */
}

.pullout li a:hover{
	background-color: #F5BBC1; /* background colour of pullout on hover */
	color: #EE7182;  /* hover colour of font on hover */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
}

/* ######### Neutral CSS  ######### */

.rightarrowpointer{ /*CSS for arrow image - affects both sidenav and pullout*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{ /* don't change - only affects the scroll bar */
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}