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

	#bodyContainer {
		width:980px;
		Position:relative;
	}
	body {
		background-color:#5b5b5b;
		color:#FFFFFF;
		
		margin:0px;
		padding:0px;
		padding-top:0px;
		margin-top:0px;
		background-image:url('/templates/images/bg.gif');
		background-repeat:repeat;
		
	}
	
	#nav_header {
		width:100%;
		height:133px; 
		background-color:#353535; 
		background-image:url('/templates/images/nav_head_bg.gif'); 
		background-repeat:repeat-x;
		position:relative;
	}
	#nav_logo {
		/*position:absolute;
		left:0px;
		top:0px;*/
	}
	#navDiv{
		width:100%; 
		height:32px; 
		line-height:32px; 
		background-color:#000000;
	}
	#nav_left_td {
		background-image:url('/templates/images/nav_left_bg.gif');
		background-repeat:repeat-y;
		background-color:#cccccc;
		width:136px;
	}
	#nav_body_whitespace {
		background-color:#FFFFFF;
		color:#000000;
	}
	#nav_footer_sub {
		color:#999999;
		font-family:Tahoma, Helvetica, sans-serif;
		font-size:10pt;
		text-align:right;
	}
	#nav_footer_sub a, #nav_footer_sub a:visited {
		color:#999999;
		text-decoration:underline;
	}
	#nav_footer_sub a:hover, #nav_footer_sub a:active {
		color:#FFFFFF;
		text-decoration:none;
	}
	#nav_footer {
		font-family:Tahoma, Helvetica, sans-serif;
		width:100%;
		background-color:#000000;
		color:#FFFFFF;
		line-height:30px;
		position:relative;
		font-size:12px;
		font-weight:bold;
	}
	
	
	
	
	#content {
		clear: left;
	}
	
	#pagePath {
		font-family:tahoma, arial, helvetica, sans-serif;
		font-size:8pt;
		font-weight:bold;
		color:#888888;
	}
	#pagePath a {
		color:#666666;
		text-decoration:none;
	}
	#pagePath a:hover, #pagePath a:active {
		color:#000000;
		text-decoration:underline;
	}
	#bodyContainerPadding {
	
		padding-bottom:20px;
		padding-left:5px;
		padding-top:5px;
		padding-right:5px;
	}
	
	#shadow_left_container {
		width:9px; height:100%;background-image:url('/templates/images/shadow_left.png');background-repeat:repeat-y;position:absolute;left:-9px;
	}
	#shadow_right_container {
		width:9px; height:100%;background-image:url('/templates/images/shadow_right.png');background-repeat:repeat-y;position:absolute;right:-9px;
	}
	#shadow_bottom_container {
		width:100%; height:9px;background-image:url('/templates/images/shadow_bottom.png');background-repeat:repeat-x;position:absolute;bottom:-9px;
	}
	#shadow_bottomleft_img {
		position:absolute;
		left:-9px;
		bottom:-9px;
		width:9px;
		height:9px;
	}
	#shadow_bottomright_img {
		position:absolute;
		right:-9px;
		bottom:-9px;
		width:9px;
		height:9px;
	}


