@media print, handheld {
.noprint {
display:none;
}
}

body {
background-color:#ffffee;
color:#000066;
margin:0px;
font-size:100%;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}
.faq h2 {
display:block;
width:80%;
margin:1em 0em;
font-weight:bold;
font-style:italic;
font-size:110%;
padding:2px 42px 4px 12px;
background-color: #ffddaa;
}
.faq p {
clear:left;
font-weight:normal;
font-style:normal;
font-size:100%;
margin-left: 12px;
}
.logo {
background: transparent url("llun150x50.gif") 0px 0px no-repeat;
width:150px;
height:50px;
border-width:4px;
border-color: #ffffff;
border-style: dotted;
}
.logo:hover {
border-color: #ff9944;
}
.bpic {
font-family: cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
padding:2em;
background: #554433;
color:#ffffff;
border:0px #999933 double;
}
.bpic img{
position:relative;
display: block;
/* margin: 2em auto 3em auto; */
margin-left: auto;
margin-right: auto;
margin-top:2em;
margin-bottom:3em;
border-width:5px;
border-style: solid;
border-color: #999988 #bbaaaa #ddddcc #bbbbaa;
}
.bpic span{
position:relative;
float:right;
color: #eebb66;
/* display: block; */
/* margin-left: auto; */
margin-right: 3px;
/* border-width:0px; */
/* border-style: solid; */
/* border-color: #555566 #aaaaaa #ccccbb #999999; */
}
.gpic {
/* position: relative; */
/* width: 90%; */
z-index: 0;
background: #fdfdfd;
/* color:#ffffff; */
font-family: ms-sans, cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:80%;
float:left;
/* text-align:right; */
border:1px #888888 double;
padding:3px;
margin:4px 2px;
}
.gpic img{
/* float: right; */
margin:0px 0px 0px 3px;
border-width:3px;
border-style: solid;
border-color: #555566 #aaaaaa #ccccbb #999999;
}
.gpic:hover{
/* background:transparent; */
z-index:50;
}
.gpic:hover img{
/* margin:0px 0px 0px 7px; */
border-width:3px;
border-style: solid;
border-color: #555566 #aaaaaa #ccccbb #999999;
}
.gpic p{
width:auto;
margin:0px;
padding:0px;
text-align:center;
border-width:0px;
border-style: solid;
border-color: #555566 #aaaaaa #ccccbb #999999;
}
.gpic p:hover{
background-color: #ffddaa;
}
.gpic a:link{
/* width:90%; */
color: #004400;
background-color: inherit;
text-decoration:none;
}
.gpic a:visited{
color: #004400;
background-color: inherit;
text-decoration:none;
}
.gpic a:hover{
color: #006600;
background-color: inherit;
text-decoration:none;
}
.gpic a{
color: #ffaa88;
background-color: inherit;
}
.gpic span{ /*CSS for enlarged image*/
/* text-align:center; */
visibility: hidden;
/* display:none; */
/* position: absolute; */
position: fixed;
left:10px;
top: 20px;
/* right:10px; */
z-index: 50;
/* left: -1000px; */
border-style: double;
border-width:10px;
border-color: #555566 #aaaaaa #ccccbb #999999;
background-color: #f8f8f8;
color: black;
padding:2px;
text-decoration: none;
}
.gpic:hover span{
visibility: visible;
}
.gpic:hover span img{ /*CSS for enlarged image*/
border-width:5px;
float: left;
/* position: fixed; */
/* left:120px; */
/* top: 30px; */
border: 0px double #bb9966;
padding: 30px 30px 5px 30px;
/* background-color: #f0f0f0; */
margin:1px;
}
.gpic:hover span p{
/* background-color: #ffff88; */
clear:left;
text-align:center;
/* float: left; */
padding: 3px;
margin:1px;
}
.linkp {
float: left;
padding-right: 20%;
}
.linkc {
display: block; 
text-align:center;
}
.linkn {
float: right;
padding-left: 20%;
}
.gbox {
/* text-align:left; */
border:solid #ff9900 0px;
background-color: #e0e0e0;
padding:4px 8px;
margin:0px;
color:#000066;
}

