body {
background: black url(../images/bg_SaturnTitan.jpg) 0 0 no-repeat fixed;
background-position:center 0px; /*background-position:120px 0px;*/
text-align:center;
}
.center {
position:relative; display:block;
margin:0px auto; padding:0px;
margin:auto auto;
width:700px;
text-align:left;
vertical-align:middle;
/* border:1px solid green; */
}
/* the holder for the menus #text{ margin:2px;padding:2px; width:auto; border:1px solid red; } */
#text {position:relative; display:inline; top:3em; left:2em; width:5em; }
#text {position:absolute; display:inline; top:0em; left:0em; width:14em;}
#text .curved {width:14em; top:1em;}
#text .curved #text .b2, #text .curved .b3, #text .curved .b4 {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#text .curved .boxcontent {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px; }
#text .curved .boxcontent {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#text ul li {color:#8BC1D5;}
#text h1 {color: #bbbbff; font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin:0px; padding:0px; color:#ffdd33;}
#text h2 {color: #bbbbff; font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin:0px; padding:0px; color:#ffdd33;}
.header {color:#dbb;}
/*
#text A:link {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:visited {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:active {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:hover {text-decoration:none; color:#224C5C; color:#ffdd33;}
a:hover { text-decoration:none; color:#224C5C; }
*/
a:link {text-decoration:none; display:inline; color:#CEBE3A;}
a:visited {text-decoration:none; display:inline; color:#CEBE3A;}
a:active {text-decoration:none; display:inline; color:#CEBE3A;}
a:hover {text-decoration:none; display:inline; color:#ffdd33;}
/* the main links curved tabs
.curved { class=".b1 c1"> }
.boxcontent { border:0 solid #B0A440; border-width:0 1px; }
*/
/*
.curved-g .boxcontent {
border-left:2px solid #B0A440; border-right:2px solid #B0A440;
background:transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;
}
.curved-g .b1, .curved-g .b2, .curved-g .b3, .curved-g .b4 {background:#ffdd33;background:transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.curved-g .b1 {background:#ffdd33 url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.curved-g .c1 {background:#ffdd33 url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
*/
/******* colors of the tabbed folders ********/
/*
curved-g is curved for the panels of HaBarbadi links #ffdd33;
.curved-g .b1, .curved-g .b2, .curved-g .b3, .curved-g .b4 {background:#D1C667;}
.curved-g .b2, .curved-g .b3, .curved-g .b4 {border-left:1px solid #D1C667; border-right:1px solid #D1C667; background:#C9EBF7;}
.curved-g .b1 {background:#D1C667;}
.curved-g .c1 {background:#D1C667;}
.curved-g .boxcontent {border-left:1px solid #D1C667; border-right:1px solid #D1C667; background:#C9EBF7; }
end curved-g
*/
/* curved is the outer container for each of the sliding tabbed notebooks of links - info1 and info2 */
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {background:#C9EBF7;}
.curved .b2, .curved .b3, .curved .b4 { border-left:1px solid #88c; border-right:1px solid #88c; background:#C9EBF7;}
.curved .b1 {background:#88c;}
.curved .c1 {background:#88c;}
.curved .boxcontent {border-left:1px solid #88c; border-right:1px solid #88c; background:#C9EBF7;}
/* end curved */
/* menu is the ul inside the sliding tabbed folders that hold the links - info1, info2 ... .
basics.css holds the height width etc,
here in the CSS files are the colors for the edges and the backgrounds - set in each alternate css file. */
#menu {background:#C9EBF7;}
#menu li a {color:#000;}
#menu li a span {color:#000;}
#menu li .one {background:#C9EBF7;}
#menu li a:hover {background:#C9EBF7;color:#000;}
#menu li p {color:#00b;}
#menu li p span {color:#000;}
#menu li p:hover {background:#C9EBF7;}
#menu .h2 {background:#C9EBF7;color:#000; padding:0px; text-align:left;}
#menu .h3 {background:#C9EBF7;color:#693900; }
/* end menu */
/*********** end colors of the tabbed folders *********/
/* the HaBarbadi links sections */
/***********************************/
#emails {display:none;}
#altstyles {position:absolute; display:none; top:2.5em; left:0em; padding:0px;}
#altstyles img {height:2em; margin:0px;}
/*#altstyles .xboxcontent {position:absolute; display:inline; left:2px; margin:0px; padding:0px; border:2px solid green;}*/
#altstyles a {display:inline;}
#altstyles a:link img {border:2px solid #193863;}
#altstyles a:visited img {border:2px solid #193863;}
#altstyles a:active img {border:2px solid #193863;}
#altstyles a:hover img {border:2px solid #F77515;}
#title-ed {display:none;}
#title-ec {display:none;}
#title-so {display:inline;}
#education {position:relative;display:inline; top:6em;}
#software {position:relative;display:inline; top:6em;}
#ecology {position:relative;display:inline; top:6em;}
/*
#links a {background: transparent url(images/bg_SaturnTitan-fade.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#links a:hover {background: transparent url(images/bg_ SaturnTitan-wash.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
*/
/* ***************** end of HaBarbadi sections ***************** */
/* the menu of HaBarbadi links */
/*****************************/
/* each of the sections is an infor */
.infor {background: transparent; margin-top:0em; width:15em; line-height:1.2;}
.infor li .one {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li .one {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li a:hover {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li a:hover {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li p:hover {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li p:hover {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h2 {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h2 {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h3 {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h3 {background: transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#text h1 {color: #bbbbff; font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#D1C667; }
#text h2 {color: #bbbbff; font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#D1C667;}
#text A:link { text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787; line-height:1.2; }
#text A:visited { text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787; }
#text A:active { text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787; }
#text A:hover { text-decoration:none; color:#224C5C; color:#ffdd33; color:#F4CBAD; }
/******/
.curved-g .b2, .curved-g .b3, .curved-g .b4 {background:transparent url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;} /* border-left:1px solid #ffdd33; border-right:1px solid #ffdd33;}*/
.curved-g .b2, .curved-g .b3, .curved-g .b4 {background: transparent;}
.curved-g .boxcontent { background: transparent;}
/* square the HaBarbadi menu */
.curved-g .b1 {display:none;}
.curved-g .b2, .curved-g .b3, .curved-g .b4 {display:none;}
.curved-g .boxcontent {display:inline;}
.infor .boxcontent {display:block; width:15em;}
/* the sliding tabbed folders of links */
/***********************************/
/* #center {position:absolute; left:40px; } border:6px solid green;}*/
.curved .b2, .curved .b3, .curved .b4 {background: #468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; background-position:center 0px;} /*background-position:120px 0px;}*/
.curved .boxcontent {background: #468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; } /*background-position:120px 0px;} */
#menu {background: transparent; line-height:1.2;} /*#468 url(images/bg _SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px;}*/
#info2 .curved .boxcontent #menu .penguin1 {position:absolute; display:inline; top:150px; right:10px; opacity:0.08;} /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin2 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin3 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin4 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin5 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin6 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#info2 .curved .boxcontent #menu .penguin7 {position:absolute; display:none; top:150px; right:10px; } /* li#one .h2*/
#menu li .one {background: transparent;} /*#468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px;}*/
#menu li a {color:#8BC1D5;}
#menu li a:hover {background: transparent; color:#fff;} /*#468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#C3DFE9;}*/
#menu li p:hover {background: #468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; }/*background-position:120px 0px;}*/
#info2 .curved .boxcontent #menu li.one p:hover .penguin1 {position:absolute; display:inline; top:150px; float:right; opacity:0.08;}
#info2 .curved .boxcontent #menu li.two p:hover .penguin2 {position:absolute; display:inline; top:150px; float:right; opacity:0.12;}
#info2 .curved .boxcontent #menu li.three p:hover .penguin3 {position:absolute; display:inline; top:150px; float:right; opacity:0.23;}
#info2 .curved .boxcontent #menu li.four p:hover .penguin4 {position:absolute; display:inline; top:150px; float:right; opacity:0.45;}
#info2 .curved .boxcontent #menu li.five p:hover .penguin5 {position:absolute; display:inline; top:150px; float:right; opacity:0.6;}
#info2 .curved .boxcontent #menu li.six p:hover .penguin6 {position:absolute; display:inline; top:150px; float:right; opacity:0.8;}
#info2 .curved .boxcontent #menu li.seven p:hover .penguin7 {position:absolute; display:inline; top:150px; float:right; opacity:1;}
#menu .h2 {background: #468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#8BC1D5;} /* background-position:120px 0px;}*/
#menu .h3 {background: #468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#693900;} /*background-position:120px 0px;}*/
#menu a:link {display:inline; text-decoration:none; color:#8BC1D5;}
#menu a:visited {display:inline; text-decoration:none; color:#8BC1D5;}
#menu a:active {display:inline; text-decoration:none; color:#8BC1D5;}
#menu a:hover {display:inline; text-decoration:none; color:#ffdd33;}
/* general elements attributes & values */
table {width:100%;}
ul {list-style:none; list-style-position:none; margin:0px; }
li {margin:0px; padding:0px; color:#8BC1D5; }
td {line-height:1;}
p {margin:0px; padding:0px;}
h1 {font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33;}
h2 {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#8BC1D5;}
#h1 {font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#ffdd33;}
#h2 {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#ffdd33;}
.h3 {font-size:12pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#347A93;}
.h4 {font-size:10pt; font-weight:bold; font-style:italic; color:#347A93;}
h5 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; background:transparent; color:#8BC1D5;}
.hebrew {width:10em; direction:rtl; color:#8BC1D5; text-align:"right"}
h2 {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#8BC1D5; opacity:6;}
h2.header {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#8BC1D5;color:#E1B791; opacity:6;}
#textA h4 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.6; text-align:left;}
#textA h4:hover {color:#dbb; opacity:6;}
h4 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.45;}
h4:hover {color:#dbb; opacity:4;}
#textB h5 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:transparent; border:1px solid #000; opacity:0.6;}
#textB h5 a:hover {color:#dbb; opacity:6;}
h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:transparent; border:1px solid #000; opacity:0.45;}
h6 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; text-align:left;}
#textB img#logo {position:absolute; display:inline; top:360px; opacity:4; z-index:3;}
#textB h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:#C5854D; border:1px solid #000; opacity:0.45; z-index:5;}
#textB h5 .h3 {color:#E1B791; font-size:11pt;}
#textB h5 a {opacity:8;}
#textB h5:hover {opacity:2;}
#textB h5 span {display:none; text-align:center; top:200px;}
#textB h5 span {position:absolute; display:none; text-align:center; top:20em; left:20px;} /*top:320px; */
#textB h5 span img {width:13em; opacity:3; z-index:15;} /*width:200px; */
#textB h5:hover span {display:inline;}
.screen img {width:15em; opacity:0.5;} /*200px*/
#img-firebird {display:none;}
#span-firebird a {display:inline;}
#span-firebird:hover #img-firebird {display:inline; width:100px; height:150px; opacity:0.4;}
/********/
h3 {font-size:14pt; margin:0px; padding:0px;}
h4 {display:block; width:200px; margin:1px; padding:0px; font-size:12pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.45;}
h4:hover {color:#dbb; opacity:4;}
#textB h5 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:transparent; border:1px solid #000; opacity:0.6;}
#textB h5 a:hover {color:#dbb; opacity:6;}
h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:transparent; border:1px solid #000; opacity:0.45;}
h6 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; text-align:left;}
#textB img#logo {position:absolute; display:inline; top:360px; opacity:4; z-index:3;}
#textB h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:#C5854D; border:1px solid #000; opacity:0.45; z-index:5;}
#textB h5 .h3 {color:#E1B791; color:#000; font-weight:bold; font-size:10pt;}
#textB h5 a {opacity:8;}
#textB h5:hover {opacity:2;}
#textB h5 span {display:none; text-align:center; }
#textB h5 span {position:absolute; display:none; text-align:center; top:22em; left:12px;} /*top:320px; */
#textB h5 span img {width:16em; opacity:3; z-index:15;} /*width:200px; */
#textB h5:hover span {display:inline;}
.screen .underline img {width:25em; opacity:0.5;} /*200px*/
.underline {margin-bottom:3px;}
#flashy {position:absolute; display:inline; top:400px; left:20px;}
#attention {display:none;}
#menu {display:none;}
#buttons {position:fixed; display:inline; left:4px; top:40px; border:4px groove gray; margin-bottom:6px; padding:3px; width:100px;}
#buttons input {display:block; width:100px; }
a {display:inline;}
.section
{
background: #468 url(../images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px; background-position:center 0px;
margin-bottom:40px;
border:3px groove gray;
}
td {color:#998800; font-weight:bold;}
#firststeps {width:400px;}
#displaybutton {text-decoration:none;}
#sensehover {text-decoration:underline;}
#sensehover:hover {text-decoration:none; color:#8BC1D5;}
#tools ul {list-style:disc;}
#tools li {border-bottom:1px solid gray;}
#firefox {display:none;}