/*
Vertical Accordions
*/

/*
create these empty classes to allow the javascript to find the different levels containers
*/
.level1{}
.level2{}

/* TODO: USE #134e9b for the rollover colors of the nav */

.accordion_toggle {
	font-family:Helvetica, Arial, sans-serif;
	display: block;
	width: 203px;
	background: url(../images/ccfe_close.gif) no-repeat top left #2b5a8a;
	padding: 0px 0px 0px 13px;
	line-height: 29px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	border-bottom: 1px solid #79bb24;
	cursor: pointer;
	margin: 0;
}

.accordion_toggle_active {
	background: url(../images/ccfe_open.gif) no-repeat top left #2b5a8a;
	color: #ffffff;
	border-bottom: 1px solid #79bb24;
}

.accordion_toggle_over {
	background: url(../images/ccfe_close_over.gif) no-repeat top left #7ad503;
	color: #ffffff;
}

.accordion_toggle_over_open {
	background: url(../images/ccfe_open_over.gif) no-repeat top left #7ad503;
	color: #ffffff;
}

.accordion_content {
	height: 0px;
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	padding: 0px;
}

.vertical_accordion_toggle {
	font-family:Helvetica, Arial, sans-serif;
	display: block;
	height: 29px;
	width: 203px;
	background: url(../images/ccfe_close2.gif) no-repeat top left #396401;
	padding: 0px 0px 0px 13px;
	line-height: 29px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	border-bottom: 1px solid #79bb24;
	cursor: pointer;
	margin: 0;
}

.vertical_accordion_toggle_active {
	background: url(../images/ccfe_open2.gif) no-repeat top left #396401;
	color: #ffffff;
	border-bottom: 1px solid #79bb24;
}

.vertical_accordion_over {
	background: url(../images/ccfe_close_over.gif) no-repeat top left #7ad503;
	color: #ffffff;
}

.vertical_accordion_over_open {
	background: url(../images/ccfe_open_over.gif) no-repeat top left #7ad503;
	color: #ffffff;
}

.vertical_accordion_link {
	display: block;
	overflow: hidden;
	height: 29px;
	line-height: 29px;
	width: 216px;
	background-color: #396401;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	border-bottom: 1px solid #79bb24;
	margin: 0;
}

.vertical_accordion_link_on {
	display: block;
	height: 29px;
	line-height: 29px;
	width: 216px;
	color: #ffffff;
	background-color: #396401;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	border-bottom: 1px solid #79bb24;
	margin: 0;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #397bbe;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

.vertical_accordion_link a,
.vertical_accordion_link a:visited,
.vertical_accordion_link a:hover,
.vertical_accordion_link a:active{
	padding: 0px 0px 0px 13px;
	display:block;
	color: #ffffff;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	width: 203px;
	height: 29px;
}

.vertical_accordion_link a:hover{
	color: #ffffff;
	background-color: #7ad503;
}

.vertical_accordion_link_on a,
.vertical_accordion_link_on a:visited,
.vertical_accordion_link_on a:hover,
.vertical_accordion_link_on a:active{
	padding: 0px 0px 0px 13px;
	display:block;
	color: #ffffff;
	background-color: #7ad503;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	width: 203px;
	height: 29px;
}

.indent_l3{
	background-color: #284601;
	border-bottom: 0px solid #79bb24;  
	height: 20px;
	line-height: 20px;
}

.indent_l3 a,
.indent_l3 a:visited,
.indent_l3 a:hover,
.indent_l3 a:active{
	padding: 0px 0px 0px 20px;
	display:block;
	color: #ffffff;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	width: 196px;
	height: 20px;
}           

#vertical_nested_container {
	margin: 0px;
	width: 216px;
}