@charset "UTF-8";
/* CSS Document */

/* added for IE6  */
a:link, a:active, a:visited, a:hover {
	color:#ffffff;
}

#navcontainer {
	color: #ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	width:151px;
	background-color:#7899c4;
	padding: 4px 0 4px 0;
	height:460px;
	overflow-y: auto;
	overflow-x: hidden;
}

.accordion_toggle, #logout, #emccreative, #projectname {
	display: block;
	height: 20px;
	width: 151px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
    cursor: pointer;
	margin-top: 8px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #ffffff;
}

#projectname{
	padding-left:10px;
}

.accordion_toggle_active {
	background-color: #ffffff;
	color: #739bc7;
}

#logout a, #emccreative a {
	text-decoration: none;
	color: #ffffff;
}

.accordion_toggle a, #logout a, #emccreative a{
	display:block;
	padding-left:10px;
}

.accordion_toggle a:hover, #logout a:hover, #emccreative a:hover{
	background-color: #ffffff;
	color: #739bc7;
}

.accordion_content {
	overflow: hidden;
	margin: 0px;
	background-color:#93acd4;
}

.nva1_toggle, .nva2_toggle, .nva3_toggle, .nva4_toggle {
	display: block;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
	margin: 0 0 0 0;
}

.nva1_toggle_active, .nva2_toggle_active, .nva3_toggle_active, .nva4_toggle_active {
	color: #ffffff;
	background: url(../images/arrowdown_white.gif) left center no-repeat;
}


.nva1_content, .nva2_content, .nva3_content, .nva4_content {
	padding: 2px 0 0 10px;
	overflow: hidden;
}

a.nav_class {
	text-decoration: none;
	padding-left:20px;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

a.nav_class:hover {
	text-decoration: none;
	background: url(../images/arrow_white.gif) left bottom no-repeat;
}

/*not sure why, but IE7 seems to need this in order for hover state to work on main menu items- AAP 5/14/08 */
.nva1_toggle:hover {}

.nva1_toggle_active a:hover, .nva2_toggle_active a:hover, .nva3_toggle_active a:hover, .nva4_toggle_active a:hover {
	text-decoration: none;
	background: url(../images/arrowdown_white.gif) left center no-repeat;
}

a.nav_class:active, #nav_selected {
	text-decoration: none;
	background: url(../images/arrow_orange.gif) left bottom no-repeat;
}

h2 {
	margin:0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
}

h3 {
	margin:0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
}