@charset "utf-8";

body,html {
color: #8F8F8F;
font-size:10px;
background-color:#f2f2f2;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:	Arial, Helvetica, sans-serif;
}
a, a:visited {
text-decoration:underline;
color:#984DCF;
}
a:hover, a:active {
text-decoration:none;
color:#ffffff;
background-color:#8F8F8F;
}
#content a, #content a:visited {
text-decoration:underline;
color:#984DCF;
}
#content a:hover, #content a:active {
text-decoration:none;
color:#ffffff;
background-color:#8F8F8F;
}


#main {
width:785px;
height:100%;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
border-left:5px solid #ffffff;
border-right:5px solid #ffffff;
background-color:#E9E9E9;
text-align:left;
}
#head {
background-image:url(images/full-moon.jpg);
background-position:top;
background-repeat:no-repeat;
width:785px;
height:272px;
}
h1 {
font-size:6.5em;
font-weight:bold;
margin:0px 0px 0px 180px !important;
margin:0px 0px 0px 90px;
padding:50px 0px 0px 0px;
text-align:center;
letter-spacing:10px;
color:#292929;
float:left;

}

#side-menu {
width:140px;
margin:20px 20px 0px 0px !important;
margin:20px 10px 0px 0px;
padding:5px 0px 5px 0px;
text-align:center;
float:	right;
font-size:1em;
border:4px solid #8F8F8F;
background-color:#000000;
}
#side-menu a, #side-menu a:visited, #side-menu a:hover, #side-menu a:active {
color:#8f8f8f;
text-decoration:underline;
background-color:#000000;
}
div#top-menu {
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
font-weight:bold;
font-size:14px;
line-height:25px;
}
#top-menu a, #top-menu a:visited {
margin:0px 0px 0px 0px;
padding:0px;
border:0px;
}
#top-menu a:hover, #top-menu a:active {
text-decoration:none;
color:#8F8F8F;
background-color:#E9E9E9;
}
ul.spell-list {
margin:10px 0px 0px 10px;
padding:0px 0px 20px 0px;
color:#984DCF;
}
.spell-list li {
list-style-type:disc;
margin:10px 0px 0px 0px;
padding:0px;
color:#8f8f8f;
}
#content {
font-size:1.2em;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
text-align:left;
}
#content h4 {
font-size:1.6em;
font-weight:bold;
margin:0px auto 0px auto;
padding:5px 0px 0px 0px;

}
#content h5 {
font-size:1.4em;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
color:#B089F0;
}
ul {
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

li {
list-style-type:	disc;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
p.text {
clear:both;
margin:0px 20px 0px 0px;
padding:0px 0px 10px 0px;
text-align:left;
}
p.text-left {
float:left;
margin:20px 20px 0px 0px;
padding:0px 0px 0px 0px;
text-align:justify;
width:460px;
}
p.text-left-1 {
float:left;
margin:20px 20px 0px 0px;
padding:0px 0px 0px 0px;
text-align:justify;
width:550px;
}
img.image-right {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:4px solid #8F8F8F;
}
p.phase-description {
margin:10px 0px 0px 5px;
padding:0px 0px 15px 0px;
text-align:justify;
clear:both;

}
.phase-description img {
float:left;
margin:0px 10px 0px 0px;
padding:0px;
border:2px solid #8F8F8F;
}
#bottom-menu {
margin:0px;
padding: 10px 5px 5px 5px;
text-align:left;
font-weight:bold;
font-size:14px;
}
#bottom-menu a, #bottom-menu a:visited, #bottom-menu a:hover, #bottom-menu a:active {
margin:0px 0px 0px 0px;
padding:0px;
font-weight:bold;
font-size:14px;
} 
p.foot {
margin:0px 0px 0px 0px;
padding:20px 0px 0px 10px;
bottom:0px;
color:#6f6f6f;
font-size:1em;
letter-spacing:1px;
}
.foot a, .foot a:visited, .foot a:hover, .foot a:active {
text-decoration:none;

} 
a.home-link {
text-decoration:none;

}
.clear {
clear:both;
height:1px;
margin:0px;
padding:0px;
line-height:1px;
font-size:0.1em;
}