/*HORIZONTAL POP OUT MENU*/
#nav {
	position:relative;
	z-index:950;
	font-size: 13px;
	border-top: solid 5px #419eeb;
	/*margin-bottom: 10px;*/}
#nav ul { /* remove bullets and list indents */ 
	display:block;
	width: 241px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	z-index: 990;
	background: url(../images/generic/header/nav/bg.gif) left bottom no-repeat;
	/*border-top:solid 1px #e4e4e4;*/}

#nav li {/* make the list elements a containing block for the nested lists */
	float: left;
	width: 241px;
	height: 28px;
	line-height: 28px;
	padding: 0px 0px;
	margin: 0px 0px;
	display:block;
	list-style: none;
	position: relative;
	z-index: 998;}
	
#nav li li, #nav li li li {/* make the list elements a containing block for the nested lists */
width:241px;
height:auto;
position: relative;
/*float: left;*/
z-index:999;
margin:0; padding: 0px 0px 0px 0px;
background:url(../images/generic/arrow_orange.gif) 12px 10px no-repeat #cbcbcb;
border-left:solid 1px #ccc;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
}
#nav li li:hover, #nav li li li:hover {
	background-color:#ffffff !important;}

/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#nav li a:link, #nav ul li a:active, #nav ul li a:visited {
	background: url(../images/nav-li.jpg) top left no-repeat;
	color: #444;
	display: block;
	padding: 0px 25px;
	text-decoration: none;
	display:block;
	z-index:999;}
#nav li a:hover,
#nav li.selected a:link,
#nav li.selected a:active,
#nav li.selected a:visited {
	background: url(../images/nav-li-hover.jpg) top left no-repeat !important;
	color: #ffffff !important;}
#nav ul ul li a:hover {
	color: #ffffff !important;
	background: url(../images/nav-ul-li-hover.jpg) top left no-repeat #1a479a !important;}

/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#nav ul ul li a:link, #nav ul ul li a:visited, #nav ul ul li a:active { 
	text-decoration: none;
	display: block;
	width:191px;
	z-index: 999;
	font-size:11px;
	background: #eeeeee;}
#nav ul li.selected ul li a:link, #nav ul li.selected ul li a:visited, #nav ul li.selected ul li a:active { 
color:#444444 !important;
	background: #eeeeee !important;}
#nav ul li.selected ul li a:hover {
	color: #ffffff !important;
	background: url(../images/nav-ul-li-hover.jpg) top left no-repeat #153a80 !important;}
#nav ul li ul li ul li a:link, #nav ul li ul li ul li a:visited, #nav ul li ul li ul li a:active {}

/*POSITIONING THE POP OUTS*/
#nav ul ul {
	position: absolute;
	top:-1px;
	left:241px;
	width: 243px;
	z-index: 990;
	padding:0;
	margin:0;
	border-top:solid 1px #999999;}
#nav ul ul ul {
	top:-1px;
	left:241px;}

/*HIDING & REVEALING 2 LEVEL USING :hover*/
div#nav ul li ul, div#nav ul li:hover ul { /*visibility:hidden;*/display:none}
div#nav ul li:hover ul, div#nav ul ul li:hover ul { /*visibility:visible;*/display:block}

/*HIDING & REVEALING 3 LEVEL USING :hover*/
div#nav ul ul ul, div#nav ul ul li:hover ul ul {display:none !important;}
div#nav ul ul li:hover ul, div#nav ul ul ul li:hover ul {display:block !important;}

/* ################ PAGINATION ############## */

#pagination {
                height: 20px;
                padding: 0px 30px 30px 30px;}
#pagination .pages {
                
                text-align: center;
                float: left;
                line-height: 14px;
                width: 14px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 2px;
                height: 14px;
                border: solid 1px #419EEB;
                background: #A0CFF6;
				color:#000066;}

#pagination .dots {
                text-align: center;
                float: left;
                line-height: 14px;
                width: 14px;
                padding: 0px 0px 0px 2px;
                margin: 0px 0px 0px 2px;
                height: 14px;
                color: #faa519;
                border: solid 1px #000000;}

#pagination .next,
#pagination .prev {
                line-height: 14px;
                height: 14px;
                text-align: center;
                float: left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 2px;}

#pagination .selected {
                text-align: center;
                float: left;
                line-height: 14px;
                width: 14px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 2px;
                height: 14px;
				background: #419EEB;
                border: solid 1px #419EEB;color: #fff;}



#pagination .selected a:link,
#pagination .selected a:active,
#pagination .selected a:visited {
                color: #ffffff;}

#pagination a:link,
#pagination a:active,
#pagination a:visited {
                color: #333;
                display: block;
                text-decoration: none;}