* { margin: 0; padding: 0; }

/* This body affects background of entire website */
/*body { font-family: "Droid Sans", Arial; background: #F4F4F4;} */
/* HEIGHT OF MENU determines how much blank space will separate the menu from the start of the content on the page. Border bottom controls horizontal separator line at bottom of menu */
.Navigation { height: 40px; width: 1170px; background: url(../png/navigation_2017_2.png) repeat-x;}

/* MENU padding and width and margin from top of page */
#NavigationInside { padding-left: 0; width: 1170px; margin: 0;}

/* Top padding for TOP Text. How far down the page it will appear */
.Navigation ul li { float: left; position: relative; list-style: none; padding: 8px 10px; font-size: 14px; font-weight: bold; color: white; text-decoration: none; text-shadow: 0 1px 2px black;}

/* Color of the TOP text - main categories */
.Navigation ul li a { font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 0 1px 2px #2874CA;}

/* hover2.png = blue color graphic for menu highlight. padding determines the offset compared to not hovering */
/* Line below was remmed out by Ron Feb 23, 2020 */
/* .Navigation ul li:hover { background: url(../../dropdown/images/dropdownback_ron.png) repeat-x; height: 0px; -webkit-box-shadow: 0 0px 0px #2874CA inset; padding: 8px 10px;} */

/* Hover-over COLOR for menu  */
.Navigation ul li ul li:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none;}

/* Padding (space between) menu text. Padding of 20px (bottom) allows pop-up menu to appear even if cursor isn't directly over the arrow  */
/* Make the navigation look "centered" on the page by controling the Right and Left Padding between menu items. (30px and 32px) */
.Navigation ul li .horizontal li { padding: 3px 30px 20px 32px;  }

/* Horizontal padding for menu text  */
.Navigation ul li .horizontal li:first-child { margin-left: 0px; }

/* Font size and color of menu text categories */
 /* Changing font size will make page jump down when hovering. Counteract that with changing the height on line 19 */
.Navigation ul li .horizontal li a { font-size: 14px; font-weight: normal; color: #fff; }

/* Width and color of the triangles 'up' arrow  */
.arrow-up { width: 0; height: 0; border-left: 10px solid #2874CA; border-right: 10px solid #2874CA; border-bottom: 10px solid yellow; position:fixed; left: 15px; top: -10px; }

/* How far from the text will the pop-up menu appear down the page and how wide the popup menu is - and what color the border and border glow around the box is  */
/* Background graphic controls color behind the drop-down box itself */
.Navigation ul li ul li .extended { position:absolute; top: 35px; left: 0; width: 170px; background: url(../png/dropdownback_ron.png); z-index: 1000; -moz-box-shadow: 0 0px 8px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,1.0); box-shadow: 0 0 8px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid white; display: none; color: white; }

/* Determines the space around the top-section photo in each popup menu */
.Navigation ul li ul li .extended img { display: block; margin: 5px auto 15px auto; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom); }

/* Determines the left padding inside the text area for the popup menu */
.Navigation ul li ul li .extended p { color: white; padding: 10px; font-size: 12px; line-height: 17px; text-shadow: 0 1px 1px black; }

/* Color of brand text when hovering over each link.  */
.Navigation ul li ul li .extended a:hover { color: yellow; }

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 { padding-top: 10px; padding-left: 10px; font-size: 16px; text-shadow: 0 1px 2px black; color: white; background: url(../png/headerback.png) repeat-x; height: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }

.Navigation ul li ul li .extended span { padding-left: 10px; font-size: 11px; }

.Navigation ul li ul li .extended ul.smallNav { border-top: 1px solid rgba(141,141,141,1.00);  padding: 10px; height: 100px;  }

/* Height of each pop-down menu option */
.Navigation ul li ul li .extended ul.smallNav li { width: 200px; padding: 0; line-height: 24px; font-weight: normal; background: url(../png/linkback.png) no-repeat; }

/* Color of Lower Menu TEXT */
.Navigation ul li ul li .extended ul.smallNav li a { color:gainsboro; text-shadow: none; }

/* Color of pop-up menu text when hovering. Lower section text */
.Navigation ul li ul li .extended ul.smallNav li a:hover { color: yellow; }

.Navigation ul li ul li .extended ul.smallNav li:first-child { margin: 0;}

.Navigation ul li ul li .extended ul.smallNav li:last-child { margin-bottom: 10px; }

/* Color behind Arrow and color of middle menu text.  Drop down box won't drop down if you rem this out */
.Navigation ul li ul li:hover .extended { display: block; color: #000; }

/* Color of menu text when hovering over it */
.Navigation ul li ul li:hover a { color: yellow;}

/* This next line controls the background of the dropdown box */
.Navigation ul li .ultraNav { position: absolute; top: 40px; left: -100px; width: 294px;  background: url(../png/dropdownback_ron.png); border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 500; -moz-box-shadow: 0 3px 8px rgba(0,0,0,1.0); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,1.0) box-shadow: 0 3px 8px black;
display: none; }

.ultraNav h2 { text-align: center; }

.Navigation ul li .ultra { width: 130px; float: left; margin: 10px 0 10px 10px; -moz-box-shadow: 0 -1px 3px rgba(0,0,0,1.0); -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,1.0); -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-bottom: none; }

.Navigation ul li .ultra:first-child { margin: 0; }

.Navigation ul li .ultraNav .arrow-up { left: 530px; }

.Navigation ul li .ultra a { font-weight: normal; font-size: 12px; color: #c7c7c7; text-shadow: 0 1px 2px black; }

.Navigation ul li .ultra li { width: 120px; line-height: 20px; padding: 3px 5px; background: url(../png/linkback.png) no-repeat;  }

.Navigation ul li:hover .ultraNav { display: block; }
