/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none; list-style-position:outside; list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */
.spanHidden { visibility:hidden; visibility:collapse; height:0px;}

@font-face {
	font-family: 'CharterBTRoman';
	src: url('../fonts/tt0648m_-webfont.eot');
	src: local('☺'), url('../fonts/tt0648m_-webfont.woff') format('woff'), url('../fonts/tt0648m_-webfont.ttf') format('truetype'), url('../fonts/tt0648m_-webfont.svg#webfontn8ttQ7pI') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1.font-CharterBTRoman { 
	font-family: 'CharterBTRoman'; 
	font-size:1.8em;
	font-weight:normal;
	color:#f2d166;
}
h2.font-CharterBTRoman { 
	font-family: 'CharterBTRoman'; 
	font-size:1.6em;
	font-weight:normal;
	color:#e5ba2b;
}
h2.font-CharterBTRoman-sidebar { 
	font-family: 'CharterBTRoman'; 
	font-size:1.8em;
	font-weight:normal;
	color:#f2d166;
}
span.font-color {
	color:#e5ba2b;
	display:inherit;
}
/* ------------------------ type selectors ------------------------ */

body { 
	background:#1f5381 url("../images/wrap-bg.jpg") top no-repeat;
	text-align:center; 
	font:12px/21px Arial, Trebuchet MS, Helvetica, sans-serif; 
	color:#FFF;

	}
#wrap-bg {
	background: url("../images/bg-body.jpg") top center repeat-x;
	width: 100%;
}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.4em; color:#e9bc28; }
h2	{ font-size:1.2em; color:#e9bc28; }
h3	{ font-size:1.0em; color:#fff; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#ffffff; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}
.clear2	{ 
	clear:both;
	height:50px;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.html") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 30px 10px 10px; 
	}

img.img-inset {
	float:right; 
	margin:5px 30px 10px 10px; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow:0px 1px 15px #204376;
	-webkit-box-shadow:0px 1px 15px #204376;
	-moz-box-shadow: 0px 1px 15px #204376;
}

h3.new-office {
	text-align:right;
	padding:25px 10px 0 0;
	font-size:1.8em;
	font-family: 'CharterBTRoman';
	text-shadow: 1px 1px 3px #888;	
}

h3.new-office a:link, h3.new-office a:visited { color:#121826; text-decoration:underline; outline:none; }
	

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */
#contact-us-title {background: #ie5382/**url(../images/title-contact-us.jpg) no-repeat **/; height:42px; }

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:965px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:70px;
	}
	/* index page link within #masthead */		
	#masthead a.home {	
		position:absolute;
		left:0px;
		width:200px;
		top:0px;
		height:70px; 
		}
	#masthead a.home span {
		display:none;
		}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:626px;
	float:left;
	background:url("../images/subhead-bg.jpg") no-repeat;
	margin:0;
	padding:0;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:5px 30px 10px 45px;
		
		}
	


	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url("../images/bullet.jpg") 0px 2px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:13px; /* pushes text to the right to display bg img */
			}

	/* multi column list */
	#column-left ul { padding-left:5px; } 
		#column-left ul li { 
			background:transparent url("../images/bullet.jpg") 0px 2px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:13px;  /* pushes text to the right to display bg img */
			line-height:20px; 
			}

	/* definition list */
	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:339px;
	float:left;
	background-image:url("../images/right-column-backGround-repeat.jpg");
	background-repeat:repeat-y;
	}
	
#column-right-title{
	background-image:url("../images/right-column.jpg");
	background-repeat:no-repeat;
}
#featured-case{ 
	background-image:url("../images/title-featured-case.jpg");
	background-repeat:no-repeat;
	padding-top:66px;
	}
#our-location{ 
	background-image:url("../images/our-locations-bg.jpg");
	background-repeat:no-repeat;
	padding-top:50px;
	}
body#contactMain #our-location{
	background-image:url("../images/title-contact-inside.jpg");
	background-repeat:no-repeat;
}

#social-icons {
	margin: 20px 31px 10px 30px;
}
	
	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 31px 10px 30px;
		}


	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}

	/* multi column list */
/*	#column-right ul { padding-left:5px; } 
		#column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			/*padding-left:10px;*/  /* pushes text to the right to display bg img */
/*			float:left;
			width:150px;
			line-height:20px; 
			}
*/
	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}

