* {
margin : 0;
padding : 0;
}

body {
margin : 0;
padding : 0;
background : #ffffcc;
}

#top {
position : absolute;
}
#navbar {
height : 1.6em;
position : absolute;
top : 0em;
left : .0em;
width : 29em;
}
#navbar ul {
list-style-type : none;
}
#navbar li {
float : left;
position : relative;
}
#navbar a, #navbar a:link, #navbar a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : #5e1c6e;
display : block;
height : 2em;
width : 4.1em;
line-height : 2em;
text-align : center;
outline-style : none;
}
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited {
color : #fff;
}

#logo {
position: relative;
color : #000;
top : 1.0em;
left : 36.5em;
}


h1, p {
margin : 0;
padding : 0.3em 0;
}

a, a:link, a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : #5e1c6e;
display : block;
height : 2em;
width : 8em;
line-height : 2em;
text-align : center;
outline-style : none;
}
a:hover, a:active, li.selected a:link, li.selected a:visited {
color :green;
}

#pagehead {
text-decoration : none;
color : #5e1c6e;
height : 4em;
width : 40em;
outline-style : none;
position : absolute;
top : 2.6em; 
left : 2em;
}
/* Captioned images */ 
#captionpic{
   width:30em;
   height : 25em;
   padding:0.05em;
   margin:0.05em 0.05em 0 0;
   font-family: Arial, Helvetica, Sans-Serif; 
   font-size:1em;
   color:#5e1c6e;
   text-align:center; 
} 
 
/* Applies to the image inside a captionpic div */
#captionpic img{
   width:100%;
} 
#captionpic2 {
   width:30em;
   height : 20em;
   padding:0.05em;
   margin:0.05em 0.05em 0 0;
   font-family: Arial, Helvetica, Sans-Serif; 
   font-size:1em;
   top: 82em;
   color:#5e1c6e;
   text-align:center; 
} 
 
/* Applies to the image inside a captionpic div */
#captionpic2 img{
   width:100%;
 } 

#contact {
height : 11.6em;
position : absolute;
top : 12.0em;
left : 45em; 
width : 26em;
}
#mike {
height : 11.6em;
position : absolute;
top : 18.0em;
left : 0em; 
width : 30em;
}
#captionpic3 {
   width: 30em;
   position : absolute;
   height : 20em;
   padding:0.05em;
   margin:0.05em 0.05em 0 0;
   font-family: Arial, Helvetica, Sans-Serif; 
   font-size:1em;
 	top : 31.0em;
	left : 45em; 
	color:#5e1c6e;
   text-align:center; 
} 
 
/* Applies to the image inside a captionpic div */
#captionpic3 img{
   width:100%;
 } 

#contact a, #contact a:link, #contact a:visited {
text-decoration : none;
font-family : Arial, Sans-Serif;
font-size : 100%;
color :#5e1c6e;
display : block;
height : 2em;
width : 24em;
line-height : 1.5em;
text-align : left;
outline-style : none;
}
#contact a:hover, #contact a:active {
color : green;
}


#div.captionpic a, #div.captionpic a:link, #div.captionpic a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 100%;
color : #5e1c6e;
display : block;
height : 2em;
width : 35em; 
top: 10em;
line-height : 1.5em;
text-align : center;
outline-style : none;
}



#amabilis {
height : 6.6em;
position : absolute;
top: 77em;
left:1.1em;
width : 24em;
}