    body {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        text-align:center; 
        /* background:   url("images/background/logo_sm2d.gif") repeat; */ 
        background:   url("images/background/logo_juliannabellydance_bgnd3.gif") repeat;        
       /* background:#000000; */
     }




#container { background: #000000 url("images/background/home2b3.jpg") no-repeat;
		width:992px;
		margin-left:auto; margin-right:auto; 
                               border:0px;
 min-height:800px;

}



#header {
               /* background:#ff0000 ;*/
background:transparent;
                border-style:solid;
                border-color:#fff;
                border-width:0px; 
                overflow:hidden; 
	clear:both;
                /* margin-top:5px; */
	width:988px;
	height:150px;

}

.headnav {
                border-style:solid;
                border-color:#fff;
                border-width:0 0 1px 0; 
                overflow:hidden; 
	clear:both;
	width:787px;
	height:25px;
                margin-top:1px;
                margin-bottom:1px;
margin-left:205px;
	background:transparent;
/* background:#00cccc; */
    }

.headul{
    margin-top:2px;
    margin-bottom:0px;
     background:#993333;
     margin-left:16px;
     
    padding:0 0 0 0;
     border-style:none;
     border-color:#000;
     border-width:0px ; 

}

.headul li{
     float:left;
     list-style:none;     
     font-family: verdana,helvetica,arial,sans-serif;
     font-size:11px; 
}

.headul a{
     color:#fff;
    padding:3px 0 0px 0;
    text-decoration: none;
    margin-top:0px;
     margin-left:2px;
     margin-right:2px;
    margin-bottom:0px;
     border-style:solid;
     border-color:#fff;
     border-width:2px 2px 0px 2px; 
     text-align:center;
   width:100px; 
  height:20px;
   display:block;
}

.headul a:hover{
    
     /* font-style:italic;*/
     color:#fff;
     border-style:dotted;
     border-color:#fff;
     border-width:1px;  
   background:#993333;
    
}



.leftcol { 
              /* background:#00ff00; */
            /*   background:#993333; */
           background:transparent;
               border-style:solid;
               border-color:#fff;
               /* overflow:hidden; */ 
               /* border-width:2px;                 */
               border-width:0px; 
               float:left;
	width:192px;
	/* height:800px; */
margin-top:40px;
margin-left:5px;
               position:relative;

}
         


.main {  
/* background:#993333;*/
   background:#000 url("images/swlbcrd2.jpg") repeat;
color:#fff;
overflow:hidden;
margin-left:5px; font-family: Times New Roman,Times,serif; font-size:22px;
width:775px;
height:430px; 
/* margin-left:0px; */ 
/* position:relative; */
border-style:double;
border-color:#fff;
border-width:3px; 
float:right;
}



.pemail {  
border-style:groove;
border-color:#883333;
border-width:4px; 
padding: 4px 0 5px 0;
}

.pemail  a{  
color:#fff;

}

.pphone {  
border-style:groove;
border-color:#883333;
border-width:4px; 
padding: 4px 0 5px 0;
}


.main a {  color:#fff;

}

