/* CSS */
       
       
       
/* -- Nav Headers -- */
       
.Navigation h3 {
padding: 0;
font-size: 110%;
color: #1d487e;                /* darkish blue-green for headlines and RSSbox
-- */
border-bottom: 1px solid #fff;
margin: 12px 0;
}
       
       
/* -- Nav List -- */
       
.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}
       
.Navigation li {
background-color: #ffc;        /* tan, for button and RSS box backgrounds -- */
border: 1px solid #8f8fb3;
margin-bottom: 3px;
}
       
       
/* -- Navigation Link styles -- */

.Navigation a {
color: blue;
display: block;     /*  this makes the whole box highlight rather than just the
text */
padding: 3px 0 3px 4px;
text-decoration: none;
}
       
.Navigation a:visited {
color: purple;
text-decoration: none;
}
       
.Navigation a:hover {
color: red;
background-color: #d3e4fb;   /* light sea blue used in center column of
anguilla-background.gif and for lit buttons both navbars and AdSenseBox bg
color */
text-decoration: underline;
}		       
       
       
/* -- RSS Box -- */

#RSSbox {
width: 148px;
background-color: #ffc;
border: 1px solid #8f8fb3;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 14px;
text-align: center;
}
       
       
       
       
/*  ***  Web 2.0 STYLES  ***  */

/*  ***  Adopted & Adapted for www.mysteries-of-the-world.com  ***  */
     
     
     
/* ---  BOXES  --- */
     
     
/* CURVY CORNERS */ 

.curvy {position:relative; width:65%; background:#9caf9c; color:#000;
margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px;
color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.curvy em b {position:absolute; font-size:150px; font-family:arial;
color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

.curvy p {position:relative; z-index:100; padding:5px 10px;}
     
     
     
     
     
/* THRASHBOX - for CONTENTS BOX */ 

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent
url(http://www.mysteries-of-the-world.com/image-files/demobox.png) no-repeat
bottom right; 
} 
.cssbox { 
    width: 388px !important; /* intended total box width - padding-right(next)
*/
    width: 373px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content
padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right
image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding
... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 
     
     
     
     
     
/* DIALOG BOX - with DROP SHADOW & ROUNDED CORNERS */ 

.dialog {
 width:88%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/tr.gif) no-repeat right
0px;
}

.dialog .bd {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/mr.gif) repeat-y right
0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(http://www.mysteries-of-the-world.com/image-files/ms.jpg)
repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent
url(http://www.mysteries-of-the-world.com/image-files/br.gif) no-repeat right
0px;
}


/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>
body .dialog pre {
 font-size:1.1em;
}
     
     
     
     
     
/* ---  MENUS  --- */
     
     
/*  DROP DOWN MENUS  */

ul#navigation-1
{ margin:1; padding:1px 0; list-style:none; width:100%; height:21px;
border-top:0px solid #b9121b; border-bottom:0px solid #b9121b; font:normal 8pt
verdana, arial, helvetica;}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative;
width:136px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none;
background:#b9121b; color:#ffffff; width:136px; height:23px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none;
background:#ec454e; color:#ffffff; width:134px; height:23px; border-left:1px
solid #ffffff; border-right:1px solid #ffffff; }

ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none;
background:#ffffff; width:134px; position:absolute; top:21px; left:-1px;
border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:134px; clear:left; width:134px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#b9121b; padding:4px 0; width:134px; border:none;
border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#ec454e; padding:4px 0; width:134px; border:none;
border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute;
left:133px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b;
border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }