* {
margin : 0;
padding : 0;
}

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

#top {
position : absolute;
}
#navbar {
height : 1.6em;
position : absolute;
top : 0em;
left : 22.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 : 0.5em;
left : 0.5em;
}


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

#email {
border-top : 1px solid #000;
height : 35px;
position : absolute;
top : 41.5em;
left : 2em;
}

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 : #fff;
}

#pagehead {
text-decoration : none;
color : #5e1c6e;
height : 4em;
width : 40em;
outline-style : none;
position : absolute;
top : 5.6em;
left : 2em;
}
#content {
text-decoration : none;
color : #5e1c6e;
height : 7em;
line-height : 1em;
width : 50em;
float : left;
border : none;
position : absolute;
top : 8.5em;
left : 30em; 
}
#content2 {
text-decoration : none;
color : #5e1c6e;
height : 7em;
width : 30em;
float : left;
line-height : 1.15em;
text-align : left;
border : none;
position : absolute;
top : 30em;
left : 8.5em; 
}

#photo {
width: 250px;
float:left;
position : absolute;
top : 8em;
left : 8.5em;
}
#click {
width: 250px;
float:left;
text-decoration : none;
color : #5e1c6e;
font-family: Arial, Helvetica, Sans-Serif; 
line-height : 1.15em;
text-align : justify;
font-size:1em;
position : absolute;
top : 24.5em;
left : 8.5em;
}
 
/* Captioned images */ 
div.captionpic{
   width:250px;
   padding:0em;
   margin:0em;
   float:left;
   border:none;
   font-family: Arial, Helvetica, Sans-Serif; 
   line-height : .85em;
text-align : center;
font-size:0.8em;
   color:#555;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:250px;
   border:none;
} 
#contact {
font-family : Rockwell, Arial, Sans-Serif;
font-size : 100%;
color : #5e1c6e;
height : 1.6em;
position : absolute;
border:1px #5e1c6e;
top : 14.0em;
left : 53.5em; 
width : 24em;
}

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

#contact a:hover, #contact a:active {
color : #fff;
}