/* Great Lengths Menu Navigation CSS Document */

ul#navigation{
	font-size: 0.6em;
	text-transform: uppercase;
	font-weight:normal;
}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#navigation ul {
	padding-top:7px;
}

ul#navigation li { 
	position: relative;
	float: left;
	height:23px;
}
ul#navigation>li li { /* Needed for Opera 9. Hide from IE6 */
	float: none;
}

#navigation a {
	display: block;
	width: 155px; /* ****CHANGE MENU WIDTH**** */
	color: #666666;
	background-color: #ffffff;
	padding: 0;
	text-decoration: none;

}
ul#navigation a:hover {
	color: #ffffff;
	background-color: #005e96;
	
}

ul#navigation li li a {
	top: -1px;
	width: 160px; /* ****CHANGE SUBMENU WIDTH**** */
/*	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;*/
	border: 1px solid #999999;	
	padding:5px 0 5px 10px;
	}
	
ul#navigation li li li a {
	width: 155px; /* ****CHANGE SUBMENU WIDTH**** */
	border: 1px solid #999999;
	padding:5px 0 5px 10px;
	}


ul#navigation li ul {
	position : absolute;
	left: -999em;
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	top: -1px;
	left: -1px;
	margin-left: 100%;
}

/* ****DISPLAYS HORIZONTAL MENU**** */
#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul {
   	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}

.nav-arrow {
	background-image: url(../images/gl_nav_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}



/* GL Nav styles  */

#navigation a.nav-home { 
	width:50px;
	height:23px;
}
#navigation a.nav-greatlengths { 
	width:124px;
	height:23px;
}
#navigation a.nav-ethicality { 
	width:92px;
	height:23px;
}
#navigation a.nav-aftercare { 
	width:93px;
	height:23px;
}
#navigation a.nav-professional { 
	width:115px;
	height:23px;
}
#navigation a.nav-locator { 
	width:127px;
	height:23px;
}
#navigation a.nav-news { 
	width:55px;
	height:23px;
}
#navigation a.nav-events { 
	width:69px;
	height:23px;
}
#navigation a.nav-gallery { 
	width:75px;
	height:23px;
}
#navigation a.nav-contact { 
	width:104px;
	height:23px;
}

#sub-navigation-blue {
width:577px;
height:19px;
background-image:url(../images/gl_2nd_nav_blue.jpg);
background-repeat:repeat-x;
background-position:top;
padding:4px 10px 0 10px;
border-left:#95b5da 1px solid;
border-right:#112944 1px solid;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}


a.subnav {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.subnav:hover {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
}