﻿/* CSS Document */

#nav {
	font-family: arial, sans-serif;
	font-size: 11px;
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 120px;
	width: 500px;
	position:relative;
	background:#FFFFFF url(/i/arrow-grey.gif) left 73%  no-repeat;
}
/* remove bullets, left indent */
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li {
	border-bottom:1px solid #BEB4B4;
	font-weight:bold;
}

/* make the list horizontal */
#nav ul li { display: inline; float: left;}

/* sytle the links */
#nav ul li a {
	text-decoration: none;
	color: #968C8C;
	padding-right: 0px;
	padding-left: 10px;
}
#nav ul li a .no-arrow {
	background-image: none;
}

/* hide level 2 menu and position it - NEED TO SORT WIDTH OF LEVEL 2 AS BOTTOM SCROLLBAR IS APPEARING*/
#nav ul li ul {visibility:hidden; position:absolute; top:30px; left:0px; width: 640px; font-size: 10px;}

#nav ul li ul a {background: url(/i/arrow-grey.gif) center left no-repeat; padding-right: 10px;}

/* add rollover */
#nav ul li a:hover{color: #000000; text-decoration: none; }

/* hide level 3 menu and position it
#nav ul li ul li ul{visibility:hidden; position:absolute; top:30px; left:10px;}*/

.none {color: #CCCCCC; 	
	padding-right: 0px;
	padding-left: 10px;
	font-weight:bold;
}


/* NEWS ITEMS / MONTHLY / QUARTERLY MENU */

#nav-news {
	font-family: arial, sans-serif;
	font-size: 11px;
	float: left;
	margin-top: 0px;
	width: 150px;
	position:relative;
}
/* remove bullets, left indent */
#nav-news ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav-news li {
	font-weight:bold;
}

/* make the list horizontal */
#nav-news ul li {}

/* sytle the links */
#nav-news ul li a {
	color: #968C8C;
	margin-bottom: 5px;
	line-height: 16px;
	padding: 0px;
	background:url(/i/arrow-grey.gif) center left no-repeat;
	padding: 0 0 0 10px;
}

/* add rollover */
#nav-news ul li a:hover{color: #000000; text-decoration:none; background:url(/i/arrow-red.gif) center left no-repeat; }

/* hide level 2 menu and position it*/
#nav-news ul li ul {visibility:hidden; position:absolute; top:20px; /*left:10px;*/ left:0px; }


/* NEWS ITEMS / MONTHLY / QUARTERLY MENU ORIG for LIVE news */

#nav2 {
	font-family: arial, sans-serif;
	font-size: 11px;
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 28px;
	width: 650px;
	position:relative;
	background:#FFFFFF url(/i/arrow-grey.gif) left 45%  no-repeat;
}
/* remove bullets, left indent */
#nav2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
#nav2 li {
	border-bottom:1px solid #BEB4B4;
	font-weight:bold;
	
}

/* make the list horizontal */
#nav2 ul li { display: inline; float: left; }

/* sytle the links */
#nav2 ul li a {
	color: #968C8C;
	margin-right: 25px;
	margin-bottom: 0;
	line-height: 18px;
	padding: 0px;
	background:#FFFFFF url(/i/arrow-grey.gif) center left no-repeat;
	padding: 0 0 0 10px;
}

/* add rollover */
#nav2 ul li a:hover{color: #000000; text-decoration:none; background:#FFFFFF url(/i/arrow-red.gif) center left no-repeat; }

/* hide level 2 menu and position it*/
#nav2 ul li ul {visibility:hidden; position:absolute; top:20px; left:0px; border-bottom:1px solid #BEB4B4; }


/* academy calendar page */
#nav3 {
	font-family: arial, sans-serif;
	font-size: 11px;
	float: right;
	margin-top: 0px;
	margin-right: 28px;
	width: 650px;
	position:relative;
}
/* remove bullets, left indent */
#nav3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
#nav3 li {
	border-bottom:1px solid #BEB4B4;
	font-weight:bold;
}

/* make the list horizontal */
#nav3 ul li { display: inline; float: left; }

/* sytle the links */
#nav3 ul li a {
	color: #968C8C;
	margin-right: 13px;
	margin-left: 13px;
	margin-bottom: 0;
	line-height: 18px;
	padding: 0px;
	background:#dacbb3 url(/services/i/grey-arrow-menu.gif) center left no-repeat;
	padding: 0 0 0 10px;
}

/* add rollover */
#nav3 ul li a:hover{color: #000000; text-decoration:none; background:#dacbb3 url(/services/i/red-arrow-menu.gif) center left no-repeat; }

/* hide level 2 menu and position it*/
#nav3 ul li ul {visibility:hidden; position:absolute; top:20px; /*left:10px;*/ left:0px; border-bottom:1px solid #BEB4B4; }
