/* #D5BFFF */
/* #8060BF */
/* #EEE6FF */
/* #AA80FF */



/* Generic Selectors */ 
body { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
color: #333333; 
background-color: #8060BF; 
text-align: center;
} 
p { 
width: 85%; 
} 
h1 { 
font-family: "Times New Roman", Times, serif; 
font-size: 22px; 
font-weight: bold; 
color: #AA80FF; 
} 
h2 { 
font-family: "Times New Roman", Times, serif; 
font-size: 16px; 
font-weight: bold; 
color: #ffffff; 
border-bottom: 1px solid #ffffff; 
} 
h3 {  
font-size: 10px;
font-weight: normal;  
color: #000000; 
} 
li { 
list-style-type: none; 
line-height: 150%; 
list-style-image: url(images/flowerbullet.gif); 
} 
 
/**************** Pseudo classes ****************/ 
:link { 
color: #AA80FF; 
text-decoration: underline; 
font-weight: bold; 
} 
li :link { 
color: #EEE6FF; 
text-decoration: none; 
font-weight: bold; 
} 
:visited { 
color: #AA80FF; 
text-decoration: underline; 
font-weight: bold; 
} 
li :visited { 
color: #EEE6FF; 
text-decoration: none; 
font-weight: bold; 
} 
:hover { 
color: #8B4789; 
padding-bottom: 5px; 
font-weight: bold; 
text-decoration: underline; 
} 
li :hover { 
color: #EEE6FF; 
font-weight: bold; 
} 
:active { 
color: rgb(255, 0, 102); 
font-weight: bold; 
} 
li :active {
color: #EEE6FF;
font-weight: bold;
}

/************************* ID's *************************/ 

#container {
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
width: 800px
}
	
#navigation { 
position: absolute; 
z-index: 10; 
width: 210px;  
height: 235px;
background-color: #D5BFFF;
margin: 0;
margin-top: 140px; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
font-weight: normal; 
} 
#centerDoc { 
position: absolute; 
z-index: 15; 
width: 590px; 
padding: 10px 0 20px 20px; /*top right bottom left*/ 
margin-top: 140px; 
margin-left: 210px;
background-color: #EEE6FF;
}
#topDoc { 
position: absolute; 
z-index: 15; 
width: 800px; 
height: 140px; 
margin-top: 0px; 
}
#lowerleft {
float: right;
position: relative; 
z-index: 20; 
width: 200px;  
padding: 3px 3px 3px 3px;
font-weight: normal;
border-top: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-right: 1px solid #000000; 
border-left: 1px solid #000000; 
background-color: #AA80FF;
}
#pics {
position: absolute; 
width: 210px; 
height: 400px;
margin-top: 395px; 
font-weight: normal;
}