/* ********************* */
/* ****** MAIN NAV ***** */
/* ********************* */

/* Clear Out */
.main_nav, .main_nav *{
	margin: 0px;
	padding: 0px;
	border:none;
}

.main_nav, .main_nav ul {list-style: none}

.main_nav li {position:relative; float:left; display:block; list-style: none; list-style-image: none; list-style-position: outside;}

.main_nav li a {cursor:pointer; display: block; margin-top: 6px;}

.main_nav li ul { position: absolute; left: -9999em; width: 15em;} /* Move the Sub Nav's a long way away */
.main_nav li:hover ul, .main_nav li.sfhover ul {left:4px; z-index:9999} /* On Hover, Move them Back and to the front */

.main_nav li ul li {position:relative;}

.main_nav li ul li ul{ position: absolute; display: none; top: 0px; width:12.8em;} /* Move the Sub Sub Nav's a long way away */
.main_nav li ul li:hover ul, .main_nav li ul li.sfhover ul {left: 12.7em; display:block; z-index:99999} /* On Hover, Move them Back and to the front */
	
.main_nav li li {float:none; margin: 0px; padding: 0px; height: 35px; margin-top: 4px;}
.main_nav li li a {padding: 0px 0px 0px 10px; margin: 0px; width: 100%; height: 100%; }
	
/* hide from IE mac \*/
.main_nav li {width:auto}
/* end hiding from IE5 mac */




/* BACKGROUNDS */
.main_nav li#nav_home{
    width: 97px;
    height: 54px;
    margin: 0px 0px 0px 0px;
    background: url('images/nav/1_home.jpg') 0 0 no-repeat;
}
.main_nav li#nav_home:hover{
    background-position: 0px -54px;
}

.main_nav li#nav_about{
    width: 121px;
    height: 54px;
    margin: 0px 0px 0px 0px;
    background: url('images/nav/2_about.jpg') 0 0 no-repeat;
}
.main_nav li#nav_about:hover{
    background-position: 0px -54px;
}

.main_nav li#nav_whatwedo{
    width: 122px;
    height: 54px;
    margin: 0px 0px 0px 0px;    
    background: url('images/nav/3_whatwedo.jpg') 0 0 no-repeat;
}
.main_nav li#nav_whatwedo:hover{
    background-position: 0px -54px;
}

.main_nav li#nav_getinvolved{
    width: 141px;
    height: 54px;
    margin: 0px 0px 0px 0px;    
    background: url('images/nav/4_getinvolved.jpg') 0 0 no-repeat;
}
.main_nav li#nav_getinvolved:hover{
    background-position: 0px -54px;
}



.main_nav li#nav_kokodatrack{
    width: 170px;
    height: 54px;
    margin: 0px 0px 0px 0px;    
    background: url('images/nav/5_kokodatrack.jpg') 0 0 no-repeat;
}
.main_nav li#nav_kokodatrack:hover{
    background-position: 0px -54px;
}

.main_nav li#nav_intouch{
    width: 123px;
    height: 54px;
    margin: 0px 0px 0px 0px;    
    background: url('images/nav/6_intouch.jpg') 0 0 no-repeat;
}
.main_nav li#nav_intouch:hover{
    background-position: 0px -54px;
}


.main_nav li#nav_contact{
    width: 118px;
    height: 54px;
    margin: 0px 0px 0px 0px;    
    background: url('images/nav/7_contact.jpg') 0 0 no-repeat;
}
.main_nav li#nav_contact:hover{
    background-position: 0px -54px;
}




.main_nav li a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.main_nav li li {background: none; background-image: url('images/backgrounds/transparent_subnav_up.png');}
.main_nav li li:hover {background: none; background-image: url('images/backgrounds/transparent_subnav_over.png');}
.main_nav li li.active {background: none; background-image: url('images/backgrounds/transparent_subnav_active.png');}
.main_nav li li a {background: none;}

/*.main_nav li li {background: #444;}
.main_nav li li:hover {background: #333;}
.main_nav li li.active {background: #222;}
.main_nav li li a {background: none;}*/

/* FONTS AND TEXT */
.main_nav li a{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 30px;
	font-weight: normal;
	text-decoration:none;
	font-style: normal;
	text-align: left;	
}

.main_nav li li a{
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	font-style: normal;		
}

/* Borders */

.main_nav li ul{
	border-width: 1px;
	border-style: none none none none;
	border-color:#BFBFBF;
}

.main_nav li li {
	border-width: 1px;
	border-style: none none none none;
	border-color:#f8f8f4;
}

.main_nav li li li{
	border-width: 1px;
	border-style: none none none none;
	border-color:#BFBFBF;
} 


/* **************************** */
/* ****** BREADCRUMBS NAV ***** */
/* **************************** */


.breadcrumbs_nav li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	background-image: url('images/icons/blue_arrow.png');
	background-repeat: no-repeat;	
}

.breadcrumbs_nav li:first-child{
	background-image: none;
	padding-left: 0px;
}

.breadcrumbs_nav li a{
	color: #666;
	font-size: 8pt;
	font-weight:bold;
}

.breadcrumbs_nav li a:hover{
	color: #333;
}



/* ********************* */
/* ****** SUB NAV ***** */
/* ********************* */

.sub_nav li{
	margin: 0px 0px 0px 0px;
	list-style-position: inside;
	list-style-image: url('images/icons/green_arrow.png');
}

.sub_nav li li{
	margin: 0px 0px 0px 20px;
	list-style-image: url('images/icons/green_plus.png');
}

.sub_nav a{
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}

.sub_nav a:hover{
	text-decoration: underline;
}

.sub_nav li li a{
	font-weight: normal;
}