/* Menu box ===================*/.sm-blue{background:#45938c;background-image:linear-gradient(to top, #5bbbe3 0%, #2672ae 100%);border-radius:8px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.3)}.sm-blue-vertical{box-shadow:0 1px 4px rgba(0, 0, 0, 0.7)}.sm-blue ul{border:1px solid #a9a9a9;padding:0;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 5px 12px rgba(0, 0, 0, 0.5)}/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */.sm-blue-vertical ul,.sm-blue ul ul{border-radius:4px}/* Menu items ===================*/.sm-blue a{padding:0;color:#faf0cf;font-size:20px;line-height:23px;font-family:"Oswald",Arial,Helvetica,sans-serif;font-weight:200;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.6)}.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted{background:#45938c;background-image:linear-gradient(to top, #3995bd 0%, #005576 100%);color:#fff}.sm-blue-vertical a{padding:9px 40px 8px 23px;background:#45938c;background-image:linear-gradient(to bottom, #7fb9ae 0%, #45938c 100%)}.sm-blue ul a{padding:9px 40px 8px 23px;background:#5e5e5e;color:#fff;font-size:19px;text-shadow:none}.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{background:#45938c;background-image:linear-gradient(to bottom, #5bbbe3 0%, #2672ae 100%);color:#fff;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.9)}/* current items - add the class manually to some item or check the "markCurrentItem" script option */.sm-blue a.current,.sm-blue a.current:hover,.sm-blue a.current:focus,.sm-blue a.current:active,.sm-blue ul a.current,.sm-blue ul a.current:hover,.sm-blue ul a.current:focus,.sm-blue ul a.current:active{background:#f5bb25;background-image:linear-gradient(to bottom, #f5bb25 0%, #ffdb82 100%);color:#333;text-shadow:0 1px 0 rgba(0, 0, 0, 0.6)}.sm-blue > li:first-child > a{border-radius:8px 0 0 8px}/* round the corners of the first and last items for vertical main menu */.sm-blue-vertical > li:first-child > a{border-radius:8px 8px 0 0}.sm-blue-vertical > li:last-child > a{border-radius:0 0 8px 8px}.sm-blue a.has-submenu{}/* Sub menu indicators ===================*/.sm-blue a span.sub-arrow{position:absolute;bottom:2px;left:50%;margin-left:-5px;/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */width:0;height:0;overflow:hidden;border-width:5px;/* tweak size of the arrow */border-style:solid dashed dashed dashed;border-color:#000 transparent transparent transparent}.sm-blue-vertical a span.sub-arrow,.sm-blue ul a span.sub-arrow{bottom:auto;top:50%;margin-top:-5px;right:15px;left:auto;margin-left:0;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #000}/* Items separators ===================*/.sm-blue li{border-left:1px solid #1a8bb9}.sm-blue li:first-child,.sm-blue-vertical li,.sm-blue ul li{border-left:0}/* Scrolling arrows containers for tall sub menus ===================*/.sm-blue span.scroll-up,.sm-blue span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#ffffff;height:20px}.sm-blue span.scroll-up-arrow,.sm-blue span.scroll-down-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */width:0;height:0;overflow:hidden;border-width:8px;/* tweak size of the arrow */border-style:dashed dashed solid dashed;border-color:transparent transparent #247eab transparent}.sm-blue span.scroll-down-arrow{top:6px;border-style:solid dashed dashed dashed;border-color:#247eab transparent transparent transparent}/** Responsiveness: These will make the sub menus collapsible when the screen width is too small. *//* decrease horizontal main menu items left/right padding to avoid wrapping */@media screen and (max-width: 850px){.sm-blue:not(.sm-blue-vertical) > li > a{padding-left:18px;padding-right:18px}}@media screen and (max-width: 750px){.sm-blue:not(.sm-blue-vertical) > li > a{padding-left:10px;padding-right:10px}}/* MEDIA QUERY The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */@media screen and (max-width: 480px){ul.sm-blue{width:auto !important}ul.sm-blue ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important}ul.sm-blue > li{float:none}ul.sm-blue > li > a,ul.sm-blue ul.sm-nowrap > li > a{white-space:normal}ul.sm-blue iframe{display:none}/* Uncomment this rule to disable completely the sub menus for small screen devices *//*.sm-blue ul, .sm-blue span.sub-arrow, .sm-blue iframe { display:none !important; }*//* Menu box ===================*/.sm-blue{background:transparent;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)}.sm-blue ul{border:0;padding:0;background:#fff;border-radius:0;box-shadow:none}.sm-blue ul ul{/* darken the background of the 2+ level sub menus and remove border rounding */background:rgba(100, 100, 100, 0.1);border-radius:0}/* Menu items ===================*/.sm-blue a{padding:10px 5px 10px 28px !important;/* add some additional left padding to make room for the sub indicator #7FB9AE #45938C*/background:#45938c !important;background-image:linear-gradient(to top, #7fb9ae 0%, #45938c 100%) !important;color:#fff !important}.sm-blue ul a{background:transparent !important;color:#13335e !important;text-shadow:none !important}.sm-blue a.current{background:#006892 !important;background-image:linear-gradient(to top,#f5bb25 0%,#f7d680 100%) !important;color:#000 !important}/* add some text indentation for the 2+ level sub menu items */.sm-blue ul a{border-left:8px solid transparent}.sm-blue ul ul a{border-left:16px solid transparent}.sm-blue ul ul ul a{border-left:24px solid transparent}.sm-blue ul ul ul ul a{border-left:32px solid transparent}.sm-blue ul ul ul ul ul a{border-left:40px solid transparent}/* round the corners of the first and last items */.sm-blue > li:first-child > a{border-radius:8px 8px 0 0}/* presume we have 4 levels max */.sm-blue > li:last-child > a,.sm-blue > li:last-child > ul > li:last-child > a,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child  > a,.sm-blue > li:last-child > ul > li:last-child  > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,.sm-blue > li:last-child > ul,.sm-blue > li:last-child > ul > li:last-child > ul,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul{border-radius:0 0 8px 8px}/* highlighted items, don't need rounding since their sub is open */.sm-blue > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted{border-radius:0}/* Sub menu indicators ===================*/.sm-blue a span.sub-arrow,.sm-blue ul a span.sub-arrow{top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:bold 16px/16px monospace !important;text-align:center;border:0;text-shadow:none;background:rgba(0, 0, 0, 0.1);border-radius:100px}/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */.sm-blue a.highlighted span.sub-arrow{display:none !important}/* Items separators ===================*/.sm-blue li{border-left:0}.sm-blue ul li{border-top:1px solid rgba(0, 0, 0, 0.05)}.sm-blue ul li:first-child{border-top:0}}