/* dropdown.css */
* {
 margin: 0;
 padding: 0;
}
.fixed-menu {
            position: fixed;
            top: 0.7em;
            right:87%;
            width:11%;
            color:maroon;
            text-align: center;
            margin: 1px;
}
.fixed-star1 {
            position: fixed;
            background-image:url(../admin/bsgstar.png);
            background-repeat:no-repeat;
            top: 4.7em;
            right:2.1%;
            width:10.5%;
            height:17%;
            color:maroon;
            text-align: center;
            vertical-align:text-bottom;
            margin: 1px;
}
.fixed-star2 {
            position: fixed;
            background-image:url(../admin/bsgstar.png);
            background-repeat:no-repeat;
            top: 20em;
            right:2.1%;
            width:10.5%;
            height:17%;
            color:maroon;
            text-align: center;
            vertical-align:text-bottom;
            margin: 1px;
}
.fixed-star3 {
            position: fixed;
            background-image:url(../adds/bribbn.png);
            background-repeat:no-repeat;
            top: 35em;
            right:.5%;
            width:10.5%;
            height:17%;
            align:center;
            color:maroon;
            text-align: center;
            vertical-align:text-bottom;
            margin: 1px;
}
.star-text {
           background:transparent;
           text-align:center;
}
fixed-menu p {
  font-weight:bold;
  font-size:1.8em;
  text-align:center;
  color:maroon;
}
p { margin-bottom: 1em; color:maroon;}

ul.classic {
 list-style: disc;
 margin-bottom: .5em;
 padding-left: 1em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 text-align:center;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 3px;
 vertical-align: middle;
 zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 140px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}


ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 2px 2px 2px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background:#f0e8d4;
	 color: maroon;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background: #f0e8d4;
	 color: maroon;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ background: #f0e8d4; color: maroon; text-decoration: none; }
	ul.dropdown a:hover	{ background: #f0f8f4; color: black; }
	ul.dropdown a:active	{ background: #f0e8d4; color: maroon; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 140px;
	 margin-top: 1px;
	 background:#f0e8d4;
	}

		ul.dropdown ul li {
		 font-weight: bold;
		 background:#f0e8d4;
		}






ul.dropdown *.dir {
 padding-right: 20px;
 background-color:#f0e8d4;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* -- Components override -- */



/* ul.dropdown-vertical *.dir {
 background-image: url(../images/nav-arrow-right-mar.png);
 background:#f0e8d4;
}
*/

/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
background:#f0e8d4;
 padding:0;
}



/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 0;
 background:#f0e8d4;
 border: none;
}

ul.dropdown ul a,
ul.dropdown ul span {
  background:#f0e8d4;
 padding:0;
}



/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */





/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
}

ul.dropdown li.hover,
ul.dropdown li:hover {
            background:#f0e8d4;
            color: black;
}

ul.dropdown li a:active {
  background:blue;
 background:#f0f8f4;
}


/* Non-first level */

ul.dropdown ul {
  background:#f0e8d4;
 margin-top: 0;
}

	ul.dropdown ul li {
          background:#f0e8d4;
	}

	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
           background: #f0f8f4;
           color:black;
	}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 2px 1px 1px 0;
 border-color: #fff #d9d9d9 #d9d9d9;
}



/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
 border-style: solid;
 border-width: 2px 1px 1px 0;
 border-color: #ffa500 #d9d9d9 #d9d9d9;
 background-color:#f0e8d4;
 color: #000;
}

ul.dropdown ul li.hover *.open {
 padding-left: 15px;
 background-color:#f0e8d4;
 border-top-color: #f8c473;
 border-left: solid 1px #ffa500;
}


	/* CSS2 clone */

	ul.dropdown li:hover > *.dir {
	 border-style: solid;
	 border-width: 2px 1px 1px 0;
	 border-color: #ffa500 #d9d9d9 #d9d9d9;
	 background-color:#f0e8d4;
	 color: white;
	}

	ul.dropdown ul li:hover > *.dir
	 {
	 padding-left: 15px;
	 background-color:#f0e8d4;
	 border-top-color:  #fff;
	 border-left: solid 1px #ffa500;
	}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.1em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown {
 font-weight: bold;
 font-size:1.2em;
 color:maroon;
}

	ul.dropdown li {
	 padding: 3px 3px;
	 border-style: solid;
	 border-width: 1px 1px 1px 1px;
	 border-color: #fff #d9d9d9 #d9d9d9 #d9d9d9;
	 background-color:#f0e8d4;
	 color:maroon;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	background-color:#f0e8d4;
	 color: maroon;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: maroon; text-decoration: none; background-color:#f0e8d4;}
	ul.dropdown a:hover	{ color:black; background-color:#f0e8d4; }
	ul.dropdown a:active	{ color: maroon; background-color:#f0e8d4;}


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 background-color:#f0e8d4;
	 margin-top:0;
	}

		ul.dropdown ul li {
		 font-weight: bold;
		 background-color:#f0e8d4;
		 color:maroon;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
/* ------------------ Slide Out menu --------------*/
.slide { text-align:center;
       padding:0;
       margin:0;
       list-style:none;
       width:180px;
       position:relative; z-index:100;}

.slide li div.section {position:absolute;
       text-align:center;
       left:-140px; top:22px; width:0; overflow:hidden;
       height:275px;}

 .slide li a {display:block;
       width:75px;
       height:16px;
       line-height:20px;
       padding:5 5 5 5px;
       text-align:center;
       text-decoration:none; 
       font-family:arial, 
       sans-serif; color:#fff; 
       font-size:14px;
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
       -o-transition-duration: .2s;}
 
.slide li {width:74px;
       border-style:solid;
       border-width:2px;}

.slide li div.section dl {width:0;
       float:left; 
       padding:0;
       margin:0;
       text-align:center;
       overflow:hidden; 
       height:250px;
       -webkit-transition-duration: .3s;
       -moz-transition-duration: .3s;
       -o-transition-duration: .3s;}

.slide dd a {width:190px;
       height:20px; 
       line-height:20px;
       text-align:center;
       background:transparent;
       font-size:1em;
       padding:0;
       white-space:nowrap;}

.slide li:hover div.section {width:380px; background:#f0e8d4;}

.slide li a:hover div.section {width:80px; background:#f0e8d4; color:black;}

.slide li:hover div dl {width:180px;
       color:black;
       margin-right:10px;
       -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;}