/* STYLE SHEET FOR "An Angel's Palette" */

body {background-image: url(Images/background.jpg);
     background-repeat: no-repeat;
     background-position: top left;
     background-color: #000;
     font-family: verdana, arial, helvetica, sans-serif;
     margin: 0 0 0 0;
}

a:link {color: #cccc99;}
a:visited {color: #cccc99;}
a:hover {color: #ccc;}

#heading {font-size: 18px;
     color: #cc99cc;
     font-style: italic;
     font-weight: bold;
}

#quoteauthor {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     color: #9999CC;
     text-align: right;
     padding-right: 28px;
}


table.main {width: 880px;}

.boldit {font-weight: bold;}
.italicize {font-style: italic;}

.colorpurple {color: #CCCCFF;}

/* Paragraph styles */
p {font-size: 13px;
     color: #fff;
     text-align: left;
     margin-left: 5px;
     margin-right: 5px; 
}

p.content1 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 14px;
     color: #fff;
     text-align: justify;

}

p.content2 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 14px;
     font-style: italic;
     color: #9999CC;
}

p.content3 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 20px;
     font-style: italic;
     color: #9999CC;
}

p.content4 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 16px;
     color: #CCCCFF;
     padding-left: 40px;
     padding-right: 40px;
}

p.content5 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 20px;
     color: #CCCCFF;
     text-align: center;
}
p.content6 {font-family: arial, verdana, helvetica, sans-serif;
     font-size: 16px;
     color: #fff;
     text-align: center;
}

p.album {font-family: arial; font-size: 22px;
     font-weight: bold;
     color: #fff;
     text-align: center;
}


p.author {font-size: 10px;
     color: #777;
     text-align: center;
}

p.validators {font-size: 10px;
     text-align:right;}

/* Images */
img {border: 0;}

.centerit {text-align: center;}
.floatit {float: right;
     margin-right: 25px;
}

.floatleft {float: left;
     margin-right: 10px;
}

.floatright {float: right;
     margin-left: 10px;
}

/* Table cells */

.contactcell1 {font-size: 11px;
    color: #fff;
    padding-left: 150px;
    padding-right: 5px;
    text-align: left;
}

.contactcell2 {font-size: 11px;
    color: #000;
    padding-right: 5px;
    text-align: left;
}

.navcell {background: transparent;}

.contentcell1 {background-color: #e1e1e1;
     padding-top: 15px;
     padding-bottom: 15px;
     border-right: 2px solid #ccc;
     border-left: 2px solid #ccc;
}

.piccell1 {padding-top: 8px;
     padding-right: 8px;
}
.piccell2 {padding-top: 8px;
}
.piccell3 {padding-right: 8px;
}

.authorcell {background-color: #000;}

.validatorcell {background-color: #000;}

.spacercell {background-color: none;}

#menu {
width: 100%;
background: #000;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 116px;
float: left;
text-align: left;
}

#menu a, #menu h2 {
     font-family: verdana, helvetica, sans-serif;
     font-size: 16px;
     display: block;
     margin: 0;
     padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
}

#menu a {
color: #fff;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #ccc;
background: #000;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul a{
     color: #000;
     font-family: verdana, helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     text-align: left;
     line-height: 16px;
     background-color: #ddd;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     width: 185px;}

#menu ul ul a:hover{color: #000;
     background-color: #ccc;}

#menu ul ul ul {
top: 0;
left: 100%;
}

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;}