/*
-----------------------------------------------
Exemplars.org
Stylesheet: Navigation.css
Author:   Steve Van Etten 
Organization:	Vermont Design Works
Created: 28 April 2011
----------------------------------------------- */

#navigation
{
	width: 960px;
	height:45px;
	clear:both;
}

#navigation ul
{
	background: transparent url(../images/navigation.png) no-repeat top left;
	padding: 0;
	margin: 0;
	width: 960px;
	height: 45px;
	float: left;
	list-style: none;
	line-height: 1;
}

#navigation a
{
	display: block;
	height: 45px;
	text-decoration: none;
}

#navigation a span
{
	position: absolute;
	left: -999em;
}

#navigation li
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
}

#navigation li, #navigation li a
{
	background-image: url(../images/navigation.png);
	background-position: 0 0;
}

/*
Static Nav State */


#navigation #nav-index a, #navigation #nav-index { 	width: 104px; background-position: -0px 0;}
#navigation #nav-about a, #navigation #nav-about { 	width: 133px; 	background-position: -104px 0;}
#navigation #nav-exemplars-community a, #navigation #nav-exemplars-community { 	width: 145px; 	background-position: -237px 0;}
#navigation #nav-education-materials a, #navigation #nav-education-materials { 	width: 142px; 	background-position: -382px 0;}
#navigation #nav-professional-development a, #navigation #nav-professional-development { width: 156px; background-position: -524px 0; }
#navigation #nav-purchasing a, #navigation #nav-purchasing { 	width: 142px; 	background-position: -680px 0;}
#navigation #nav-resources a, #navigation #nav-resources { 	width: 138px; 	background-position: -822px 0;}

/*
Rollovers */

#navigation #nav-index:hover a, #navigation #nav-index a:hover, #navigation #nav-index.sfhover { background-position: -0px -45px; }
#navigation #nav-about:hover a, #navigation #nav-about a:hover, #navigation #nav-about.sfhover {  background-position: -104px -45px;}
#navigation #nav-exemplars-community:hover a, #navigation #nav-exemplars-community a:hover, #navigation #nav-exemplars-community.sfhover {  background-position: -237px -45px;}
#navigation #nav-education-materials:hover a, #navigation #nav-education-materials a:hover, #navigation #nav-education-materials.sfhover { background-position: -382px -45px;}
#navigation #nav-professional-development:hover a, #navigation #nav-professional-development a:hover, #navigation #nav-professional-development.sfhover { background-position: -524px -45px; }
#navigation #nav-purchasing:hover a, #navigation #nav-purchasing a:hover, #navigation #nav-purchasing.sfhover { 	background-position: -680px -45px;}
#navigation #nav-resources:hover a, #navigation #nav-resources a:hover, #navigation #nav-resources.sfhover { background-position: -822px -45px;}

/*
You Are Here */

#navigation #nav-index.current a { background-position: -0px -90px; }
#navigation #nav-about.current a { background-position: -104px -90px; }
#navigation #nav-exemplars-community.current a { background-position: -237px -90px; }
#navigation #nav-education-materials.current a { background-position: -382px -90px; }
#navigation #nav-professional-development.current a { background-position: -524px -90px; }
#navigation #nav-purchasing.current a { background-position: -680px -90px; }
#navigation #nav-resources.current a { background-position: -822px -90px; }

/* Secondary Navigation */
#secondary-navigation { width:240px;padding:0px 0 20px 0; float:left; clear: both; }
#secondary-navigation ul { margin:0;padding:0; }
#secondary-navigation ul li { list-style-type:none;margin-bottom:10px; }
#secondary-navigation ul li a { text-decoration:none; font-size:15px;font-weight:bold;padding-left:15px; display:block; }
#secondary-navigation ul li a, #secondary-navigation ul li a:visited { color:#0086c8;background:transparent url(../images/bg-secondary-navigation.png) no-repeat -500px 2px; }
#secondary-navigation ul li a:hover, #secondary-navigation ul li a:active { color:#f37507;background:transparent url(../images/bg-secondary-navigation.png) no-repeat -250px 2px; }
#secondary-navigation ul li.current a { color:#000000;background:transparent url(../images/bg-secondary-navigation.png) no-repeat 0 2px; }
#secondary-navigation ul li.current.parent a { color:#000000;background:transparent url(../images/bg-secondary-nav-down.png) no-repeat 0 2px; }
#secondary-navigation ul li.current.parent ul li a { background:none; }
#secondary-navigation ul li.current.parent a.open { color:#0086c8;background:transparent url(../images/bg-secondary-nav-current-down.png) no-repeat 0 0;  }
#secondary-navigation ul li.current.parent a.open, #secondary-navigation ul li.current.parent a.open:hover { color:#f37507; }
#secondary-navigation ul li.current.parent a.open:visited, #secondary-navigation ul li.current.parent a.open:active { color:#0086c8; }
#thank-you-for-registering #secondary-navigation ul li.current.parent a, #success-stories #secondary-navigation ul li.current.parent a, #testimonials #secondary-navigation ul li.current.parent a, #registration-form #secondary-navigation ul li.current.parent a { color:#000000;background:transparent url(../images/bg-secondary-navigation.png) no-repeat 0 2px; }

