/* Spectrum Stylesheet */

body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
background-color: #ECECFF;
margin-right: 20%; 
margin-left: 20%; 
}

h1 {  
font-size: 130%; 
color: #B062FF; 
padding-right: 10px; 
padding-left: 30px;  
padding-top: 5px; 
padding-bottom: 10px;
}

h2 { 
font-size: 120%; 
color: #666666; 
padding-left: 30px; 
margin: 0 0 0 0;
}

h3 {  
font-size: 105%; 
color: #B062FF;   
padding-left: 30px;
}

p {  
line-height: 20px;
padding-right: 35px; 
padding-left: 30px
}

li {  line-height: 20px}


#contents {
float: left;  
background-color: #FFFFFF;

}

#images {
float: right;
/*width: 150px;*/ 
background-color: #FFFFFF;
margin: 0 10px 0 0;
} 

.footer {  
color: #fff;
font-weight: bold; 
background-color: #9966FF;
padding-top: 6px; 
padding-right: 2px; 
padding-bottom: 5px; 
padding-left: 2px;
width: 100%;
text-align: center
}

#footer {  
color: #fff;
font-weight: bold; 
background-color: #9966FF;
text-align: center
}



/* Navigation */

ul#navlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #9966FF;
margin: 0;
}

ul#navlist li
{
float: left;
height: 21px;
background-color: #EFD4FE;
margin: 2px 2px 0 2px;
border: 1px solid #9966FF;
}

ul#navlist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { background: #fff; }