/* ------------------------ header framework ------------------------ */
/*#header-flash { height:408px; }*/ /* sets height for the flash header - REMOVE IF NOT USED */
/*#active-x {height:408px;}*/
#header-graphic { height:408px; } /* sets height for all non-flash headers */

	body#index #header-graphic { background:url("../images/header-index.jpg"); }
	body#about #header-graphic { background:url("../images/header-index.jpg"); }
	body#doctors #header-graphic { background:url("../images/header-index.jpg"); }
	body#cerec #header-graphic { background:url("../images/header-index.jpg"); }
	body#contactMain #header-graphic { background:url("../images/header-index.jpg"); }
	body#cosmetic-dentistry #header-graphic { background:url("../images/header-index.jpg");  }
	body#sitemap #header-graphic { background:url("../images/header-index.jpg"); }
	body#dental-implants #header-graphic { background:url("../images/header-index.jpg"); }
	body#doctors #header-graphic { background:url("../images/header-index.jpg"); }
	body#faq #header-graphic { background:url("../images/header-index.jpg"); }
	body#financing #header-graphic { background:url("../images/header-index.jpg"); }
	body#gallery #header-graphic { background:url("../images/header-index.jpg"); }
	body#general-dentistry #header-graphic { background:url("../images/header-index.jpg"); }
	body#invisalign #header-graphic { background:url("../images/header-index.jpg"); }
	body#laser-dentistry #header-graphic { background:url("../images/header-index.jpg"); }
	body#new-patient #header-graphic { background:url("../images/header-index.jpg"); }
	body#porcelain-crowns #header-graphic { background:url("../images/header-index.jpg"); }
	body#porcelain-veneers #header-graphic { background:url("../images/header-index.jpg"); }
	body#preventative #header-graphic { background:url("../images/header-index.jpg"); }
	body#restorative-dentistry #header-graphic { background:url("../images/header-index.jpg"); }
	body#sitemap #header-graphic { background:url("../images/header-index.jpg"); }
	body#smile-makeover #header-graphic { background:url("../images/header-index.jpg"); }
	body#teeth-whitening #header-graphic { background:url("../images/header-index.jpg"); }
	body#thankyou #header-graphic { background:url("../images/header-index.jpg"); }
	body#new-york-financing #header-graphic { background:url("../images/header-index.jpg"); }
	body#miami-financing #header-graphic { background:url("../images/header-index.jpg"); }
	body#miami-practice #header-graphic { background:url("../images/header-index.jpg"); }
	body#technology #header-graphic { background:url("../images/header-index.jpg"); }

/* ------------------------ subhead framework ------------------------ */
#index-photos {
		background-image:url("../images/index-left-photos.jpg");
		height:334px;
		}

#index-sub-title{
	background-image:url("../images/sub-title-index.jpg");
	background-repeat:no-repeat;
	padding-top:93px;
	}
#faq-sub-title{
	background-image:url("../images/sub-title-faq.jpg");
	background-repeat:no-repeat;
	padding-top:93px;
	}
#faq-sub-title-2{
	background-image:url("../images/sub-title-faq-idq.jpg");
	background-repeat:no-repeat;
	padding-top:93px;
	}
