/* LavaLamp animated horizontal menu
-------------------------------------------------------------- */

 #lavaLampBasicImage {
          position: absolute;
            padding: 5px 5px;
			padding-right:6px;
            margin: 5px ;
            overflow: hidden; 
        }
                #lavaLampBasicImage li {
                    float: left;
                    list-style: none;
                }
                    #lavaLampBasicImage li.back {
                        background: url("../images/lava1.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        #lavaLampBasicImage li.back .left {
                            background: url("../images/lava1.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    #lavaLampBasicImage li a {
                        font: 11px verdana;
						text-transform:capitalize;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
						color:#FFFFFF;
						padding: 0 .25em;
                    }
					
					
					
					* html   #lavaLampBasicImage li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 4px;    
						color:#FFFFFF;
						padding: 0;
                    }
					
                        #lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
                            border: none;
                        }


/* Demo 4 - onClick & setOnClick:false demo */
#lavaLampVertical {
position: relative;
width: 160px;
padding: 0px;
margin: 10px 0;
overflow: hidden;
border: 2px dashed #0066FF;
}
#lavaLampVertical li {
list-style: none;
}
#lavaLampVertical li.back {background-image:url(../../lavalampweb/images/lava1.gif);	
border-bottom: 2px dashed #FF9900;
z-index: 8;
position: absolute;
}
#lavaLampVertical li a {
font: bold 14px 'Times',serif;
text-decoration: none;
color: #FFF;
outline: none;
text-align: left;
padding: 10px 5px 3px;
letter-spacing: 2px;
z-index: 10;
display: block;
position: relative;
overflow: hidden;
margin: auto 10px;
}


/* Demo 5 - autoReturn:false demo  */
#lavaLampFun {
position: relative;
width: 500px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid #CC6600;
}
#lavaLampFun li {
float: left;
list-style: none;
padding-left:24px;
margin-left:5px;
}
#lavaLampFun li.backLava {
background: url("images/baseball.png") no-repeat left;
z-index: 8;
position: absolute;
height: 30px;
}
#lavaLampFun li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}   
#lavaLampFun li a:hover {
border: none;
}

/*						

 #lavaLampBasicImagevert {
          position: absolute;
            padding: 5px 5px;
			padding-right:6px;
            margin: 5px ;
            overflow: hidden; 
        }
                #lavaLampBasicImagevert li {
                    list-style: none;
                }
                    #lavaLampBasicImagevert li.back {
                        background: url("../images/lava1.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        #lavaLampBasicImagevert li.back .left {
                            background: url("../images/lava1.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape 
                        }
                    #lavaLampBasicImagevert li a {
                        font: 11px verdana;
						text-transform:capitalize;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
						color:#FFFFFF;
						padding: 0 .25em;
                    }
					
					
					
					* html   #lavaLampBasicImagevert li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 4px;    
						color:#FFFFFF;
						padding: 0;
                    }
					
                        #lavaLampBasicImagevert li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
                            border: none;
                        }
						


*/

/*						

        #lavaLampVariableImage {
            position: relative;
            width: 333px;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
			border:solid 1px #CC6600;
        }
                #lavaLampVariableImage li {
                    float: left;
                    list-style: none;
                }
                    #lavaLampVariableImage li.back {
                        background: url("images/slider-right.gif") no-repeat top right;
                        width: 24px;
                        z-index: 8;
                        position: absolute;
                    }
                        #lavaLampVariableImage li.back .left {
                            background: url("images/slider-bg.gif") no-repeat top left;
                            height: 100%;
                            margin-right:24px;
                        }
                        #lavaLampVariableImage li.back .corner {
                            background: url("images/slider-corner.gif") no-repeat bottom right;
							height:27px;
							width:24px;
							position:absolute;
							bottom:0px;
							right:0px;
                        }
                        #lavaLampVariableImage li.back .bottom {
                            background: url("images/slider-bottom.gif") no-repeat bottom left;
							height:27px;
							width:100%;
							position:absolute;
							bottom:0px;
							left:0px;
                        }
                    #lavaLampVariableImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color:#333333;
                        outline: none;
                        text-align: center;
                        padding: 17px 10px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        #lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited {
                            color: #333;
                            border: none;
                        }

        #lavaLampBorderOnly {
            position: relative;
            width: 300px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid #CC6600;
        }
                #lavaLampBorderOnly li {
                    float: left;
                    list-style: none;
                }
                    #lavaLampBorderOnly li.back {
                        border: 1px dashed #003399;
                        background-color:#99CCCC;
                        width: 9px;
                        z-index: 8;
                        position: absolute;
                    }
                    #lavaLampBorderOnly li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        padding: 5px 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
*/

/*

        #lavaLampVertical {
            position: relative;
            width: 160px;
            padding: 0px;
            margin: 0px 0;
            overflow: hidden;
      
        }
                #lavaLampVertical li {
                    list-style: none;
					list-style-position:inside;
                }
                    #lavaLampVertical li.back {
                        background: url("../images/lava1.gif") no-repeat;
                        z-index: 8;
                        position: absolute;
                    }
                    #lavaLampVertical li a {
                        background: url("../images/lava1.gif") no-repeat;
                        outline: none;
                        text-align: left;
                        padding: 10px 0px 0px;
                        letter-spacing: 2px;
                        z-index: 0;
                        display: block;
                        position: relative;
                        overflow: hidden;
                        margin: 
						0px;
                    }
				*/	
					
/*

        #lavaLampFun {
            position: relative;
            width: 444px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid #CC6600;
        }
                #lavaLampFun li {
                    float: left;
                    list-style: none;
					padding-left:24px;
					margin-left:5px;
                }
                    #lavaLampFun li.back {
                        background: url("images/baseball.png") no-repeat left;
                        z-index: 8;
                        position: absolute;
                        height: 30px;
                    }
                    #lavaLampFun li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        #lavaLampFun li a:hover {
                            border: none;
                        }                     


*/