/*---------------------------------------------------------------
-----------------------------------------------------------------
  
  nav.css
  * Version: 	4.0 (2009/12/28)
  * Author: 	Dean Bourque | http://www.sparkable.com/

/*---------------------------------------------------------------
---------------------------------------------------------------*/

.navbar {    
  padding-top: 53px;
}

.navbar ul {
  float: left; clear: left;
  display: block; 
  width: 720px;
  margin-top: 0; padding-top: 0;
  margin-left: 0; padding-left: 240px; 
  text-align: left;  
  font-size: 140%; font-weight: normal; font-style: italic;
  border-bottom: 0px solid #fff;
}

.navbar li {
	position: relative; float: left; 
	margin-top: 0; margin-left: 0; 
	padding-top: 5px; padding-bottom: 5px;
	padding-left: 15px; padding-right: 15px;
	border-right: 1px solid #bc0007; 
	list-style-type: none;
	text-align: left;
}

	.navbar li:last-child { border-right: 0px solid #bc0007; }

.navbar li a {
	display: block; 
	line-height: 1.0;
	color: #000000;
	text-shadow: 0px 0px 8px #F9F3DD;
}

.navbar li a:hover {
	color: #BC0007;
	text-shadow: 0px 0px 20px #764E10;
	text-decoration: none;
}

.navbar li a.on,
.navbar li a.on:hover {
	color: #603913;
}


/*---------------------------------------------------------------
  Side
---------------------------------------------------------------*/
	
ul.navSide {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}

ul.navSide li { 
	padding-top: 10px;
}

ul.navSide ul {
	list-style: none;
	padding-left: 0; margin-left: 0; 	
	padding-right: 0; margin-right: 0;
}
	
/*---------------------------------------------------------------
  Drop Down: Level 1
---------------------------------------------------------------*/

	ul.dropdown, 
	ul.dropdown li { 					position: relative; }
	ul.dropdown li a { 					position: relative; display: block; }

/*---------------------------------------------------------------
  Drop Down: Level 2
---------------------------------------------------------------*/

	ul.dropdown ul { 					display: none; 
													position: absolute; top: 100%; left: 0px; margin-left: 0; padding-left: 0; margin-bottom: 0; padding-bottom: 0;
													list-style: none; font-weight: normal; z-index: 999; 													
													width: 240px; 
													border-bottom: 2px solid #3BC0F3;
													background: #FFFFFF;  													
													background-image: -webkit-gradient(linear, left top, left bottom, from( #EAEAEA /*{a-bar-background-start}*/), to( #FFFFFF /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
													background-image: -webkit-linear-gradient(#EAEAEA /*{a-bar-background-start}*/, #FFFFFF /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
													background-image:    -moz-linear-gradient(#EAEAEA /*{a-bar-background-start}*/, #FFFFFF /*{a-bar-background-end}*/); /* FF3.6 */
													background-image:     -ms-linear-gradient(#EAEAEA /*{a-bar-background-start}*/, #FFFFFF /*{a-bar-background-end}*/); /* IE10 */
													background-image:      -o-linear-gradient(#EAEAEA /*{a-bar-background-start}*/, #FFFFFF /*{a-bar-background-end}*/); /* Opera 11.10+ */
													background-image:         linear-gradient(#EAEAEA /*{a-bar-background-start}*/, #FFFFFF /*{a-bar-background-end}*/); 
													}
	ul.dropdown li.hover > ul,
	ul.dropdown li:hover > ul { 	visibility: visible; }
	
	ul.dropdown ul li { 				float: none; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-left: 0; padding-left: 0; 													
													border-right: 2px solid #3BC0F3; border-left: 2px solid #3BC0F3; 
													}
	ul.dropdown ul li:hover { 		background: #e6e7e8; }
	ul.dropdown ul li:active { 		background: #5c94ce; }
	
	ul.dropdown ul li a {				color: #337FCE;
													text-shadow: none;
													font-size: 14px; 
													font-weight: bold;
													padding-top: 10px; padding-bottom: 10px; 
													padding-left: 15px; padding-right: 15px; 
													}	
	ul.dropdown ul li a:hover {	color: #004D9C;
													text-shadow: none;
													text-decoration: none; 
													}
	ul.dropdown ul li a:active {	color: #FFFFFF;
													text-shadow: 0 0 2px #004d9c;
													}													
/*---------------------------------------------------------------
  Drop Down: Level 3
---------------------------------------------------------------*/

	ul.dropdown li ul li ul { 				left: 100%; top: 0; border-top: 2px solid #3BC0F3; }
	ul.dropdown li:hover > ul { 	 }