.formtable th{
font-weight:normal;
padding:0px 1em;
text-align:right;
}
.formtable td{
padding:0px 1em;
text-align:right;
}
.message {
font-weight:bold;
font-size:120%;
border: 1px solid #8800ff;
color:inherit;
background-color: #ffffff;
margin: 2px 17px;
padding: 2px;
}
.heading {
height:60px;
font-weight:bold;
font-size:200%;
margin: 5px 0px 0px 20px;
text-decoration:none;
}
.mooninfo {
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
width:230px;
font-size:92%;
text-align:center;
font-family: "Comic Sans MS", cursive;
max-width: 225px;
}
.fc {
text-align:center;
}
h1 {
font-weight:bold;
text-decoration:none;
}
ul {
text-align:left;
}
a.f { 
color:inherit;
text-decoration:underline;
}
a.f:visited { 
color:inherit;
text-decoration:underline;
}
a.f:hover { 
color:inherit; 
text-decoration:underline;
background-color:inherit;
}
a:link { 
color:#dd7700; 
font-weight:bold;
text-decoration:underline;
}
a:visited { 
color:#dd7700; 
font-weight:bold;
text-decoration:underline;
}
a:hover { 
color:#dd4400; 
font-weight:bold;
background-color:#ffff88;
}
a img {
margin: 4px;
border:solid #ffffdd 0px;
background-color:inherit;
}
a img:hover {
border:solid #ffff00 0px;
background-color:inherit;
}
.foot a
{
font-weight:normal;
}
.foot a:hover
{
font-weight:normal;
}
.clear {
clear: both;
}
.foot {
font-family:Arial,Helvetica,Verdana,sans-serif;
clear: both;
text-align:center;
border:none;
font-size:96%;
margin:5px 0px 0px 0px;
padding:2px 0px 4px 0px;
color:inherit;
}
.attrib {
font-size:85%;
text-align:right;
font-weight:normal;
padding:0px 3px 0px 0px;
font-style:italic;
}
.caption {
text-align:center;
font-weight:bold;
}
.sp1 {
background-color:#ffffee;
}
hr {
color:#ff9900;
background-color:#ffffcc;
height:1px;
width:100%;
}
.maintext
{
text-align:justify;
}
.al {
text-align:left;
padding:0em;
color:#000066;
}
.ac {
text-align:center;
margin-left: auto;
margin-right: auto;
}
.ac td {
width:auto;
border:0px;
margin:0px;
padding:0px;
}
.box1 {
text-align:left;
border:solid #ff9900 3px;
padding:1em;
margin:0px;
color:#000066;
}
.box2 {
padding:1em;
border:solid #bb7700 0px;
margin:1em 0em 0em 0em;
color:#000099;
}
.box3 {
width:auto;
text-align:left;
border-style:solid;
border-color:#ff9900;
border-width: 0px 0px 0px 4px;
padding:1em;
color:#000088;
background-color:#ffffff;
}
.boxthin{
float:right;
border:dotted #0000aa 1px;
padding:0em;
margin:0em 1em;
}
.block1 {
margin:0.5em 1em 1em 1em;
color:#006699;
}
.block2 {
font-size:90%;
margin:10px;
color:#009900;
text-align:center;
}
.fl {
vertical-align:middle;
text-align:inherit;
float:left;
margin-right:1em;
margin-left:0em;
margin-top:0em;
margin-bottom:0em;
}
.fr {
text-align:inherit;
float:right;
margin-left:1em;
margin-right:0em;
margin-top:0em;
margin-bottom:0em;
}
.colour1 {
color:#0000ff;
}
.font0 {
display:block;
font-weight:normal;
letter-spacing:0.1em;
font-variant:small-caps;
font-style:italic;
text-align:center;
padding: 0.1em 0.6em;
border-width: 5px 1px;
border-style: double solid;
border-color: #ffaa00 #ffcc00;
margin: 1px 30px 10px 180px;
min-width:6em;
background-color:#ffffff;
}
.font1 {
font-family: Times-Roman,Timpani,Toronto,serif;
}
.font2 {
font-family: "Comic Sans MS", cursive;
}
.menu {
/* position: fixed; */ 
/* left:2px;        */ 
/* top: 2px;	    */ 
/* text-align:center; */
float:left;
margin: 5px;
padding: 3px;
border: 0px;
/* display:none; */
}

.menu ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.menu ul li {
list-style-type: none;
font-weight:bold;
padding: 0px;
float:left;
width:auto;
border-width: 1px 20px 1px 1px;
border-style:solid solid dotted dotted;
border-color:#6666ff transparent #6666ff #6666ff;
background: #ffffdd;
}
.menu ul li .nota {
display:block;
padding: 4px 1px 4px 8px;
border:#eedd00 solid 0px;
}
.menu ul li a {
display:block;
padding: 4px 1px 4px 8px;
border:#eedd00 solid 0px;
text-decoration:underline;
}
.menu ul li a:hover {
}

.menu ul ul {
display:none;
}
.menu ul ul li {
width:90%;
display:none;
}
.menu ul ul li a {
width:100%;
display:block;
padding:1px 2px;
background: #ffffdd;
}
.menu ul ul li a:hover {
padding:1px 2px;
background: #ffffaa;
}
.menu ul ul .nota {
width:90%;
display:block;
padding:1px 2px;
background: #eeeeee;
}
.menu ul li:hover ul {
display:block;
position:absolute;
width:10em;
-moz-opacity: 0.86; 
opacity:0.86;
}
.menu ul li:hover ul li {
display:block;
}

.menu ul li:hover ul ul {
display:none;
}
.menu ul li:hover ul ul li {
display:none;
}
.menu ul ul ul li a {
padding:1px 2px;
color: #aa9900;
background: #ffff00;
}
.menu ul ul li:hover ul {
display:block;
width:auto;
position:absolute;
top:0em;
left:8em;
-moz-opacity: 0.86; 
opacity:0.86;
}
.menu ul ul li:hover ul li {
display:block;
}