#menubox {
	float:left;
	width: 1192px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
   	height: auto;
	border:2px solid #FFE6CC;
	background-color: #29292F;    	
	font-size: 1.1em;
     font-family:  "comic sans ms", arial, "times new roman", courier;
    	font-weight: normal;
    	text-align: center;
    	color:#FFFFEF;
    	text-shadow: 0px 0px 0px #ffff11;
    }



			
.all_links {
	/* it might be possible to delete this entire class - it came with name "example" but appears to do nothing */
	float:left;
	width: 1192px;
	margin:10px auto;
	padding-top:5px;
	/* padding to was 25 */
	padding-left:0px;
   	height: 50px;
	border:2px solid #FFE6CC;
	background-color: #29292F;    	
	font-size: 1.00em;
    font-family:"comic sans ms", arial, "times new roman", courier;
    	font-weight: normal;
    	text-align: left;
    	color:#FFFFEF;
     /* removed background color specs and url(../images/clouds-in-blue-sky.jpg)  from same line  */
     /* width was 770 */
    /* height was 570px  */
    border:2px #F09 solid;
    /* margin was 20px auto;  */
    /* padding was 15px; */
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


/* main menu styles */

#nav {
    display:inline-block;
    width:100%;
    /*     float: left;  */
    position: relative;         /*  tried removing position relative and changed to float left  - or I think that's what I did */ 
    /*  margin:0px auto;   added this to try to center menu box on page  */ 
    padding:0px;
    background-color:#29292F;
    /* removed url(../images/bg.png) repeat-x 0 -110px;  from above line  */

    border-radius:10px; /* some css3 */
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:15px;
    /* margin ws 10px; */
    float:left;
    position:relative;
    text-align: left;
    list-style:none;
    font-family:  "comic sans ms", arial, "times new roman", courier;
    /*  this line above is the one which FINALLY made the main menu line show up as comsmic snads */
}
#nav a {
    font-weight:bold;
    color:#FFFFEF;
    /* color was #e7e5e5  */
    text-decoration:none;
    display:block;
    padding:8px 8px 8px 8px;
    /* padding was 8px 20px; */

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background-color:#29292F;
    /* removed url(../images/bg.png) repeat-x 0 -20px from above line  */
    color:#FFee00;
    border-top:1px solid #cfc2f9;
    border-left:2px solid #cfc2f9;
    border-right:0px solid #cfc2f9;
    border-bottom:1px solid #cfc2f9;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 0px 0px rgba(255,255,255, 0.7);
}

/* sublevels */

#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000000;
}
#nav ul li a:hover {
    background-color:#AA5599;
    /* removed  url(../images/bg.png) repeat-x 0 -100px  from above line */
    color:#FFFFFF;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}

#nav ul {
    opacity:0;
    visibility:hidden;
z-index:999;
font-family:  "comic sans ms", arial, "times new roman", courier;
    padding:0;
    width:275px;
    /* was 175px width  */
   /* margin: 0 auto;       added this margin auto line to try to center the menu on the page    */
    
position:absolute;  
   
    background-color:#aabbcc;
    /* removed url(../images/bg.png) repeat-x 0 0 from above line  */
    border:1px solid #FF0022;
    /* border was 1px solid #7788aa;  */

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .21s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .21s linear .1s;
    -o-transition:opacity .25s linear, visibility .21s linear .1s;
    transition:opacity .25s linear, visibility .21s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
    font-family:  "comic sans ms", arial, "times new roman", courier;
   			/* this line above is what FINALLY changed the font of the drop-down menu items to cosmic sands  */
}
#nav ul a {
	font-family:  "comic sans ms", arial, "times new roman", courier;
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:275px;
    /* was left 160px  */
    top:0px;
    font-family:  "comic sans ms", arial, "times new roman", courier;
}