@charset "UTF-8";
/* CSS Document */

/********* BEGIN EXAMPLE SUB NAVIGATION STYLES ********/
/********* To create additional sub navigation, you will need to duplicate this file with an appropriate name (sub-nav-about.css, for example) and alter the background image filenames. ********/
/********* To create additional sub navigation images, use the psd template provided ********/

#sub-nav {
	width:250px;
	margin:0;
	padding:0;
	float:left;
	clear:left;
}
#sub-nav .section-title {
	width:250px;
	height:29px;
	margin:0;
}
#sub-nav .section-title span {
	display:none;
}
ul#navigation-sub {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	width:213px;
	height:23px;
}
ul#navigation-sub li {
	position:relative;
	display:block;
	height:24px;
	width:213px
}
ul#navigation-sub li a {
	display:block;
	height:24px;
}
ul#navigation-sub li span {
	display:none;
}
ul#navigation-sub li.nav-01 a { background-image:url(../images/secondary/sub-nav-example/sub-section-1.gif);}
ul#navigation-sub li.nav-02 a { background-image:url(../images/secondary/sub-nav-example/sub-section-2.gif);}
ul#navigation-sub li.nav-03 a { background-image:url(../images/secondary/sub-nav-example/sub-section-3.gif);}
ul#navigation-sub li.nav-04 a { background-image:url(../images/secondary/sub-nav-example/sub-section-4.gif);}
ul#navigation-sub li.nav-05 a { background-image:url(../images/secondary/sub-nav-example/sub-section-5.gif);}
ul#navigation-sub li.nav-06 a { background-image:url(../images/secondary/sub-nav-example/sub-section-6.gif);}
ul#navigation-sub li.nav-07 a { background-image:url(../images/secondary/sub-nav-example/sub-section-7.gif);}

ul#navigation-sub li a:hover { background-position:0px -24px;}

/********* END SUB NAVIGATION STYLES ********/