body            { background-color:#241905;background:url('img/patt_bg.jpg');font:100.01%/1.4 sans-serif;
                  text-align:center; /* horizontal centering for IE Win quirks */
                  font-family :  Arial,Verdana, Tahoma;font-size: 11px;}
img             { behavior: url(../css/iepngfix.htc); }
ul              { margin:0;padding:0;}
html, body      { height:100%;}
#distance       { width:1px;height:50%;	margin-bottom:-13.75em; /* half of container's height */
		          margin-bottom:-300px;float:left;}
#container      { border:1px solid #67645f;color:#ffffcc;margin:0 auto;clear:left;
		          border-top-color:#fff;border-left-color:#fff;                    
                  position:relative; text-align:left;width:1010px;height:600px}
                  
#containerGallery{ background:url('img/jleo_bg1.jpg') repeat-x;border:1px solid #67645f;color:#ffffcc;margin:0 auto;clear:left;
		                border-top-color:#fff;border-left-color:#fff;                    
                        position:relative; text-align:left;width:1010px;height:600px}
#middleContentGallery{border:0px solid #ff0;height:600px;left:0px;margin:0 auto;padding:0;position:absolute;text-align:left;top:0px;width:1010px;}
/****** Main Page *****/
#containerMain { background:url('img/jleo_bg1.jpg') repeat-x;border:1px solid #67645f;color:#ffffcc;margin:0 auto;clear:left;
		                border-top-color:#fff;border-left-color:#fff;                    
                        position:relative; text-align:left;width:1010px;height:600px}
.middleBox     { border:0px solid #00f;font-size:10pt;font-weight:bold;height:240px;margin:0 auto;text-align:center;width:332px;xbackground-color:#f00}
.middleBox p   { color:#ccc;margin:0;padding:5px 0 0 0}
.middleBox img { border:1px solid #000;xborder:5px outset #897432}	
#middleContentMain{border:0px solid #ff0;height:240px;xmargin:0 auto;xleft:0px;position:relative;top:180px;text-align:left;width:1010px;padding:0}
.pics2         { border: 0px solid #ff0;height: 215px; padding:0;margin:0 auto;overflow: hidden;text-align:center; }
.port          { margin-left:70px;border: 1px solid #ccc;cursor:hand; }
.land		   { margin-left:70px;border: 1px solid #ccc;cursor:hand;}
/****** END Main Page *****/
/***** TOP MENU ******/                        
#menu           { margin:0px;padding:0px;position:absolute;top:10px;left:520px;z-index:103}
#menu ul        { border:0px solid #ff0;padding:0;margin:0;}
#menu ul li     { xbackground-color:#ff0;list-style-type:none;float:left;font-size:10pt;width:75px;text-align:center;}
#menu ul li a   { height:20px;}
#cssdropdown, #cssdropdown ul {padding: 0;margin: 0;list-style: none;}
#cssdropdown li { float: left;position: relative;}
.mainitems      { xborder: 1px solid black;xbackground-color: #FFEEC6;z-index:10;}
.mainitems a    { margin-left: 6px;margin-right: 8px;text-decoration: none;}
.subuls         { display: none;width: 10em;position: absolute;top: 1.2em;left: 0;xbackground-color: lightyellow;border: 1px solid black;}
.subuls li      { width: 100%;}
.subuls li a    { text-decoration: underline;}
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#cssdropdown li>ul { top: auto;left: auto;}
/* lists nested under hovered list items */
#cssdropdown li:hover ul, li.over ul { display: block;}
/************************* 
/***** END TOP MENU ******
/*************************/
    
           #logo      { border:0px solid #ff0;left:20px;top:15px;position:absolute;width:215px;z-index:200}
           pre        { overflow: visible }
           code       { background-color: #ffc }
           pre code   { background-color: #eee }
           
           #slideshow ul {width:1024px;position:relative}
           #xmusic	  { left:720px;top:15px;position:absolute;}            
           .pics      { height: 240px; border: 0px solid #ff0;float:left; width: 333px;margin:0 auto;overflow: hidden;position:absolute;text-align:center; }
      
           .pics img  { margin-top:40px;border: 1px solid #ccc;position:relative; }
            pre       { display:none }
            
            a {color:#fff;text-decoration:none;}
            a:hover{color:#999999;text-decoration:underline;}

/***** GALLERY ******/
#xgalleryLinks        { border: 0px solid #f00;background-color:#f0f;background:url('img/jleo_bg1.jpg') no-repeat;height:598px;margin: -13px 0 0 0px;_margin: 0px 0 0 0px;left:0;xposition:relative;}
#galleryTitle        { border: 0px solid #f00;padding:185px 0 0 675px;_padding-left:665px;width:100px}
#galleryList         { border:0px solid #fff;float:right;margin-top:-15px;width:180px;list-style-type:none;font-size:12pt}
#galleryList a:hover { margin-left:-25px;padding-left:60px;text-align:center}
#w1,#w2,#w3,#w4,#w5  { border: 5px solid #fff;display:none;position:absolute;top:230px;left:665px;z-index:101}
#fade1,#fade2,#fade3,#fade4,#fade5 {display:none;margin:0 auto;}
#fade1 img,#fade2 img,#fade3 img,#fade4 img,#fade5 img {margin:0;xpadding-top:4px;position:absolute;z-index:20}
/************************* 
/***** END GALLERY  ******
/*************************/   
/***** GALLERY MENU ******/      
#middleContent       { border:0px solid #ff0;height:240px;left:550px;position:absolute;top:560px;text-align:left;width:1010px;padding:0;z-index:102}
#middleContent ul    { border:0px solid #ff0;padding:0;margin:0;}
#middleContent ul li { list-style-type:none;float:left;font-size:11pt;font-weight:bold;width:155px;text-align:center;}
/************************* 
/***** END GALLERY  MENU *
/*************************/ 
        /*    #modal_container    {padding:5px;background-color:#fff;border:2px solid #000f4f;overflow:auto;font-family:"Lucida Grande",Verdana;	font-size:12px;color:#333;text-align:left;}
     		#modal_container.test {background-color:#900;color:#fff;text-align:center}
    		#modal_overlay      {background-color:#004584;}
     		#modal_overlay.test {background-color:#fff;}
                  
*/