@CHARSET "UTF-8";
/****************************************************/
/* jumpinjoe.com Base Styles                        */
/* Created by: Jessica Lai                          */ 
/* Created date: March, 2011                        */
/* File: jumpinjoe-menu.css                         */
/****************************************************/

#dynmenu {
	position: static;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
    height: 25px;
    width: 860px;
    float: left;  
	z-index: 20;
	overflow: hidden;
	} 	
#dynmenu img{display:block;}

.menustyle{
   float: left;
   width: 860px;
   position: static;
   background: url("img/menuBg.jpg") repeat-x center left;
   z-index: 20;
}

.menustyle ul{
    margin: 0px auto 0px auto;
    list-style-type:none;
    height: 100%;
    width: 856px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    background: url("img/menuBg.jpg") repeat-x center left;
    padding: 0px 0px 0px 0px;
}

.menustyle ul li{
display: inline;
}

.menustyle ul li a{
color: #494949;
padding: 9px 2px 4px 0px;
margin: 0;
text-decoration: none;
font-weight: bold;
border-right: 0px #DADADA;
}
	
.menustyle ul li a:link, .menustyle ul li a:visited {
    float: left;
    display: block;
    font-size: .9375em;
    font: bold "Verdana", Arial, Helvetica, sans-serif;
    color: #CC0000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: url("img/menuBg.jpg") repeat-x center left;
    width: 105px;
    padding: 9px 2px 4px 0px;
    z-index: 20;
}

.menustyle ul li a:hover{
    float: left;
    display: block;
    font-size: .9375em;
    font: bold "Verdana", Arial, Helvetica, sans-serif;
    color: #660000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: url("img/menuBg.jpg") repeat-x center left;
    width: 105px;
    padding: 9px 2px 4px 0px;
    z-index: 20;
} 

a.menustyle:link, a.menustyle:visited {
    float: left;
    display: block;
    font-size: .9375em;
    font: bold "Verdana", Arial, Helvetica, sans-serif;
    color: #CC0000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: url("img/menuBg.jpg") repeat-x center left;
    width: 105px;
    padding: 9px 2px 4px 0px;
    z-index: 20;
}

a.menustyle:hover{
    float: left;
    display: block;
    font-size: .9375em;
    font: bold "Verdana", Arial, Helvetica, sans-serif;
    color: #660000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: url("img/menuBg.jpg") repeat-x center left;
    width: 105px;
    padding: 9px 2px 4px 0px;
    z-index: 20;
}

.leftcorner {
    float: left;
    position: relative;
    background: no-repeat center center;
    width: 2px;
    padding: 0px;
}

.rightcorner {
    float: right;
    position: relative;
    background: no-repeat center center;
    width: 2px;
    padding: 0px;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position: absolute;
top: 0;
border: 1px #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font: normal .8375em Verdana;
line-height: 16px;
z-index: 100;
background-color: #333333;
width: 150px;
visibility: hidden;
overflow: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 0px;
border: 0 #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #CC0000 !important;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
color: #FF0000 !important;
background-color: #000000;
}