@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;
}
ul#navigation-sub li {
	position:relative;
	display:block;
	width:213px
}
ul#navigation-sub li a {
	display:block;
}
ul#navigation-sub li span {
	display:none;
}
ul#navigation-sub li.nav-01 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-1.gif); height:24px;}
ul#navigation-sub li.nav-02 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-2.gif); height:36px;}
ul#navigation-sub li.nav-03 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-3.gif); height:36px;}
ul#navigation-sub li.nav-04 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-4.gif); height:24px;}
ul#navigation-sub li.nav-05 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-5.gif); height:24px;}
ul#navigation-sub li.nav-06 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-6.gif); height:24px;}
ul#navigation-sub li.nav-07 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-7.gif); height:24px;}
ul#navigation-sub li.nav-08 a { background-image:url(../images/secondary/sub-nav-cap/sub-section-8.gif); height:36px;}

ul#navigation-sub li a:hover { background-position:0px -24px;}
ul#navigation-sub li.nav-02 a:hover,  ul#navigation-sub li.nav-03 a:hover, ul#navigation-sub li.nav-08 a:hover { background-position:0px -36px;}

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