/* ######### Topnav CSS ######### */

.topnav ul{ /* position and style of the box CONTAINING the top menu*/
	margin: 0px;
	padding: 0px;   /* font style, size */
	list-style-type: none;  /* background colour of box */
	overflow: hidden; /* width of the box, can be % or pixels */
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.topnav li{
display: inline;
margin: 0; /* margin of menu item provided it doesn't have a pullout */
}

.topnav li a{
	display: block;
	text-decoration: none; /*right divider between tabs*/
	color: #333333; /* default background colour of menu items */
	padding-top: 15px;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	background-position: center;
	padding-right: 15px;
	padding-left: 15px;
}

.topnav li a:visited{
}

.topnav li a:hover{
	color: #26448c;
}

.topnav a.selected{
	color: #000000;
}

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

.pullout, .pullout ul{
font: normal 13px Verdana; /* font style, size and attribute */
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid black; /* border size, style and colour - if you change this you need to change the one below */
border-bottom-width: 0;
visibility: hidden; /* do not change */
z-index: 100; /* do not change */
}

.pullout li a{
	display: block;
	width: 160px; /*width of menu (not including side paddings)*/
	color: black; /* default background colour */
	text-decoration: none;
	padding: 4px 5px; /* see note 2 below */
	border-bottom: 1px solid black; /* border size, style and colour - if you change this you need to change the one above */
}

* html .pullout li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (width of li a (160px) + 2 x padding of li a (2 x 5px)*/
}

.pullout li a:hover{
background-color: black; /* background colour when hovering over pullouts */
color: white; /* font colour when hovering over pullouts */
}

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

.downarrowpointer{  /*CSS for arrow image - affects topnav*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image - affects pullouts*/
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;
}