/* Start of CMSMS style sheet 'Smile South Florida NAVIGATION' */
/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	margin-top: 21px;
	margin: 12px 0px 12px 0px;
}

ul#nav li {
	display: block;
	margin: 0;
        list-style: none;

}

ul#nav li a,
ul#nav li a:visited {
        font-weight: normal;  
	zoom: 1;
	line-height: 0px;
	margin: 0px;
	text-decoration: none;
	border-bottom: 0;
	font: bold 11px tahoma, arial;
	text-transform: uppercase;
	display: block;
	padding: 8px 10px 7px 20px;
	border-bottom: solid 1px #f2efec;
        min-height:1em; /* Fixes IE7 whitespace bug */ 
	margin-right: 1px; 
}

/** fix stupid ie bug with display:block; **/
* html #nav li a { height: 1%; } 
* html #nav li hr { height: 1%; }
/** end fix **/


ul#nav li a:hover {
	text-decoration: none;
	background: #e0edf2; 
}

ul#nav li.currentpage,
ul#nav li.activeparent {
	background: #26a4ca url('../images/current-page.jpg') no-repeat left top;
	border-bottom-color: #2798c0;
	zoom: 1;
	line-height: 0px;
	margin: 0px;
	text-decoration: none;
	border-bottom: 0;
	font: bold 11px tahoma, arial;
	display: block;
	padding: 5px 12px 5px 20px;
	border-bottom: solid 1px #f2efec;
	margin-right: 1px;
        color: #fff;
        font-weight: bold; 
}

ul#nav li.currentpage a,
ul#nav li.currentpage a:visited,
ul#nav li.activeparent a,
ul#nav li.activeparent a:visited {
	border-bottom-color: #2798c0;
	color: #fff;
        font-size: 11px;
	padding: 5px 12px 5px 0px;  
}



ul#nav li.currentpage a:hover,
ul#nav li.activeparent a:hover {
	background: transparent;
	color: #fff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
ul#nav ul h3 {
   display: block; 
   padding: 4px 10px 4px 0px;            /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}



/* /////////////////////////////////
	NAV sub level 2
///////////////////////////////// */

ul#nav li.currentpage ul,
ul#nav li.activeparent ul
{
	margin: 0px;
	background: #2692bb;
	padding: 4px 0px;	
        font-size: 100%;
	padding: 4px 10px 4px 0px;
}

ul#nav li.activeparent ul li a { 	
       font: bold 14px tahoma, arial;
       background: #2692bb;
       color: #fff;
}


ul#nav li.activeparent ul li li a  { 	
      font-weight: none;
      background: transparent;
}

ul#nav li.currentpage ul li a,
ul#nav li.currentpage ul li a:visited,
ul#nav li.activeparent ul li a,
ul#nav li.activeparent ul li a:visited {
	display: block;
	zoom: 1;
	line-height: 0px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	text-transform: none;
	border-bottom: 0;
	font: normal 11px tahoma, arial;
	border-bottom: 0;;
	margin-right: 1px;	
	color: #d1ecf3;
        font-weight: bold;
}

ul#nav li.activeparent ul li a,
ul#nav li.activeparent ul li a:visited {
	display: block;
	zoom: 1;
	line-height: 0px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	text-transform: none;
	border-bottom: 0;
	font: normal 11px tahoma, arial;
	border-bottom: 0;;
	margin-right: 1px;	
	color: #d1ecf3;
        font-weight: bold;
}

ul#nav li.currentpage ul li a:hover,
ul#nav li.activeparent ul li a:hover {
	background: #0f6297;	
	color: #fff;
	font: normal 11px tahoma, arial;
	font-weight: bold;
}

ul#nav li.activeparent ul li.currentpage,
ul#nav li.activeparent ul li.activeparent {
	background: #1483ad;	
	font: normal 11px tahoma, arial;
	padding: 4px 10px 4px 10px;
}

ul#nav li.activeparent ul li.currentpage a,
ul#nav li.activeparent ul li.currentpage a:visited,
ul#nav li.activeparent ul li.activeparent a,
ul#nav li.activeparent ul li.activeparent a:visited{
	color: #fff;	
	font-weight: bold;
	font: normal 11px tahoma, arial;
	padding: 5px 12px 5px 0px; 

}

ul#nav li.activeparent ul li.currentpage a:hover,
ul#nav li.activeparent ul li.activeparent a:hover {
	background: #0f6297;	
	color: #fff;	
	font: normal 11px tahoma, arial;
        font weight: bold;
}


/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
ul#nav ul ul h3 {
   display: block; 
   padding: 5px 0px 5px 0px;            /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */   
   background: #26a4ca
}


/* /////////////////////////////////
	NAV sub level 3
///////////////////////////////// */

ul#nav li.activeparent ul li.activeparent ul li li,  {
	background: #1483ad;
	font: normal 14px tahoma, arial;
	font-weight: bold;
}


ul#nav li.activeparent ul li.currentpage ul,
ul#nav li.activeparent ul li.activeparent ul {
	background: #1483ad;
	font: normal 11px tahoma, arial;
	font-weight: bold;
}

ul#nav li.activeparent ul li.currentpage ul li a,
ul#nav li.activeparent ul li.currentpage ul li a:visited,
ul#nav li.activeparent ul li.activeparent ul li a,
ul#nav li.activeparent ul li.activeparent ul li a:visited {
	display: block;
	zoom: 1;
	line-height: 0px;
	margin: 0px;
	padding: 4px 10px 4px 15px;
	text-decoration: none;
	text-transform: none;
	border-bottom: 0;
	font: normal 11px tahoma, arial;
	border-bottom: 0;;
	margin-right: 1px;	
	color: #d1ecf3; 

}

ul#nav li.activeparent ul li.currentpage ul li a:hover
ul#nav li.activeparent ul li.activeparent ul li a:hover {	
	color: #fff;
	font-weight: bold;
	background: #0c769e; 

}

ul#nav li.activeparent ul li.currentpage ul li.currentpage a,
ul#nav li.activeparent ul li.currentpage ul li.currentpage a:visited,
ul#nav li.activeparent ul li.activeparent ul li.currentpage a,
ul#nav li.activeparent ul li.activeparent ul li.currentpage a:visited {	
	color: #fff;
	font-weight: normal;
	background: #17699e;
  	font: normal 11px tahoma, arial; 
}

/* current page on third level, more padding */
ul#nav ul ul ul h3 {
   background: transparent;
   color: #fff;    
}



/* section header */
ul#nav li.sectionheader {
   border-right: none;
   font-size: 100%;
   font-weight: bold;

   background-color: #fff;

   margin: 0;
   text-align:center;
}



/* separator */
ul#nav li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

ul#nav li.separator hr {
   display: none; /* this is for accessibility */
}





#horizontal {
	margin: 0px auto;
	margin-top: 1px;
}
#horizontal ul {
	margin: 0px;
	padding: 0px;
}
#horizontal ul li {
        font: bold 14px Arial, Helvetica, sans-serif;
}
#horizontal ul li a {
	display: block;
	text-decoration: none;
}
#horizontal ul li.current_page_item a {
	color: white;
	background: #4E79A2;
}
#horizontal ul li a:hover {
	color: black;
	background: #d5aa99;
        width: 200px;
}




#simplesitemap {
	margin: 0px auto;
	margin-top: 1px;
}
#simplesitemap ul {
	margin: 0px;
	padding: 0px;
}
#simplesitemap ul li {
        font: bold 14px Arial, Helvetica, sans-serif;
}
#simplesitemap ul li a {
	display: block;
	text-decoration: none;
}
#simplesitemap ul li.current_page_item a {
	color: white;
	background: #4E79A2;
}
#simplesitemap ul li a:hover {
	color: black;
	background: #d5aa99;
        width: 200px;
}


#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}






#bread {
	padding: 1px;
	margin-bottom: 25px;
        font-size: 14px;
        min-height:1em;
	}

#bread ul.current {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
        font-size: 14px;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 15px;
	border: none;
	list-style: none;
	display: inline;
        font-size: 14px;
	line-height: 12px;
        background: #D3FBF9;
	}

#bread ul li.current  {
	margin-left: 0;
	padding-left: 1px;
	border: none;
	list-style: none;
	display: inline;
        font-size: 14px;
	}
}
#bread ul a:hover {
        color: white;
	background: #2798c0;
        width: 100px;
}


#bread ul li:after{
	content: "| ";
	}
	
#bread ul.first:after{
	content: "   ";
	}

#bread ul li h3 {
	margin-left: 0;
	padding-left: 0;
	display: inline;

   color: #000;                                 /* this will be link color for all levels */
   font-size: 14px;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */   
}





/* End of 'Smile South Florida NAVIGATION' */