/*-------------------------------------------------------------------------
UNIQUE FORMATTING FOR NAV CONTAINER
-------------------------------------------------------------------------*/
#nav{
	
}




/*-------------------------------------------------------------------------
BASIC SET UP - PROBABLY WILL NOT MODIFY
-------------------------------------------------------------------------*/
#nav ul,
#nav ul li,
#nav ul li a{
	display: block;
	margin: 0;
	padding: 0;
}
#nav ul{
	list-style-type: none;
	height: 1%;
}
#nav ul ul{
	height: auto !important;
}
#nav ul li{
	float: left;
}
#nav li li{
	width: 100%;
}

/*----------------------------------------------------------
Code that makes the submenu disappear and reappear
----------------------------------------------------------*/
#nav li ul {
	position: absolute;
	left: -999em;
}

/*Needed for sub sublinks*/
#nav ul,
#nav ul ul{
	line-height: 1;
}

/*
What I did below was confine the “left:auto” property to only be 
applied to the UL tag one level below the LI tag being hovered 
on by using the CSS Child selector “>”. The second selector is 
for those annoying browsers that aren’t up to speed with CSS2 (i.e. < IE7).
*/
#nav li:hover > ul{ 
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}

/* Fix IE crazy menu stuff */
#nav li:hover {
	position: static;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul { 
	left: auto;
}

#sfhover_iframe{
	z-index: 2;
	position: absolute;
	display: none;
}

#nav ul{
	z-index: 3;
}



/*-------------------------------------------------------------------------
FORMATTING FOR MAIN LINKS
-------------------------------------------------------------------------*/
#link1, #link2, #link3, #link4, #link5, #link6, #link7{
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
	margin: 0 1px 0 0 !important;
}

/*unique images for nav links*/
#link1{
	background-image: url(/images/nav/home.gif);
}
#link1:hover, #link1.sfhover{
	background-image: url(/images/nav/home-hover.gif);
}
#link2{
	background-image: url(/images/nav/our-company.gif);
}
#link2:hover, #link2.sfhover{
	background-image: url(/images/nav/our-company-hover.gif);
}
#link3{
	background-image: url(/images/nav/business-insurance.gif);
}
#link3:hover, #link3.sfhover{
	background-image: url(/images/nav/business-insurance-hover.gif);
}
#link4{
	background-image: url(/images/nav/personal-insurance.gif);
}
#link4:hover, #link4.sfhover{
	background-image: url(/images/nav/personal-insurance-hover.gif);
}
#link5{
	background-image: url(/images/nav/free-quote.gif);
}
#link5:hover, #link5.sfhover{
	background-image: url(/images/nav/free-quote-hover.gif);
}
#link6{
	background-image: url(/images/nav/client-services.gif);
}
#link6:hover, #link6.sfhover{
	background-image: url(/images/nav/client-services-hover.gif);
}
#link7{
	background-image: url(/images/nav/contact-us.gif);
	margin: 0 !important;
}
#link7:hover, #link7.sfhover{
	background-image: url(/images/nav/contact-us-hover.gif);
}


/*-------------------------------------------------------------------------
FORMATTING FOR APPEARANCE OF SUBNAVS
-------------------------------------------------------------------------*/
/*font treatments*/
#nav ul li li a{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	display: block;
	margin: 0;
	padding: 6px 12px;
}
#nav ul li li a:link,
#nav ul li li a:visited,
#nav ul li li a:hover,
#nav ul li li a:active{
	color: #000000;
	text-decoration: none;
}

/*border around sublink container*/
#nav ul ul{
	background-color: #000000;
	padding: 4px 5px 5px 5px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/*Sublink Background color and amt of space dividing each*/
#nav li li{
	background-color: #6998E2;
	margin: 1px 0 0 0;
}
/*Sublink Rollover Background color*/
#nav li li:hover,
#nav li li.sfhover{
	background-color: #A9CAFE;
}

/*border around sub-sublink container*/
#nav ul ul ul{
	border-top: 1px solid #FFFFFF;
}
/*Sub-Sublink Background color and amt of space dividing each*/
#nav li li li{
	background-color: #D5A3FF;
}
/*Sub-Sublink Rollover Background color*/
#nav li li li:hover,
#nav li li li.sfhover{
	background-color: #E5C6FE;
}

/*-------------------------------------------------------------------------
WIDTHS FOR EACH SUBNAV & POSITIONING OF SUB-SUBNAV
-------------------------------------------------------------------------*/
#link1 ul{
	width: 190px;
}
#link2 ul{
	width: 160px;
}
#link3 ul{
	width: 150px;
}
#link4 ul{
	width: 180px;
}
#link5 ul{
	width: 180px;
}
#link6 ul{
	width: 150px;
}
#link7 ul{
	width: 180px;
}


#link1 li ul,
#link2 li ul,
#link3 li ul,
#link4 li ul,
#link5 li ul,
#link6 li ul,
#link7 li ul{
	margin-top: -29px;
}

/*-------------------------------------------------------------------------
ARROWS BESIDE SUBLINKS WITH SUB-SUBLINKS
-------------------------------------------------------------------------*/
.nav-arrow{
	background-image: url(/images/nav/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}