/*background*/

body{background-image:url("bkg3.jpg");

background-repeat:no-repeat;
background-position:top;
background-color: #00ffff;}


/*menu*/

#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 9em;
float: left;
font-weight: bold;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
font-weight: bold;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}


div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 



/*title*/
h1 {font-size: 20pt; font-weight: bold; text-align: center;}

p.list{margin: 10px; text-align: left;}
p.list2{margin: 30px; font-size: 14pt; text-align: left;}

p.head1{font-size:13pt; font-weight: bold;}
p.head2{font-size:25pt; font-weight: bold;}
p.head3{font-size:15pt; font-weight: bold;}

li a{list-style: none; text-align: left; margin:10px;}
li {text-align: left;}