.main h1 {color:#fff; text-align:left; margin-left:5px; }

.h1white {color:#fff;  }
.h2white {color:#fff; }
.h3white {color:#fff;  }


.h1red {color:#ff0000; text-align:left; margin-left:5px; }
.h2red {color:#ff0000; text-align:left; margin-left:5px; }
.h3red {color:#ff0000; text-align:left; margin-left:5px; }



.main p{color:#fff; margin-left:5px; font-family: Times New Roman,Times,serif; font-size:22px; }

.leftul{
    margin-top:2px;
    margin-bottom:1px;
     /* background:#00cf00; */
  /*  background:#993333; */
  background:transparent;
     margin-left:8px;
     margin-right:0px;
    padding:0 0 0 0;
     border-style:solid;
     border-color:#fff;
     /* border-width:1px; */
   border-width:1px; 

}

.leftulli{
     text-align:left;
     color:#fff;
     list-style:none;
    margin-top:2px;
     margin-left:20px;
     margin-right:2px;
    margin-bottom:2px;
    padding:1px 0 2px 0px;
     border-style:none;
     border-color:#000;
     border-width:0px; 
     height:17px;
     font-family: papyrus,verdana,helvetica,arial,sans-serif;
     font-size:12px; 
}

.leftul2{
     text-align:left;
     color:#fff;
     list-style:none;
    margin-top:3px;
     margin-left:2px;
     margin-right:2px;

    padding:1px 0 2px 0px;
     border-style:none;
     border-color:#000;
     border-width:0px; 
     height:20px;
     font-family: papyrus,verdana,helvetica,arial,sans-serif;
     font-size:12px; 
}

.leftul2 a{
     color:#fff;
    padding:0px 0 0px 0;
    text-decoration: none;
    
display:block;
}

.leftul a{
     color:#fff;
    padding:0px 0 0px 0;
    text-decoration: none;
    
display:block;
}

.leftul a:hover{
    
     font-style:italic;
     color:#0ff;
    padding:0 0 0 0;
     border-style:dotted;
     border-color:#fff;
     border-width:1px;  
  /*  background:#000; */
    
}

.popup {  z-index:0; }
.popup:hover {z-index:50; background-color: transparent; }




.enterbutton  { margin-left:373px; margin-top:347px; width:100%;height:64px;
                     position:relative; overflow:hidden; clear:right; 
}

.enterbutton  a {     float:left;
                       overflow:hidden; width:208px;height:64px;
}

.enterbutton a:hover{ background:   url("images/background/enter2.jpg") no-repeat ;
              position:relative;float:left;width:208px;height:64px;

}


.leftpics { 
 /* background:#000  url("images/background/lmblue1.gif") no-repeat;*/
  background:transparent;
  border-style:solid;
  border-color:#0ff;
  /* overflow:hidden; */ 
  border-width:0px;                
  float:left;
  width:180px;
  margin-top:150px;
  margin-left:4px;
  position:relative;
  color:#fff;
  
}



.menu1 { font-family:papyrus, verdana, arial, sans-serif; font-weight:bold; font-size:20px;  list-style:none; }
.menu1 a {color:#ffffff; }

.menu2 {
list-style-type: none;
margin-top: 40px;
margin-left:40px;
margin-bottom: 0px;
margin-right: 0px;
padding: 0;
clear:left;
float:left;

}

.menu2 li {margin-left: 0px ; margin-top:0px; position:relative; clear:both;}

.menu2 a {
  display: block;
 font-family:papyrus, verdana, arial, sans-serif; font-weight:bold; font-size:20px;
	background-color: #00cccc;
	text-align: center;
	color: #fff;
  text-decoration: none;
	margin: 0px ;
}
.menu2 a:link, .menu2 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menu2 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


.menu2b {
list-style-type: none;
margin-left: 20px;
padding: 0;
clear:left;

}
.menu2b li { margin: 0px ;}


.menu2b a {
  display: block;
 font-family:papyrus, verdana, arial, sans-serif; font-weight:bold; font-size:14px;
	background-color: #00accc;
	text-align: center;
	color: #fff;
  text-decoration: none;
	margin: 2px 0;
}
.menu2b a:link, .menu2b a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menu2b a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}






	/* column container */
	.colmask {
		clear:both;
		 float:left; 
		width:992px;				/* width of page */
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
                                position:relative;
                                
	}
	/* common column settings */
	.colright,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2 {
		float:left;
		position:relative;
		padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {

		/* background:#fff; */ 		/* right column background colour */ 
                               /*  background:   url("../website_new/juliannabellydance/html/images/background/homepage.jpg")  ; */
	}
	.leftmenu .colleft {
		right:78%;				/* right column width */

		/* background:#f4f4f4; */		/* left column background colour */
	}
	.leftmenu .col1 {
		width:74%;				/* right column content width */
                             margin-top:200px;
                              /* overflow:auto; */
		left:102%;				/* 100% plus left column left padding */
                               color:#fff;
                               
	}
	.leftmenu .col2 {
                             margin-top:300px;
                              /* overflow:auto; */
		width:18%;				/* left column content width (column width minus left and right padding) */
		left:6%;				/* (right column left and right padding) plus (left column left padding) */
	}	
/* Footer styles */
#footer {
        width:992px;
        border-style:none; border-color: #fff; border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;
        overflow:hidden;
        background-color:#000;
       margin-left:auto;margin-right:auto;
    }


    </style>