#subhead { padding-top:50px; } /* sets height for all subheads */
	body#index #subhead { background:url("../images/subhead-index.jpg") no-repeat; }
	body#about #subhead { background:url("../images/subhead-about.jpg") no-repeat; }
	body#doctors #subhead { background:url("../images/subhead-doctors.jpg") no-repeat; }
	body#cerec #subhead { background:url("../images/subhead-cerec.jpg") no-repeat; }
	body#contactMain #subhead { background:url("../images/subhead-contact.jpg") no-repeat; }
	body#cosmetic-dentistry #subhead { background:url("../images/subhead-cosmetic-dentistry.jpg") no-repeat;  }
	body#sitemap #subhead { background:url("../images/header-index.jpg") no-repeat; }
	body#dental-implants #subhead { background:url("../images/subhead-dental-implants.jpg") no-repeat; }
	body#faq #subhead { background:url("../images/subhead-faq.jpg") no-repeat; }
	body#financing #subhead { background:url("../images/subhead-financing.jpg") no-repeat; }
	body#gallery #subhead { background:url("../images/subhead-gallery.jpg") no-repeat; }
	body#general-dentistry #subhead { background:url("../images/subhead-general-dentistry.jpg") no-repeat; }
	body#invisalign #subhead { background:url("../images/subhead-invisalign.jpg") no-repeat; }
	body#laser-dentistry #subhead { background:url("../images/subhead-laser-dentistry.jpg") no-repeat; }
	body#new-patient #subhead { background:url("../images/subhead-new-patient.jpg") no-repeat; }
	body#porcelain-crowns #subhead{ background:url("../images/subhead-porcelain-crowns.jpg") no-repeat; }
	body#porcelain-veneers #subhead { background:url("../images/subhead-porcelain-veneers.jpg") no-repeat; }
	body#preventative #subhead { background:url("../images/subhead-preventative.jpg") no-repeat; }
	body#restorative-dentistry #subhead { background:url("../images/subhead-restorative-dentistry.jpg") no-repeat; }
	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg") no-repeat; }
	body#smile-makeover #subhead { background:url("../images/subhead-smile-makeover.jpg") no-repeat; }
	body#teeth-whitening #subhead { background:url("../images/subhead-teeth-whitening.jpg") no-repeat; }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg") no-repeat; }
	body#technology #subhead { background:url("../images/subhead-technology.jpg") no-repeat; }
	body#new-york-financing #subhead { background:url("../images/subhead-bg.jpg") no-repeat; }
	body#miami-financing #subhead { background:url("../images/subhead-bg.jpg") no-repeat; }
	body#miami-practice #subhead { background:url("../images/subhead-bg.jpg") no-repeat; }
	

/* ------------------------ subhead framework with varying heights ------------------------ */
#subhead-meet-doc {
	height:55px;
	background:url("../images/subhead-meet-doc.html") ;
	}

/* ------------------------ title framework with varying heights ------------------------- */
#title-contact {
	background:url("../images/title-contact.jpg") ;
	background-repeat:no-repeat;
	padding-top:10px;
	}
	#title-contact-inside {
	background: url("../images/title-contact-inside.jpg") ;
	background-repeat:no-repeat;
	padding-top:10px;
	}
#title-contact-2{
	background:url("../images/title-contact-featured-case.jpg") ;
	background-repeat:no-repeat;
	padding-top:50px;
	height:180px;
	}

#title-our-procedures {
	height:35px;
	background:url("../images/title-our-procedures.html") ;
	}

/* ------------------------------------- Buttons ---------------------------------------- */
#btn-special-offer {
		height:186px;
		display:block;
		background:url("../images/dental-btn-special-offer.html") no-repeat;	
		}
		#btn-special-offer:hover {
				background:url("../images/dental-btn-special-offer.html") -100px 0 no-repeat; /* -100px = horizontal img shift, 0px = vertical shift from top */
				}
		#btn-special-offer span { display:none; }


/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:169px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:760px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#ffffff;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#ffe733; }
#footer a:hover, #footer a:active { color:#ffffff; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFFFFF;
		}
	#footer li.first { border: none; }

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:965px; 
	height:59px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:59px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 100px;}
#nav-02 { width: 100px;}
#nav-03 { width: 240px;}
#nav-04 { width: 148px;}
#nav-05 { width: 188px;}
#nav-06 { width: 79px;}
#nav-07 { width: 89px;}