/* third level styles */
#secondary-navigation ul li ul li a { font-size:13px;font-weight:normal; }
#secondary-navigation ul li ul li a, #secondary-navigation ul li ul li a:visited { color:#0086c8; }
#secondary-navigation ul li ul li a:hover, #secondary-navigation ul li ul li a:active { color:#f37507; }
#secondary-navigation ul li.current ul li a, #secondary-navigation ul li.current ul li a:visited  { color:#0086c8; }
#secondary-navigation ul li.current ul li a:hover, #secondary-navigation ul li.current ul li a:active { color:#f37507; }
#secondary-navigation ul li.current.parent ul li a, #secondary-navigation ul li.current.parent ul li a:visited  { color:#0086c8; }
#secondary-navigation ul li.current.parent ul li a:hover, #secondary-navigation ul li.current.parent ul li a:active { color:#f37507; }
#secondary-navigation ul li.current.parent ul li.current a { font-weight:bold; color:#000000; }
#secondary-navigation ul li.current ul li.current a { font-weight:bold; color:#000000; }


#secondary-navigation ul li ul, #secondary-navigation ul li.current ul { margin:5px 0 0 0; }
#secondary-navigation ul li ul li { margin-bottom:5px; }
#secondary-navigation ul li.current ul li a { background:none; }


/* blue: 0086c8 // orange: #f37507; 

/*Tertiary Navigation */
#tertiary-navigation { width:560px;margin:0 50px 25px 50px;float:left;clear:both; }
#tertiary-navigation p { margin:0; padding:0;list-style-type:none;text-align:center; }
#tertiary-navigation p span { color:#f37507; }
#tertiary-navigation span.last { display:none; }
#tertiary-navigation p a { padding:0 10px 0 10px;text-decoration:none; font-size:13px;font-weight:bold;text-align:center; }
#tertiary-navigation p a, #tertiary-navigation p a:visited { color:#f37507; }
#tertiary-navigation p a:hover, #tertiary-navigation p a:active { color:#0086c8; }
#tertiary-navigation p a.current { color:#000000; }

/*Expandable Footer*/


#nav-explore {margin: 0 auto;overflow: hidden;width: 940px;}
#nav-explore a:link, #nav-explore a:visited { color: #000; text-decoration: none; }
#nav-explore a:hover, #nav-explore a:active { color: #f37507; text-decoration: none; }
#nav-explore h2 { font: normal 1.1em/1.5em Arial, sans-serif; margin: 0; padding: 2px 0 4px; }
p.view-sitemap { font: normal 1.1em/1.5em Arial, sans-serif; margin: 0; padding: 2px 0 4px; }
#nav-explore h2 a { padding-left: 12px; background: transparent url(../images/bg-footer-arrow.png) no-repeat 0 50%; }
p.view-sitemap { margin-bottom:0; padding:0; }
p.view-sitemap a, p.view-sitemap a:visited { color: #000; text-decoration: underline; }
p.view-sitemap a:hover, p.view-sitemap a:active { color: #f37507; text-decoration: underline; }
#nav-explore h2.expanded a { background-image: url(../images/bg-footer-arrow-down.png); }
#nav-explore ul { margin: 0; list-style: none; }
#nav-explore ul ul { padding-bottom: 5px; }
#nav-explore-content > li { float: left; font-size: 11px; border-right: 1px solid #000; padding: 0 5px; }
#nav-explore-content li, #nav-explore-content li li { font-size:11px; }
.expanded #nav-explore-content > li { min-height:162px; }
#nav-explore-content > li > a { padding-bottom: 4px; display: block; }
#nav-explore-index { width:59px; }
#nav-explore-about { width:100px; }
#nav-explore-exemplars-community { width:140px; }
#nav-explore-education-materials { width:140px; }
#nav-explore-professional-development { width:160px; }
#nav-explore-purchasing { width:78px; }
#nav-explore-resources { width:78px; }
#nav-explore-commercial-services { width:115px; }
#nav-explore-contact { width:59px; }

#nav-explore-wrapper { padding:10px;clear:both; }


/* Dropdowns */

#navigation li ul {
	position: absolute;
	background:#F37507;
	width:145px;
	height: auto;
	left: -999em;
	z-index: 200;
	color: #ffffff;
	padding-bottom:5px;
	background-image:none;

}

#navigation li#nav-about ul { width:131px; }
#container #navigation li#nav-about li, #container #navigation li#nav-about li a { width:111px;}
#container #navigation li#nav-about li a { width:111px; }
#navigation li#nav-about li a span { width:111px; }

#navigation li#nav-professional-development ul { width:156px; }
#container #navigation li#nav-professional-development li, #container #navigation li#nav-professional-development li a { width:136px;}
#container #navigation li#nav-professional-development li a { width:136px; }
#navigation li#nav-professional-development li a span { width:136px; }

#navigation li#nav-resources ul { width:136px; }
#container #navigation li#nav-resources li, #container #navigation li#nav-resources li a { width:117px;}
#container #navigation li#nav-resources li a { width:117px; }
#navigation li#nav-resources li a span { width:117px; }


#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}

#navigation li:hover, #navigation li.hover {
    position: static;
}

#container #navigation li li a {border-bottom: 1px solid #ffffff;padding:5px 10px 5px 10px;text-align:left; }
#container #navigation li li.last a {padding:5px;text-align:center;}
#container #navigation li li, #container #navigation li li a { background: none; color: #ffffff;padding:0 5px 0px 5px;width:125px;}
#container #navigation li li a:link, #container #navigation li li a:visited { color: #ffffff; text-decoration: none; padding:5px; }
#container #navigation li li a:hover, #container #navigation li li a:active { color: #ffffff; background: #5FB9E1; text-decoration: none;padding:5px;}


#container #navigation li li a {
	padding:5px 10px 5px 10px;
	width: 125px;
	height: auto;
	text-align:left;
}

#navigation li li a span {
	font-size: 13px;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 1.1em;
	position: static;
	width:115px;
	display:block;
}