@charset "utf-8";
/* CSS Document containing CSS for the NAV MENU, IMAGE CAROUSEL and COLORBOX (lightbox copy) */


/* ==== NAV MENU ========= http://www.stunicholls.com/menu/jquery-slide-2.html ====== */
/* uses jQuery slide effects, so requires JQuery to be loaded */


#navbar-holder {
	height:30px;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin:0;padding:0;
}

#nav {
	margin:0; 
	padding:6px 0 0 0; 
	list-style:none; 
	margin-left:70px; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	position:relative; z-index:10; /*position and z-index required for IE, so make the menu appear over the rounded corner box below it */
} 
#nav ul {padding:0; margin:0; list-style:none; display:none;} 

#nav li {
	float:left; 
	position:relative;
	margin:0px;padding:0;
}
#nav li a { white-space:nowrap;}
#nav li b {
	display:block; padding: 1px 10px 2px 10px; cursor:pointer; float:left; 
	font-weight:normal;
	color:#fff;
	border-left:1px solid #fff;
	line-height:16px;
	text-decoration:none;
}
#nav li a b#last {border-right:1px solid #fff;} /* applies border to last menu item (well, last except for RSS feed) */
#nav li#rssfeed a b {margin-left:20px; padding-left:25px; border-left:none; background:url(../images/icons/rss-feed.png) no-repeat 8px center;}
#nav li#rssfeed a b:hover {background-color:#666;}

#nav li a b.clicked, #nav li.current a b {
	background-color:#333;
	color:#FF3;
	text-decoration:none;
}

#nav li ul {
	position:absolute;
	left:0;
	top:19px;
	height:auto;
	float:left;
	background-color:#333;  /* background colour of drop down menu */
	padding:4px 3px;
	border:1px solid #fff;	/* border colour of drop down menu */
	border-top:none;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

#nav li ul li {float:none;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 6px 0 14px; color:#fff; } /* styles for drop down menu items */
#nav li ul li a:hover {
	background:url(../images/icons/yellowdot.gif) no-repeat 5px center;
	background-color:#000; /* background HOVER colour of drop down menu items */
	color:#FF0; /* text HOVER colour of drop down menu items */
	text-decoration:none;
}
/* --- END NAV ------------------------------------------------------------------------------------- */


/* --- START Easy Slider  --------------------------------------------------------------------------- */

	/* image replacement */
			.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
					margin:0;
					padding:0;
					display:block;
					overflow:hidden;
					text-indent:-8000px;
					}
	/* image replacement */
			

.slider-holder {position:relative;margin-top:20px;} /* relative required to previous/next position buttons */

#slider p {
	font: normal 12px Arial, Helvetica, sans-serif; color: #000; 
	/*background-color:#CCC;*/ 
	padding:3px 0; margin:0; 
	/*border-right:1px solid #666; border-left:1px solid #666;*/ 
}
#slider p.title {font-weight:bold; color:#FC0; background-color: #666; margin-top:5px;}
#slider p.link {font-weight:bold;background-color:#ddd; padding-top:0;}
#slider p.link a {color:#666;}
#slider p.link a:hover {color:#333;}
/*#slider img:hover {}*/

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider li { 
	width:230px;
	height:210px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	left:0px; /* use negative number to position prev arrow to the left */
	top:185px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:205px; /* positions right arrow */
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:22px;
	height:22px;
	background:url(../scripts/sliderimages/buttons.png) no-repeat 0px -50px;
	overflow:hidden;
	}	
#prevBtn a:hover, slider1prev a:hover	{background-position: 0px -72px;}
	
	
#nextBtn a, #slider1next a{ 
	background-position: 0 0px;	
	}	
#nextBtn a:hover, #slider1next a:hover { 
	background-position: 0 -22px;	
	}	

/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* Easy Slider */