/* block containing a menu */

#navbar img {display:inline-block;}


/* overflow visible or you chop submenus */
.blockmenu {z-index:5000;overflow:visible;display:inline-block;padding:0;margin:0 auto; }
.blockmenu {zoom:1;*display:inline;}		/* IE7 requires zoom:1 so hasLayout */
.blockmenu * {margin:0;padding:0;}

.blockmenu ul { display:block;list-style:none;}
.blockmenu > ul > li {list-style:none;}
.blockmenu ul ul li {position:relative;list-style:none;width:100%;}

/* horizontal menu */
.blockmenulayout10 {white-space:nowrap;}
.blockmenulayout10 ul a,.blockmenulayout10 a:visited  {white-space:nowrap;text-decoration:none;display:block;}
.blockmenulayout10 ul a:hover {text-decoration:underline;}

.blockmenulayout10 ul li {display:inline;position:relative;float:left;}
.blockmenulayout10 ul ul { display:none;position:absolute;top:100%;left:0px;text-align:center;}
div.blockmenulayout10 ul li:hover ul,
div.blockmenulayout10 ul ul li:hover ul {display:block;}

/* vertical menu */
.blockmenulayout20 {width:100%;}
.blockmenulayout20 .bi {margin:0;padding:0;}
.blockmenulayout20 ul a,.blockmenulayout20 a:visited  {text-decoration:none;display:block;font-size:14px;padding:0;margin:0;}
.blockmenulayout20 ul a:hover {text-decoration:underline;}
.blockmenulayout20 img {padding:0;margin:0;}
.blockmenulayout20 ul li {padding:0;margin:0;}
.blockmenulayout20 ul ul a,
.blockmenulayout20 ul ul a:visited {padding-left:10%;color:#eee;font-size:10px;}
.blockmenulayout20 ul {width:100%;}
.blockmenulayout20 ul ul {}


/* MAIN LINK STYLES (You style from here) */

/* plain light with dark text link buttons 
.blockmenumain10 ul {font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;}
.blockmenumain10 ul li {margin:0 10px;background-color:white;}
.blockmenumain10 ul a,
.blockmenumain10 ul a:visited {color:black;font-size:24px;}
.blockmenumain10 > .bi > ul > li > a:hover { color:blue;}
.blockmenumain10 .blockmenu_active a, 
.blockmenumain10 .blockmenu_active a:visited {text-decoration: underline;}
*/

/* Shiny - Rising Buttons - light with dark text */
.blockmenumain20 > .bi > ul {font-family:"OswaldBook",arial,sans-serif;}
.blockmenumain20 > .bi > ul > li 
	{
	background-color:#CCC;background-color:rgba(255,255,255,.8);				/* light background. semi-transparent in newer browsers */
	border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;	/* border to prevent jumping on hover */
	}
.blockmenumain20 > .bi > ul > li:first-child {border-bottom-left-radius:10px;}
.blockmenumain20 > .bi > ul > li:last-child {border-bottom-right-radius:10px;}
.blockmenumain20 ul a,
.blockmenumain20 ul a:visited {color:white;font-size:1.2em;padding: 4px 12px;line-height:1.8em;text-shadow:-1px -1px 1px rgba(0,0,0,0.4);}
.blockmenumain20 ul li:hover {
	box-shadow:0 0 10px 3px rgba(0,0,0,.4);
	border:1px solid black;border-bottom:none;
	border-top-left-radius: 5px;border-top-right-radius: 5px;
	margin-top:-5px; padding-top:5px;
	background-color:yellow;
	}
.blockmenumain20 > .bi > ul > li > a:hover { }
div.blockmenumain20 > .bi > ul > li.blockmenu_active {background-color:black;}
.blockmenumain20 .blockmenu_active a, 
.blockmenumain20 .blockmenu_active a:visited {text-decoration: underline;}



/* shiny light text selected connects above -  selected tab lower */
.blockmenumain30 > .bi > ul {font-family:"OswaldBook",arial,sans-serif;padding-bottom:5px;}
.blockmenumain30 > .bi > ul > li
        {
        background-color:#CCC;background-color:rgba(255,255,255,.8);                            /* light background. semi-transparent in newer browsers */
        border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;    /* border to prevent jumping on hover */
        }
.blockmenumain30 > .bi > ul > li:first-child {border-bottom-left-radius:10px;}
.blockmenumain30 > .bi > ul > li:last-child {border-bottom-right-radius:10px;}
.blockmenumain30 ul a,
.blockmenumain30 ul a:visited {color:white;font-size:1.2em;padding: 4px 12px;line-height:1.8em;text-transform:upper-case;text-shadow:-1px 1px 1px rgba(0,0,0,0.4);}
.blockmenumain30 ul li:hover {
        box-shadow:0 10px 10px 3px rgba(0,0,0,.4);
        border:1px solid black;border-top:none;
        border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
        margin-bottom:-5px; padding-bottom:5px;
        background-color:yellow;
        }
.blockmenumain30 > .bi > ul > li > a:hover { }
div.blockmenumain30 > .bi > ul > li.blockmenu_active {background-color:black;
	border:1px solid black;border-top:none;
	border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
	margin-bottom:-5px; padding-bottom:5px;
	}
.blockmenumain30 .blockmenu_active a,
.blockmenumain30 .blockmenu_active a:visited {text-decoration: underline;}


/* hanging tabs - dark with light tabs */
.blockmenumain35 ul {background-color:#111;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.blockmenumain35 ul li {margin:0 2px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-top:none;border-bottom-left-radius: 5px 5px;border-bottom-right-radius:5px;box-shadow: 2px 2px 5px rgba(0,0,0,.5);}
.blockmenumain35 ul a,
.blockmenumain35 ul a:visited {color:white;font-size:18px;padding:5px;text-shadow: 0.1em 0.1em 0.2em black;}
.blockmenumain35 ul li:hover { border:1px solid rgba(255,255,255,.2);border-top:none;padding-top:5px;box-shadow: 8px 8px 8px rgba(0,0,0,.7);z-index:10000;}
.blockmenumain35 .blockmenu_active { border:1px solid rgba(255,255,255,.1);border-top:none;padding-top:5px;box-shadow: 0 8px 8px rgba(0,0,0,.7);z-index:10000;}
.blockmenumain35 .blockmenu_active a {text-decoration: underline;}

/* Sprint menu  */
div.blockmenumain40 {overflow:hidden;}
.blockmenumain40 ul li {display:block;overflow:hidden;padding:0;cursor:pointer;float:left;width:125px;height:40px;margin-right:0px;background-repeat:no-repeat;}
.blockmenumain40 ul li a {text-indent:-9999px;height:40px;display:block;outline:none;}
			
.blockmenumain40 .blockmenu_mi1:hover, .blockmenu_mi1a  {width:200px;background-position:0 bottom;}			/* must define first */
.blockmenumain40 .blockmenu_mi2:hover, .blockmenu_mi2a  {width:200px;background-position:-200px bottom;}
.blockmenumain40 .blockmenu_mi3:hover, .blockmenu_mi3a  {width:200px;background-position:-400px bottom;}
.blockmenumain40 .blockmenu_mi4:hover, .blockmenu_mi4a  {width:200px;background-position:-600px bottom;}
.blockmenumain40 .blockmenu_mi5:hover, .blockmenu_mi5a  {width:200px;background-position:-800px bottom;}
.blockmenumain40 .blockmenu_mi6:hover, .blockmenu_mi6a  {width:200px;background-position:-1000px bottom;}
.blockmenumain40 .blockmenu_mi7:hover, .blockmenu_mi7a  {width:200px;background-position:-1200px bottom;}
.blockmenumain40 .blockmenu_mi8:hover, .blockmenu_mi8a  {width:200px;background-position:-1400px bottom;}


.blockmenumain40 .blockmenu_mi1 {background-position:0px 0px;}
.blockmenumain40 .blockmenu_mi2 {background-position:-200px 0px;}
.blockmenumain40 .blockmenu_mi3 {background-position:-400px 0px;}
.blockmenumain40 .blockmenu_mi4 {background-position:-600px 0px;}
.blockmenumain40 .blockmenu_mi5 {background-position:-800px 0px;}
.blockmenumain40 .blockmenu_mi6 {background-position:-1000px 0px;}
.blockmenumain40 .blockmenu_mi7 {background-position:-1200px 0px;}
.blockmenumain40 .blockmenu_mi8 {background-position:-1400px 0px;}

/* trying to make drop down tabs work */
.blockmenumain40 * {z-index:10000;}
.blockmenumain40 ul {display:block;}
.blockmenumain40 ul li {overflow:visible;}
.blockmenumain40 ul li ul {position:relative;top:0;left:0;}
div.blockmenumain40 {overflow:visible;}
div.blockmenumain40 ul li ul li {background:none;height:inherit;}
div.blockmenumain40 ul li ul li a,div.blockmenumain40 ul li ul li a:visited {text-indent:0;height:inherit;}




/* basic vertical menu. overflow hidden incase text is too long  */
.blockmenumain100 ul {overflow:hidden;}
.blockmenumain100 ul { border-top-left-radius:5px;border-top-right-radius:5px;}
.blockmenumain100 > div > ul > li {margin:0;border:1px solid rgba(255,255,255,.1);box-shadow: 2px 2px 5px rgba(0,0,0,.5);background-color:#000;background-color:rgba(0,0,0,.6);text-align:center;}
.blockmenumain100 > div > ul > li a,
.blockmenumain100 > div > ul > li a:visited {text-decoration:none;color:#eee;color:rgba(255,255,255,.9);font-size:18px;padding:5px;}

/* note that usually items are sub-menu items */
.blockmenumain100 > div > ul ul > li {background-color:#eee;}
.blockmenumain100 > div > ul ul > li a,
.blockmenumain100 > div > ul ul > li a:visited {text-decoration:none;color:black;;font-size:14px;padding:3px;}
.blockmenumain100 > div > ul ul > li:hover { background-color:#eee;background-color:rgba(0,0,0,.1);color:white;}
.blockmenumain100 > div > ul ul > li a:hover { color:white;}

.blockmenumain100 ul ul .blockmenu_active { background-color:black;background-color:rgba(255,255,255,.7);}
.blockmenumain100 ul ul .blockmenu_active > a,
.blockmenumain100 ul ul .blockmenu_active > a:visited {text-decoration: underline;color:black;background:url(/common/images/bullet-arrow1-black.gif) no-repeat;background-position:100% 50%;}
.blockmenumain100 ul ul .blockmenu_active li > a:hover { color:white;}


.blockmenumain100 .blockmenu_image img {width:100%;}              /* vertical menu images are full width w/o overflow */
.blockmenumain100 .blockmenu_image {padding:0;}
.blockmenumain100 .blockmenu_image img { border-top-left-radius:3px;border-top-right-radius:3px;}        



/* predefined main menu shines */
.blockmenumainshine10 li  {padding:0;background:url(/common/images/15XXX-shine-1.png) no-repeat top center;}
.blockmenumainshine11 li  {padding:0;background:url(/common/images/15XXX-shine-1.png) no-repeat bottom center;}
.blockmenumainshine20 li  {padding:0;background:url(/common/images/15XXX-shine-2.png) no-repeat top;}
.blockmenumainshine21 li  {padding:0;background:url(/common/images/15XXX-shine-2.png) no-repeat bottom;}
.blockmenumainshine30 li  {padding:0;background:url(/common/images/15XXX-shine-3.png) no-repeat top center;}
.blockmenumainshine31 li  {padding:0;background:url(/common/images/15XXX-shine-3.png) no-repeat bottom center;}
.blockmenumainshine100 > .bi > ul > li {background:url(/common/images/15XXX-shine-100.png) repeat-x center ;}
.blockmenumainshine101 > .bi > ul > li {background:url(/common/images/15XXX-shine-101.png) repeat-x center ;}
.blockmenumainshine102 > .bi > ul > li {background:url(/common/images/15XXX-shine-102.png) repeat-x center ;}
.blockmenumainshine103 > .bi > ul > li {background:url(/common/images/15XXX-shine-103.png) repeat-x center ;}






/* SUB MENU STYLES (you style site from here) */
div.blockmenusub10 > .bi > ul > li > ul li {background-color:white;box-shadow:2px 2px 10px -6px black;}
div.blockmenusub10 > .bi > ul > li > ul a,
div.blockmenusub10 > .bi > ul > li > ul a:visited { color:black;text-align:left;padding:2px 4px;}
div.blockmenusub10 > .bi > ul > li > ul a:hover {}

/* white on gray grow yellow on black }
.blockmenusub20 > .bi > ul > li > ul li {background-color:black;}
.blockmenusub20 > .bi > ul > li > ul a,
.blockmenusub20 > .bi > ul > li > ul a:visited { color:white;text-align:left;padding:2px 4px;}
.blockmenusub20 > .bi > ul > li > ul a:hover {}






/* predefined text shadows */
.blockmenutextshadow10 ul a, .blockmenutextshadow10 ul a:visited {text-shadow: 0.1em 0.1em 0.2em black;}
.blockmenutextshadow20 ul a, .blockmenutextshadow20 ul a:visited {text-shadow: 0.1em 0.1em 0.2em white;}