/* style sheet for Flood in World Myth and Folklore */
/* **** scavanged; still in progress ***** */

div { text-indent: -18pt; margin-left: 18pt }
div.i1 { text-indent: -9pt; margin-left: 18pt }
div.norm { text-indent: 0; margin-left: 0 }
div.normb { text-indent: 0; margin-left: 0 }
div.ref { text-indent: -18pt; margin-left: 18pt }
div.subreg { text-indent: +12pt; font-size: +2; }

big {	color: #990000;
	font-size: 16px; font-family: Verdana,Lucida-Sans-Unicode,sans-serif
    }
big.n0, big.xn0, big.n1, big.n2, big.n3 {color: #ff0033;
	font-size: 16px; font-family: Verdana,Lucida-Sans-Unicode,sans-serif
    }

p { font-size: 17px; }
p.faux { font-size: 17px; color:#999; }
p.ref { font-size: 15px; margin-left: 18pt; }
p.info { font-size: 14px; margin-left: 18pt; 
         font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
div.i { font-size: 17px; text-indent: 18pt; }

/* TODO: Replace <h1 class="tit"> with <font class="tit"> everywhere */
font.title {color: #000099; font-size: 28px; font-weight: bold;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
/***
font.region <color: #009900; font-size: 24px; font-weight: bold;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
***/
font.subreg {color: #000; font-size: 20px; font-style: italic;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}

font.h3 {color: #009900; font-size: 17.5px; font-weight: bold;
	vertical-align: -120%; line-height: 19px;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}

h1.tit {color: #000000; font-size: 28px; line-height: 0px;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
h1.subtit {color: #000000; font-size: 21px; line-height: 0px;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
/*** h3 {color: #000; line-height: 0px; font-size: 21px; } ***/
h2,h4 { color: #000; }

a:link    { color:#00c; text-decoration: underline; }
a:visited { color:#099; text-decoration: underline; }
a:hover   { color:#066; text-decoration: underline; }
a:active  { color:#0ff; text-decoration: underline; }

a.region:link, a.region:visited, a.region:hover, a.region:active {
    font-size: 20px; font-weight: bold;
    font-family: Verdana,Lucida-Sans-Unicode,sans-serif
}
a.region:link    { color:#00c; text-decoration: underline; }
a.region:visited { color:#099; text-decoration: underline; }
a.region:hover   { color:#066; text-decoration: underline; }
a.region:active  { color:#0ff; text-decoration: underline; }

h1.culture {color: #000; font-size: 20px;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
a.culture:link, a.culture:visited, a.culture:hover, a.culture:active {
    font-size: 16px; font-weight: bold;
    font-family: Verdana,Lucida-Sans-Unicode,sans-serif
}
a.culture:link    { color:#00c; text-decoration: underline; }
a.culture:visited { color:#099; text-decoration: underline; }
a.culture:hover   { color:#066; text-decoration: underline; }
a.culture:active  { color:#0ff; text-decoration: underline; }

h1.fauxcult {color: #666; font-size: 20px;
        font-family: Verdana,Lucida-Sans-Unicode,sans-serif}
a.fauxcult:link, a.fauxcult:visited, a.fauxcult:hover, a.fauxcult:active {
    font-size: 16px; font-weight: bold;
    font-family: Verdana,Lucida-Sans-Unicode,sans-serif
}
a.fauxcult:link    { color:#666; text-decoration: underline; }
a.fauxcult:visited { color:#999; text-decoration: underline; }
a.fauxcult:hover   { color:#066; text-decoration: underline; }
a.fauxcult:active  { color:#99f; text-decoration: underline; }

.popup {
    zoom: 1.0;
    position:relative;
    color:#090;
    text-decoration:none;
}
.popup span {
    position:fixed;
    top:150px;
    width:50px;
    padding:1px;
    border:none;
    left:-999em;
    z-index:990;
}
.popup:hover {visibility:visible}
.popup:hover span {left:250px;}
* html .popup span {position:absolute;}

div.but a {	color: black; text-decoration: none;
	background-color: #9ff;
	padding: 3px;
	border-radius: 16px;
	line-height: 2.5em;
	border-top: solid 5px #009;
	border-left: solid 5px #009;
	border-right: solid 5px #009;
	border-bottom: solid 5px #009;
     }
div.but a:hover {color: #fff;
	background-color: #009;
	text-decoration: none;
    }

/* ====================================================== */

a.h2, a.h3, a.h4,
a.h2:hover, a.h3:hover, a.h4:hover
     {	color: #000;
	padding: 2px;
	border-top: solid 3px #900;
	border-left: solid 3px #900;
	border-right: solid 3px #900;
	border-bottom: solid 3px #900;
	text-decoration: none;
     }

a.blk:link, a.blk:visited {
	color:black;
	text-decoration: underline;
    }
a.blk:active { color:#00c; }
a.blk:hover {  color:#00c; }

td.menu { padding-left: 7px; }

table.subtit {
  position: absolute;
}

/* outdate these */
#navb a {	color: black; text-decoration: none;
	background-color: #eee;
	padding: 2px;
	line-height: 2.5em;
	border-top: solid 5px #900;
	border-left: solid 5px #900;
	border-right: solid 5px #900;
	border-bottom: solid 5px #900;
     }
#navb a:hover {color: #fff;
	    background-color: #900;
            text-decoration: none;
           }