/*-------------- (-79px) X position of button / (-50px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")   0px -59px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -100px -59px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -200px -59px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -440px -59px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -588px -59px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -776px -59px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -855px -59px no-repeat; }


body#index #nav-01 { background:url("../images/nav-on-state.jpg")  no-repeat; }

body#about #nav-02 { background:url("../images/nav-on-state.jpg") -100px no-repeat; }
		body#doctors #nav-02 { background:url("../images/nav-on-state.jpg") -100px no-repeat; }
		body#new-patient #nav-02 { background:url("../images/nav-on-state.jpg") -100px no-repeat; }
		body#faq #nav-02 { background:url("../images/nav-on-state.jpg") -100px no-repeat; }
		body#financing #nav-02 { background:url("../images/nav-on-state.jpg") -100px no-repeat; }
		
body#cosmetic-dentistry #nav-03 { background:url("../images/nav-on-state.jpg") -200px no-repeat; }
		body#smile-makeover #nav-03 { background:url("../images/nav-on-state.jpg") -200px no-repeat; }
		body#teeth-whitening #nav-03 { background:url("../images/nav-on-state.jpg") -200px no-repeat; }
		body#porcelain-veneers #nav-03 { background:url("../images/nav-on-state.jpg") -200px no-repeat; }
		body#invisalign #nav-03 { background:url("../images/nav-on-state.jpg") -200px no-repeat; }

body#general-dentistry #nav-04 { background:url("../images/nav-on-state.jpg") -440px no-repeat; }
		body#preventative #nav-04 { background:url("../images/nav-on-state.jpg") -440px no-repeat; }
		body#restorative-dentistry #nav-04 { background:url("../images/nav-on-state.jpg") -440px no-repeat; }
		body#porcelain-crowns #nav-04 { background:url("../images/nav-on-state.jpg") -440px no-repeat; }

		
body#technology #nav-05 { background:url("../images/nav-on-state.jpg") -588px no-repeat; }
		body#dental-implants #nav-05 { background:url("../images/nav-on-state.jpg") -588px no-repeat; }
		body#cerec #nav-05 { background:url("../images/nav-on-state.jpg") -588px no-repeat; }
		body#laser-dentistry #nav-05 { background:url("../images/nav-on-state.jpg") -588px no-repeat; }
		
body#gallery #nav-06 { background:url("../images/nav-on-state.jpg") -776px no-repeat; }
body#contact #nav-07 { background:url("../images/nav-on-state.jpg") -855px no-repeat; }


#sub-nav {
	background: url("../images/sub-nav.html");
	height: 43px;
}
	#sub-nav ul { margin: 0px 30px 0px 30px; padding: 10px 0px 10px 0px;}
	#sub-nav ul li {
		border-left: 1px solid #eae0c6;
		display: inline;
		padding: 0px 10px 0px 9px;
	}
	#sub-nav ul li.first {border-left: none; padding-left: 0px;} 
	#sub-nav ul li a:link, #sub-nav ul li a:visited { color: #eae0c6; text-decoration: underline;}
	#sub-nav ul li a:hover, #sub-nav ul li a:active { color: #fff; text-decoration: none;}
	
/* ------------------------ horizontal sprite nav ------------------------ */

#index-bullet-list {
	position:relative;
		background-image:url("../images/index-bullet-list.jpg");
		height:141px;
		}

	/* index page link within #masthead */		
	#index-bullet-list a.smile-makeover {
	position:absolute;
	left:43px;
	width:258px;
	top:30px;
	height:23px;
		}
	#index-bullet-list a.teeth-whitening {
	position:absolute;
	left:42px;
	width:258px;
	top:58px;
	height:23px;
		}
		#index-bullet-list a.procelain-veneers {
	position:absolute;
	left:44px;
	width:258px;
	top:81px;
	height:23px;
		}
			#index-bullet-list a.insivalign {
	position:absolute;
	left:43px;
	width:258px;
	top:106px;
	height:23px;
		}
		#index-bullet-list a.preventative {
	position:absolute;
	left:340px;
	width:258px;
	top:34px;
	height:23px;
		}
	#index-bullet-list a.restorative {
	position:absolute;
	left:340px;
	width:258px;
	top:57px;
	height:23px;
		}
			#index-bullet-list a.crowns {
	position:absolute;
	left:340px;
	width:258px;
	top:81px;
	height:23px;
		}
	
	#index-bullet-list a span {
		display:none;
		}

#index ul.multi2 { padding-left:5px; }
		#index ul.multi2 li { 
			background:transparent url("../images/bullet.jpg") 0px 3px no-repeat;
			padding-left:13px;  /* pushes text to the right to display bg img */
			line-height:20px; 
			}
/*ol{ padding-left: 10px; width:475px; list-style-type:decimal;}
#orderList {padding-left: 35px;  }		
ol.multiList { padding-bottom:5px; } 
		ol li {
			padding-top:5px;
			margin:0 10px 0 35px;
			}
*/

.multi2 strong {
	color: #E9BC28;
	font-weight: bold;
}


#index ul.multi2 { padding-left:5px;}
		#index ul.multi2 li, #about ul.multi2 li, #doctors ul.multi2 li, #cerec ul.multi2 li, #contact ul.multi2 li, #cosmetic-dentistry ul.multi2 li,#dental-implants ul.multi2 li,#doctors ul.multi2 li,#faq ul.multi2 li,#financing ul.multi2 li,#gallery ul.multi2 li,#general-dentistry ul.multi2 li,#invisalign ul.multi2 li,#laser-dentistry ul.multi2 li,#new-patient ul.multi2 li,#porcelain-crowns ul.multi2 li,#porcelain-veneers ul.multi2 li,#preventative ul.multi2 li,#restorative-dentistry ul.multi2 li,#sitemap ul.multi2 li,#smile-makeover ul.multi2 li ,#technology ul.multi2 li ,#teeth-whitening ul.multi2 li ,#thankyou ul.multi2 li,#miami-practice ul.multi2 li   { 
			background:transparent url("../images/bullet.jpg") 0px 3px no-repeat;
			padding-left:15px;  /* pushes text to the right to display bg img */
			line-height:20px; 
			}

