#nav {
		width: 770px;
		height: 22px;
		background: url("../images/nav_bg.gif") repeat-x;
		background-color: #D3DCF0;
		text-align: center;
		border-top: 1px solid #C7CCE0;
		border-bottom: 1px solid #C7CCE0; }
		
		#nav ul {
			margin: 0 0 0 23px;
			padding:0;
			list-style-type: none; }
			
			#nav span {
					visibility: hidden; }
				
			#nav a {
				display: block;
				text-decoration: none;
				height: 22px; }
			
			#nav li {
				display: inline;
				height: 22px;
				float: left;
				padding: 0px; }
				
				/*background fix for pc ie flickering */
				li.overview { width: 96px; background-image: url("../images/nav/overview.gif"); }	
				li.packages-and-pricing { width: 154px; background-image: url("../images/nav/packages-and-pricing.gif"); }	
				li.sample-web-sites { width: 145px; background-image: url("../images/nav/sample-web-sites.gif"); }	
				li.contact-us { width: 108px; background-image: url("../images/nav/contact-us.gif"); }	
				li.admin-area { width: 110px; background-image: url("../images/nav/admin-area.gif"); }	
				li.my-account { width: 113px; background-image: url("../images/nav/my-account.gif"); }	

				li.overview a { width: 96px; background-image: url("../images/nav/overview.gif"); }	
				li.packages-and-pricing a  { width: 154px; background-image: url("../images/nav/packages-and-pricing.gif"); }	
				li.sample-web-sites a { width: 145px; background-image: url("../images/nav/sample-web-sites.gif"); }	
				li.contact-us a { width: 108px; background-image: url("../images/nav/contact-us.gif"); }	
				li.admin-area a { width: 110px; background-image: url("../images/nav/admin-area.gif"); }	
				li.my-account a { width: 113px; background-image: url("../images/nav/my-account.gif"); }		
				
				
				#nav li a:hover { background-position: 0px -22px; }
				
				
				/* nav rollover state for active pages */
				li.overview_over a {width: 96px; background-image: url("../images/nav/overview.gif"); background-position: 0px -22px; }
				li.packages-and-pricing_over { width: 154px; background-image: url("../images/nav/packages-and-pricing.gif"); background-position: 0px -22px; }	
				li.sample-web-sites_over { width: 145px; background-image: url("../images/nav/sample-web-sites.gif"); background-position: 0px -22px; }	
				li.contact-us_over { width: 108px; background-image: url("../images/nav/contact-us.gif"); background-position: 0px -22px; }	
				li.admin-area_over { width: 110px; background-image: url("../images/nav/admin-area.gif"); background-position: 0px -22px; }	
				li.my-account_over { width: 113px; background-image: url("../images/nav/my-account.gif"); background-position: 0px -22px; }	
				
		#subnav {
			background: url("../images/subnav_bg.gif") left bottom no-repeat;
			background-color: #DAE0F3;
			height: 28px;
			text-align: center; }
			
			#subnav ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				padding-top: 5px;
				margin-left: -8px;
				_margin-left: -5px; }
				
				#subnav a {
					text-decoration: none;
					height: 18px; }
					
				#subnav a:link, #subnav a:active, #subnav a:visited {
					text-decoration: none;
					font-family: arial, helvetica, verdana, sans-serif;
					font-weight: bold;
					font-size: 11px;
					color: #DE6184; }
					
				#subnav a span {
					margin-left: 12px; }
					
				#subnav a:hover, a.selected {
					background: url("../images/nav/flower.gif") no-repeat; }
				
				#subnav li {
					display: inline;
					text-align: center;
					padding: 2px 0px;}
					
				/* admin subnav */
				#adminsubnav #subnav {
					height: 38px;}
					
				
				.subsubnav { 
					position: relative;
				}
				
				.subsubnav a {
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 11px; }
				
				.subsubnav a:link, .subsubnav a:active, .subsubnav a:visited {
					text-decoration: underline;
					color: #2F297F;
					position: relative; }
					
				.subsubnav a:hover {
					background: none !important;
					text-decoration: underline !important;
					font-weight: normal !important; 
					color: #DE6184 !important;
					position: relative; }
				
					
					.subsubnav a.selected {
						background: none !important;
						text-decoration: none !important;
						font-weight: bold !important;
						color: #DE6184 !important; }
					
					.subsubnav a.selected:hover {
						background: none !important;
						text-decoration: underline !important;
						font-weight: bold !important;
						color: #DE6184 !important; }