body { font-size:13px; font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; color:#666; margin:20px;}

/* this is the start of the styles for the mini menu */
#menu {
	padding:5px;
	background-image: url(images/background90.png); background-repeat:repeat-x; background-position:left top;
	background-color: #F5F5F5;
	background-color: rgba(242, 242, 242, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(242,242,242,0.6))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(242,242,242,0.6)); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(242,242,242,0.6)); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.6), rgba(242,242,242,0.6)); /* IE10 */
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.6), rgba(242,242,242,0.6)); /* Opera 11.10+ */
	background-image:         linear-gradient(top, rgba(255,255,255,0.6), rgba(242,242,242,0.6));
	display:none;
	position:absolute; top:0px; left:0px; overflow:hidden;
	border:solid 1px #999999; border-radius:3px; -moz-border-radius:3px; -webit-border-radius:3px; /* FF3.6, Saf4, Opera 10.10+, Chrome */ 
	box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.3); -moz-box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.3); -webkit-box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.3); /* FF3.6, Saf4, Opera 10.50+, Chrome */ 
	-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;
}

#menu:hover {
	background-image: url(images/background100.png); background-repeat:repeat-x; background-position:left top;
	background-color: #F5F5F5;
	background-color: rgba(242, 242, 242, 1.0);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1.0)), to(rgba(242,242,242,1.0))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1.0), rgba(242,242,242,1.0)); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(242,242,242,1.0)); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,1.0), rgba(242,242,242,1.0)); /* IE10 */
	background-image:      -o-linear-gradient(top, rgba(255,255,255,1.0), rgba(242,242,242,1.0)); /* Opera 11.10+ */
	background-image:         linear-gradient(top, rgba(255,255,255,1.0), rgba(242,242,242,1.0));
	border:solid 1px #777555; border-radius:3px; -moz-border-radius:3px; -webit-border-radius:3px; /* FF3.6, Saf4, Opera 10.10+, Chrome */ 
	box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.5); -moz-box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.5); -webkit-box-shadow: 3px 3px 8px rgba(000, 000, 000, 0.5); /* FF3.6, Saf4, Opera 10.50+, Chrome */

}
#menu a {
	padding:3px 5px; 
	border-radius:3px; -moz-border-radius:3px; -webit-border-radius:3px; /* FF3.6, Saf4, Opera 10.10+, Chrome */ 
	border: solid 1px #f7f7f7;
	border: solid 1px rgba(255,255,255,0.0);
	background-color: rgba(255,255,255,0.0);
	color:#000000; text-decoration:none; font-size:14px;
    float:left; display:block; text-align:center;
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;

}
#menu a:hover {
	color:#000;
	border:solid 1px #bea881;
	background-color:#fff2cb;
	border-radius:3px; -moz-border-radius:3px; -webit-border-radius:3px; /* FF3.6, Saf4, Opera 10.10+, Chrome */ 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,251,239,1.0)), to(rgba(255,220,87,1.0))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(255,251,239,1.0), rgba(255,220,87,1.0)); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgba(255,251,239,1.0), rgba(255,220,87,1.0)); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgba(255,251,239,1.0), rgba(255,220,87,1.0)); /* IE10 */
	background-image:      -o-linear-gradient(top, rgba(255,251,239,1.0), rgba(255,220,87,1.0)); /* Opera 11.10+ */
	background-image:         linear-gradient(top, rgba(255,251,239,1.0), rgba(255,220,87,1.0));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffFFFBEF', endColorstr='#ffFFDC57'); /* IE6,IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffFFFBEF', endColorstr='#ffFFDC57')"; /* IE8 */
}
/* this is the end of the styles for the mini menu */