/*ol{ padding-left: 10px; width:475px; list-style-type:decimal;}
#orderList {padding-left: 35px;  }		
ol.multiList { padding-bottom:5px; } 
		ol li {
			padding-top:5px;
			margin:0 10px 0 35px;
			}
			
			#about ul.multi2 { padding-left:5px; width: 550px; }
		#about ul.multi2 li  { 
			background:transparent url("../images/bullet.jpg") 0px 3px no-repeat;
			padding-left:15px;  
			float:left;
			width:442px;
			line-height:20px; 
			}
			
*/

.multi2 strong {
	color: #E9BC28;
	font-weight: bold;

}






/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */

#nav li ul {
			

            position:absolute;

            left:-9999px;

            background-color:#204376;         /* Background color of drop down nav - add more styles (i.e. background image) if you want */

            margin-left:0px; /* Set to same width as in #nav */

            margin-top: 0px; /* Set to each button height, same as used above */

            }

 

#nav li ul li {
	
            height:23px; /* Height of each drop down nav item */
			border:1px solid #183760;
            border-top:none;
			background-color:#204376; 
            }

 

#nav li ul li a {
			
            width:100%;

            height:23px; /* Height of each drop down nav item, should match above */

            line-height:25px;            /* Height of each drop down nav item again, should match above */

            }

 

#nav li ul li a span {
			

            display:block;

            padding-left:5px;

            }

 

/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
			
			
            font-size:1.0em;

            color:#FFFFFF;

            text-decoration:none;

            }

 

#nav li:hover ul, #nav li.sfHover ul { left: auto; }

 

/* Hover styles for drop down items */

#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover   { 
			background-image:none;
		
            background-color:#003399;

            color:#FFFFFF;

            text-decoration:none;

            }

 

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li  {width:170px; background-image:none; } 
#nav-03 ul, #nav-03 li { width:240px; }    
#nav-04 ul, #nav-04 li { width:148px; }
#nav-05 ul, #nav-05 li { width:188px; }



.bna-api { border-bottom-color:#FFCC00; border:1px solid ; margin: 0 0 0 2px; }



/* ------------------------ sidebar nav ------------------------ */
ul#sidebar-nav {
  margin: 0 0 25px 30px;
}

ul#sidebar-nav li {
  background-image: none;
  margin: 0 0 4px 0;
  padding: 0;
}

ul#sidebar-nav li li {
  background-image: none;
  margin: 0 0 8px 10px;
  padding: 0;
}


ul#sidebar-nav ul {
  margin-top: 8px;
}


ul#sidebar-nav li a:link, ul#sidebar-nav li a:visited {
  background: #204376 ;
  display: inline-block;
  padding: 9px 10px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #31599a;
  position: relative;
  cursor: pointer;
  width: 235px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  margin-left:15px;
}


ul#sidebar-nav li li a:link, ul#sidebar-nav li li a:visited {
  width: 180px;
}


ul#sidebar-nav li a:active, ul#sidebar-nav li a:hover {
  color: #fff;
  background-color: #003399;
}

ul#sidebar-nav li.current ul li a:active, ul#sidebar-nav li.current ul li a:hover {
  color: #fff;
  background-color: #003399;
}

ul#sidebar-nav li a:active {
  top: 1px;
}

ul#sidebar-nav li.current a:link, ul#sidebar-nav li.current a:visited {
  background-color: #003399;
}

ul#sidebar-nav li.current li a:link, ul#sidebar-nav li.current li a:visited {
  background: #003399;
}

ul#sidebar-nav li.parent a:active,ul#sidebar-nav li.parent a:hover {
  color: #194a74;
  background-color: #f2d166;
}

ul#sidebar-nav li.parent a:link, ul#sidebar-nav li.parent a:visited {
  background-color: #f2d166;
  color: #194a74;
  margin-left:0px !important;
  width: 250px;
}