/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	display: block;
	height: 22px;
	width: 615px;
	padding:5px;
	border:solid 1px #ccc;
	background:#fff;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	line-height: 21px;
	color: #3c683c;
	margin: 0px 6px 0px 0;
	padding: 0px 20px 0px 0;
	background: url(images/Chevron.gif) no-repeat 100% 0;
	font-size:1.15em;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	line-height: 22px;
	float: left;
	text-decoration:none;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	background:url(images/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	color: #3c683c;
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.breadCrumb ul li.last a { display: block; width: 100%; }
.chevronOverlay
{
	display: none;
	background: url(images/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}
/* Styles for the dropmenu nested in the tabs */
span.dropable {
	padding-right: 18px; cursor: pointer;
	background: url(images/arrowD.png) no-repeat right 2px;
}
.breaddrop ul{
	height: 1.4em;
	margin: 10px 0;
}
.breaddrop li a{text-decoration:none;color:#3c683c;}
.breaddrop li a:hover{color:#222;}
.breaddrop li{
	display: inline;
	float: left;
	line-height: 1.2em;
	padding: 4px 15px;
	position: relative;
	text-align: center;
	text-decoration:none;
	color: #666;
	z-index: 900;
}

.breaddrop li:hover{text-decoration:none;color:#222}

/* Second tier */

.breaddrop li ul{
	background-color: #e6e6e6;
	display: none;
	height: auto;
	left: 0;
	margin: 0;
	position: absolute;
	top: 100%;
	width: 150px;
	z-index: 900;
	border: 1px solid #ddd;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

.breaddrop li:hover ul{
	display: block;
}

.breaddrop li ul li{
	border:none;
	margin: 0;
	font-size:.85em;
	padding: 5px 10px;
	text-align: left;
	width: 130px;
	z-index: 900;
	background-image: none;
}
.breaddrop li ul li:hover{
	background-color: #bbb;
	background-image: none;
}
.breaddrop li ul li a{
	text-decoration: none;
	background-image: none;
}
.breaddrop li ul li:hover a{
	background-color: #bbb;
	display: block;
	background-image: none;
}