/* CSS Document */

/* Content Container */

#menuContent {
	/*border: 1px solid red;*/
	width: 640px; /* width of menu content graphic NOT page */
	min-height: 100px; /* keep container expanded whilst content is pulled in with AJAX*/
	margin: 0; /* add top margin to allow selected tab to over lap */
	padding: 15px 10px 10px 10px;
	background: transparent url('../../imgs/ajaxTabMenu/menuBg2.jpg') no-repeat 0% 0%;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */

.indentMenu{
	/*border: 1px solid red;*/
	width: 100%; /*leave this value as is in most cases*/
	margin-top: .5em;
	position: relative;
	z-index: 5;
}

.indentMenu ul{
	/*border: 1px solid red;*/
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*width of menu*/
}

.indentMenu ul li{
display: inline;
font: .85em Georgia, "Times New Roman", Times, serif;
/* here where you can add a repeat bg */
}

.indentMenu ul li a{
float: left;
width: 141px;
color: #964809; /*text color*/
text-align: center;
padding-top: 4px;
padding-bottom: 2px;
text-decoration: none;
background: transparent url('../../imgs/ajaxTabMenu/tab2.gif') no-repeat 0% 0%;
}

.indentMenu ul li a:visited{
color: #964809;
}

.indentMenu ul li a:hover{
color: #964809;
background: transparent url('../../imgs/ajaxTabMenu/tabSelected.jpg') no-repeat 0% 0%;
}

.indentMenu ul li a.selected{
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 4px;
background: transparent url('../../imgs/ajaxTabMenu/tabSelected.jpg') no-repeat 0% 0%;
}