/* begin css tabs */

/*
BODY tag needs to have ID  indicating current site (currently one of: kkcj, ppt, pavilion, fotl, jpe)
*/

ul#network-bar { /* general settings */
	background-color: #BDB4A7;
	background-image: url(http://www.kkcj.org/images/site_top_nav_bar/bg_kkcj.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #9E8EAF; /* set border COLOR as desired */
	color: #eee;
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	line-height: 16px;
	list-style-type: none;
	margin: 0; /* set margins as desired */
	padding: 10px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
	text-align: left; /* set to left, right or center */
}

	ul#network-bar li { /* do not change */
		display: inline;
		margin: 0;
	}

		ul#network-bar li a { /* settings for all tab links */
			background-color: #777777; /* set unselected tab background color as desired */
			background-position: bottom;
			background-repeat: repeat-x;
			background-image: url(http://www.kkcj.org/images/design/tab-gradient.png);
			border-top: 1px solid #CCC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
			border-left: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
			border-right: 1px solid #444; /* set border COLOR as desired; usually matches border color specified in #tabnav */
			color: #ccc; /* set unselected tab link color as desired */
			margin-right: 0px; /* set additional spacing between tabs as desired */
			padding: 5px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
			text-decoration: none;
			border-bottom: none;
		}

			ul#network-bar li a:hover { /* settings for hover effect */
				background-color: #E7A72E; /* set desired hover color */
				border-top: 1px solid #FFE3AD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
				border-left: 1px solid #FFE3AD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
				border-right: 1px solid #AD7D23; /* set border COLOR as desired; usually matches border color specified in #tabnav */
				color: #230034;
			}

			ul#network-bar li a img
			{
				vertical-align: bottom;
				padding-right: 6px;
			}

		ul#network-bar li.label
		{
			font-weight: bold;
			margin-left: 0;
			margin-right: 1em;
		}

		ul#network-bar li#kkm
		{
			font-variant: small-caps;
		}

/* settings for selected tab and link */

	/* general settings */
body#kkcj li#tab-kkcj a, body#ppt li#tab-ppt a, body#pavilion li#tab-pavilion a, body#fotl li#tab-fotl a, body#jpe li#tab-jpe a { /* settings for selected tab link */
	position: relative;
	top: 1px;
	padding-top: 6px; /* must change with respect to padding (X) above and below */
}

	/* site-specific settings */

body#kkcj ul#network-bar li#tab-kkcj {
	border-bottom: 1px solid #230034; /* set border color to page background color */
	background-color: #230034; /* set background color to match above border color */
}

	body#kkcj ul#network-bar li#tab-kkcj a {
		background-color: #230034; /* set selected tab background color as desired */
		color: #fff; /* set selected tab link color as desired */
	}

		body#kkcj ul#network-bar li#tab-kkcj a:hover { /* settings for hover effect */
			background-color: #230034;
			border-top: 1px solid #C7BBD2;
			border-left: 1px solid #9E8EAF;
			border-right: 1px solid #4D405B;
			color: #ccc;
		}

body#ppt ul#network-bar li#tab-ppt {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	body#ppt ul#network-bar li#tab-ppt a {
		color: #000; /* set selected tab link color as desired */
	}

body#pavilion ul#network-bar li#tab-pavilion {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	body#pavilion ul#network-bar li#tab-pavilion a {
		color: #000; /* set selected tab link color as desired */
	}

body#fotl ul#network-bar li#tab-fotl {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	body#fotl ul#network-bar li#tab-fotl a {
		color: #000; /* set selected tab link color as desired */
	}

body#jpe ul#network-bar li#tab-jpe {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	body#jpe ul#network-bar li#tab-jpe a {
		color: #000; /* set selected tab link color as desired */
		background-color: #008EBC; /* set background color to match above border color */
	}

body#ksm ul#network-bar li#tab-ksm {
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	body#ksm ul#network-bar li#tab-ksm a {
		color: #000; /* set selected tab link color as desired */
	}

/* end css tabs */