/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 23px; width: 735px;
   /* background: url("images/bg-white.jpg") no-repeat top;*/
    padding-top: 0px; margin: 0px;
    padding-left:20px;
    overflow: hidden;
  }
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("images/lava-white.gif") no-repeat right -30px;
            width: 9px; height: 23px; 
            z-index: 8;            
            position: absolute;
        }

            .lavaLamp li.back .left {
                background: url("images/lava-white.gif") no-repeat top left;
                height: 23px;  
                margin-right: 9px;
            }

            .lavaLamp li.cur {
                background: url("images/create.gif") no-repeat top center;
                height: 23px;  
                margin-right: 9px;
            }

            .lavaLamp li.customize {
                background: url("images/customize.gif") no-repeat top center;
                height: 23px;  
                margin-right: 9px;
            }

        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            font: bold 12px Arial;
            color: #014498; outline: none;
            text-align: center;
            height: 23px; top: 5px; 
            z-index: 50; letter-spacing: 0;
            /*float: left; display: block;*/
            margin: auto 14px;   
        }
        


/* Styles for the entire LavaLamp menu */
.lavaLamp2 {
    position: relative;
    height: 30px; width: 735px;
   /* background: url("images/bg-white.jpg") no-repeat top;*/
    padding-top: 10px; margin: 0px;
    padding-left:20px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp2 li {
        float: left;
        list-style: none;

         
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp2 li.back {
            background: url("images/lava2-white.gif") no-repeat right -30px;
            width: 9px; height: 30px;  
            z-index: 8;            
            position: absolute;
        }
            .lavaLamp2 li.back .left {
                background: url("images/lava2-white.gif") no-repeat top left;
                height: 30px; 
                margin-right: 9px;
                
            }

            .lavaLamp2 li.ecard {
                background: url("images/ecard.gif") no-repeat top center;
                height: 30px;  
                margin-right: 9px;
              
            }
            .lavaLamp2 li.puzzle {
                background: url("images/puzzle.gif") no-repeat top center;
                height: 30px;  
                margin-right: 9px;
              
            }
           

            .lavaLamp2 li.caricature {
                background: url("images/caricature.gif") no-repeat top center;
                height: 30px;  
                margin-right: 9px;
            }


        /* Styles for each menu-item. */
        .lavaLamp2 li a {
            position: relative; overflow: hidden;
            text-decoration: none;   
            font: bold 11px arial;
            color: #014498; outline: none;
            text-align: center;
            height: 30px; top: 3px; 
            z-index: 50; letter-spacing: 0;
            /*float: left; display: block;*/
            margin: auto 14px;
        }
        

        
        .bgy {
           background: url("images/bg-y.gif") no-repeat top left;}


img {border:0px;}


p {

font: 11px Verdana;
}



h1,h2,h3,h4,h5,h6,pre,code {
  font-family:Verdana;
  font-size:1.5em;
  color:#a70105;

}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
 	padding: 0;
	margin: 6px;

}


A{color:#2a5db0;text-decoration:none;}
A:hover {color:#2a5db0;text-decoration:underline;}
A:visited {color:#2a5db0;}

a.blue:link {color: blue; text-decoration: none;}
a.blue:visited {color: #9f1690; text-decoration: none;}
a.blue:hover {color: blue; text-decoration: underline;}

BODY
{
  font: 12px Arial;
  /*background-color:#c1c1c1; */
  background-color:#5a0000; 
  background:url(images/body.gif) center;
 }

table{border:0px;border-collapse: collapse}


.clear{
  font-size:1px;
  line-height:1px;
  clear: both;
  height: 7px;
}

label {
	display: block;
	float: left;
	width: 130px;
}



.itm {
float:left;
padding:4px;
border:1px solid #CCCCCC;
margin:3px;
background-color:white;
font: 10px Verdana;
color:#0050ff;
text-align:center;
width:60px;
}

        .menubar {       
            font: bold 12px Arial;
            color: #014498; outline: none;
            text-align:right;   
            padding-right:30px;         
        }
        
        .menubar a, .menubar a:visited{    
            text-decoration: none;            
            color: #014498;
           
        }
        .menubar a:hover{    
            text-decoration: underline;            
            color: #a70105;
           
        }






.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
  float:left;


}

.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}

.borderTL, .borderTR, .borderBL, .borderBR {
  width: 7px; height: 7px;
  padding: 0px; border: 0px;
  z-index: 99;
}


.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -7px  0px  0px  0px; }
.borderBR { margin: -7px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */

.content {
  margin: 0px;
  padding: 0px;
  border: 1px solid #fff8ad;
  background-color:#fff8ad;
}

.content2 {
  margin: 7px;
  padding: 2px 8px 2px 8px;
}

.content4 {

  margin: 5px;
  padding: 0px;
  border: 1px solid #898989;
  background-image:url(/css/gradient2.png);

}

.button4, .button4 a, .button4 a:visited {
 font: bold 16px Arial;
 color: #000000; 
 padding-top:3px;
}

.button4 a:hover {text-decoration:underline;}

.small4 {
 font: 11px Arial;
 color: #595959; 
}


.content6 {
  margin: 0px;
  padding: 0px;
  border: 1px solid #7700cb;
  background-color:#7700cb;
}






#social {width:90%; padding:5px;}
#social ul {margin:2px; list-style: none;float:left;}
#social li {margin:2px; list-style: none;float:left;width:155px;height:30px;}
#social img {padding:3px;} 









/*contact css*/


.topnavigation
{
font-family:Verdana;
font-size:11px;
border-top: 1px solid #c9d9ec;
padding:7px;
width:735px;
padding-bottom:15px;
}

.topnavigation100
{
font-family:Verdana;
font-size:11px;
border-bottom: 1px solid #c9d9ec;
padding:7px;
width:95%;
}


.bigtext2
{
padding-top:2px; 
FONT-SIZE: 20px;
padding-bottom: 12px;
color: #B90101;
text-align:left;
}


.submit 
{
	font-family:Arial;
	text-align:center;
	color:#000000;
	font-size:12px;
	font-weight: bold;
	padding-bottom:2px;
	padding-top:2px;
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(/images/submitbg.gif);
	border:1px solid #A8A8A8;
	
}
.inputbox
{
	font-family:Tahoma, Arial;	
	text-align:left;
	color:#333333;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	border:1px solid #999999;
	font-size:13px;
}

.yellowbox
{
float:left;
padding:0px; 
background:#FEFFD5; 
border:1px solid #FFEB70; 
}

.yellowbox2
{
padding:10px; 
background:#FEFFD5; 
border:3px solid #ffffff; 
}

.yellowbox3
{
padding:10px; 
background:#FEFFD5; 
border:3px solid #FFEB70; 
}


.bluebox
{
float:left;
padding:0px; 
background:#def2ff; 
border:1px solid #a6dcff; 
}

.bluebox2
{
padding:10px; 
background:#def2ff; 
border:3px solid #ffffff; 
}


.whitebox
{
float:left;
padding:0px; 
}







/* adimin table */



.data-header{
border:1px solid #bababa;
padding:5px;
color:#0050ff;
font-weight:bold;
background-color:#e8efff
}

.data-header td{
border:1px solid #bababa;
padding:5px;
background-color:#e8efff
}

.data-lists input{vertical-align:middle;}
.data-lists textarea{vertical-align:middle;}
.data-lists{
border:1px solid #bababa;
padding:5px;
background-color:white
}

.data-lists td{
border:1px solid #bababa;
padding:5px;
font-family:Verdana;
font-size:11px;
margin:5px;

}