/**********************************
	            Drop Down Menus
	************************************/
	
	#nav ul, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
	
	#nav ul li a {
		display: block;
		/*width: 10em;*/
		line-height:32px;
		vertical-align:middle;
		/*display:inline;*/
		/*float:left;*/
		padding:0px 10px 0px 10px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	#nav ul li:hover a {
		background-image:url('/templates/images/nav_top_selected_bg.gif');
		background-repeat:repeat-x;
		background-color:#CCCCCC;
		color:#000000;
	}
	
	#nav ul li { /* all list items */
		float: left;
		/*width: 10em; /* width needed or else Opera goes nuts */
		font-family:Tahoma, Helvetica, sans-serif;
		font-size:10pt;	
		
	}
	
	#nav ul li ul { /* second-level lists */
		position: absolute;
		width: 175px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		z-index:10000;
		background-color:#cccccc;
		border:solid 1px #000000;
		border-top:none;
		font-size:8pt;
		color:#000000;
		line-height:1.5em;
		padding:0px;
		padding-top:5px;
		padding-bottom:5px;
	
	}
	#nav ul li ul li {
		width:155px;
		cursor:pointer;
		font-weight:bold;
		padding-top:4px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:4px;
		border:none;
	}
	#nav ul li ul li:hover {
		background-color:#000000;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
	}
	#nav ul li ul a, #nav ul li ul a:visited {
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}
	#nav ul li ul li:hover a {
		color:#FFFFFF;
	}
	
	#nav ul li:hover ul, #nav ul li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}




	/* ==============================
		CSS STYLES FOR Avastone Menu
	   ==============================
	*/
	
	/***********************************************************
	 Structural CSS for the structure and behavior of the menu 
					   USE EXTREME CAUTION!
	   Modifying the CSS here will most likely break the menu!
	************************************************************/
	
	/* root-level menu list (UL) */
	#navDiv ul {
		position: relative;
		margin: 0;
		border: 0;
		padding: 0;
		display: block;
		white-space: nowrap;
		list-style: none;
		z-index:20;
	}
	/* submenu lists (ULs) */
	#navDiv ul ul {
		position: absolute;
		z-index: 20;
		margin: 0;
		border: 0;
		padding: 0;
		display: block;
		_display: none;
		white-space: nowrap;
		list-style: none;
		visibility: hidden;
	}
	/* menu items */
	#navDiv ul li {
		position: relative;
		list-style: none;
		float: left;
		width: auto;
		_width: 1%;
		_height: 1%;
		margin: 0;
		border: 0;
		padding: 0;
	}
	#navDiv ul li li {
		width: 100%;
		white-space: normal;
	}
	/* menu item links */
	#navDiv ul a,  
	#navDiv ul span {
		display: block;
		text-decoration: none;
		margin: 0;
		border: 0;
		padding: 0;
	}
	#navDiv ul li:hover ul ul,
	#navDiv ul li:hover ul ul ul,
	#navDiv ul li:hover ul ul ul ul,
	#navDiv ul li.iehover ul ul,
	#navDiv ul li.iehover ul ul ul,
	#navDiv ul li.iehover ul ul ul ul {
		left: -9999px;
		visibility: hidden;
		_display: none;
	}
	#navDiv ul li:hover ul,
	#navDiv ul li li:hover ul,
	#navDiv ul li li li:hover ul,
	#navDiv ul li li li li:hover ul,
	#navDiv ul li.iehover ul,
	#navDiv ul li li.iehover ul,
	#navDiv ul li li li.iehover ul,
	#navDiv ul li li li li.iehover ul {
		left: auto;
		visibility: visible;
		_display: block;
	}
	.ArrowPointer {
		cursor: default;
	}
	
	/******************************************************
	 Presentation CSS for customizing the look of the menu
	*******************************************************/
	
	/* root-level menu */
	#navDiv ul { 
		text-align: left;
	}
	#navDiv ul li.spacer {
		width:4px;
	}
	/* menu items */
	/* Typically set menu item borders here. */
	#navDiv ul li {
		height:32px;
	}
	
	#navDiv ul li.first {
		background:none;
	}
	
	/* menu item links */
	/* Typically set padding, colors, text attributes here. */
	#navDiv ul a,  
	#navDiv ul span {
		padding: 0px;
		padding-left:20px;
		padding-right:20px;
		height: 32px;
		font-family:Tahoma, Verdana, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		font-size:14px;
		line-height: 32px;
		background:none;

	}
	#navDiv ul li:hover {
		background-image:url('/templates/images/nav_top_selected_bg.gif');
		background-repeat:repeat-x;
		background-position:left;
		background-color:#cccccc;
	}
	/* hovered menu item links */
	#navDiv ul li:hover a {
		color:#333333;
		text-shadow:1px 1px 0px #FFFFFF;
	}
	#navDiv ul li.active {
		background-image:url('/templates/images/nav_top_selected_bg.gif');
		background-repeat:repeat-x;
		background-position:left;
		background-color:#cccccc;
	}
	#navDiv ul li.active a {
		/*color:#000000;*/
	}
	#navDiv ul li.active ul a {
		background:none;
		color:#FFFFFF;
	}
	
	
	/* nested menu lists/submenus */
	#navDiv ul ul {
		border: none;
		background-color:#cccccc;
		padding-top:2px;
		padding-bottom:5px;
		margin-top:0px;
		border-left: 1px solid #eeeeee;
		border-right:1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	/* nested menu items */
	#navDiv ul li:hover li {
		background:none;
		height:auto;
		line-height:normal;
	}
	#navDiv ul li:hover li a {
		color:#000000;
		font-size:12px;
		line-height:30px;
		height:auto;
		text-shadow:1px 1px 0px #eeeeee;
		
	}
	#navDiv ul li:hover li:hover {
		background-color:#000000;
	}
	#navDiv ul li:hover li:hover a {
		color:#FFFFFF;
		text-shadow:none;
		
	}
	#navDiv ul li:hover li:hover li a {
		
		
	}
	#navDiv ul li:hover li:hover li:hover a {
		
		
	}
	
	/* Applied to the submenu list immediately under the menu item hovered over */
	/* Second-level menu lists only */
	#navDiv ul ul,
	#navDiv ul li:hover ul,
	#navDiv ul li.iehover ul {
		width: 200px; /* width of submenu, must be set so third-level list can get shifted over properly */
	}
	
	/* Applied to the submenu list immediately under the menu item hovered over */
	/* Add more rules here if your menus have more than three (4) tiers */
	#navDiv ul li li:hover ul,
	#navDiv ul li li li:hover ul,
	#navDiv ul li li li li:hover ul,
	#navDiv ul li li.iehover ul,
	#navDiv ul li li li.iehover ul,
	#navDiv ul li li li li.iehover ul {
		left: 200px;
		top: 0;
	}