body
{
background-color: #202020;
font-family:  Verdana, Helvetica, Arial,  sans-serif;
color: #e2e4e5;
font-size: 1em;
}

.middleGrey, .middleGreyAbout
{
background-color: #666;
position: absolute;
width: 1280px;
top: 150px;
left: -5px;
z-index: 1;
}

.middleGrey
{
height: 375px;
}

.middleGreyAbout
{
height: 620px;
}

h1
{
position: relative;
top: 3%;
left: 30%;
height: 100px;
width: 500px;
text-indent: -9999px;
z-index: 7;
}

h1 span
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(images/sarah.png);
background-repeat: no-repeat;
z-index: 7;
}

ul.nav, ul.navPortfolio
{
position: absolute;
top: 260px;

list-style: none;
width: 75px;
margin: 0px;
height: 200px;
z-index: 6;
}

ul.nav
{
left: 120px;
}

ul.navPortfolio
{
left: 50px;
}

ul.nav li, ul.navPortfolio li
{
width: 75px;
height: 15px;
float: left;
margin: 0 10px 10px 0;
}

ul.nav li a, ul.navPortfolio li a
{
float: left;
width: 75px;
height: 15px;
text-decoration: none;
color: #fff;
font-size: 110%;
}

.nav a:link, .nav a:visited, .nav a:hover
{
text-decoration: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #e2e4e5;
}

.nav a:visited, .navPortfolio a:visited
{
color: #fff;
}

.nav a:hover, .navPortfolio a:hover
{
color: #99ccff;
}

.urhere
{
text-indent: 10px;
}

img#home
{
position: absolute;
top:150px;
left: 29%;
width: 525px;
height: 375px;
margin: 0 0 0 0;
z-index: 5;
}

.copyright, .copyrightAbout
{
position: absolute;
width: 1000px;
left: 135px;
z-index: 6;
font-size: .7em;
}

.copyright
{
top: 650px;
}

.copyrightAbout
{
top: 845px;
}

.copyright a:link, .copyright a:visited, .copyright a:hover, .copyrightAbout a:link, .copyrightAbout a:visited, .copyrightAbout a:hover
{
text-decoration: underline;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
font-size: 1.2em;
color: #e2e4e5;
}

.copyright a:visited, .copyrightAbout a:visited
{
color: #fff;
}

.copyright a:hover, .copyrightAbout a:hover
{
color: #99ccff;
}

#aboutText, #contactText
{
position: absolute;
width: 600px;
z-index: 5;
}

#aboutText
{
top: 15px;
left: 27%;
}

#contactText
{
top:85px;
margin-left: 15px;
}

.superscript
{
vertical-align: super;
font-size: 80%;
}

#aboutText p 
{
font-size: .80em;
margin-bottom: -2px;
}

p#footnote
{
margin-top: 50px;
font-size: 54%;
}

#sarahBio
{
float:left;
margin-top: 15px;
margin-right:15px;
margin-bottom: 5px;            
} 

#contactText
{
left: 24%;
margin-top: 60px;
font-size: 1em;
text-align: center;
}

#contactEmail
{
color: #fff;
text-decoration: underline;
}

ul.photoLinks
{
position: absolute;
top:210px;
left: 14%;
width: 1000px;
height: 300px;
list-style: none inside;
margin: 10px 0px 5px 0px;
z-index: 6;
}

ul.photoLinks li
{
width: 135px;
height: 105px;
float: left;
margin: 25px 10px 25px 15px;
}

ul.photoLinks li img#thailand, img#laos, img#india, img#nepal, img#tanzania
{
display: inline;
border: 2px;
border-color: #999;
}

.photoLinks a:link, .photoLinks a:visited, .photoLinks a:hover
{
text-decoration: none;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
font-size: 1.2em;
color: #e2e4e5;
}

.photoLinks a:visited
{
color: #fff;
}

.photoLinks a:hover
{
color: #99ccff;
}

.slideshow p 
{
margin-top: -5px;
text-align: center;
}

ul.galleryLinks
{
position: absolute;
top: 250px;
left: 132px;
list-style: none;
width: 75px;
margin: 0px;
height: 200px;
z-index: 6;
}

ul.galleryLinks li
{
width: 75px;
height: 15px;
float: left;
margin: 0 10px 10px 0;
}

ul.galleryLinks li a
{
float: left;
width: 75px;
height: 15px;
text-decoration: none;
color: #fff;
font-size: 110%;
}

.galleryLinks a:visited
{
color: #fff;
}

.galleryLinks a:hover
{
color: #99ccff;
}

ul.secondaryLinks
{
position: absolute;
top: 400px;
left: 132px;
list-style: none;
width: 75px;
margin: 0;
height: 200px;
z-index: 6;
}

ul.secondaryLinks li
{
width: 75px;
height: 15px;
float: left;
margin: 0 10px 10px 0;
}

ul.secondaryLinks li a
{
float: left;
width: 75px;
height: 15px;
text-decoration: none;
color: #fff;
font-size: 110%;
}

.secondaryLinks a:visited
{
color: #fff;
}

.secondaryLinks a:hover
{
color: #99ccff;
}

#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6
{
position: absolute;
width: 900px;
height: 550px;
margin: -30px 0 0 260px;
z-index: 3;
}

.copyrightGallery
{
position: absolute;
top: 625px;
width: 1000px;
left: 150px;
z-index: 6;
font-size: .7em;
}

.copyrightGallery a:link, .copyrightGallery a:visited, .copyrightGallery a:hover
{
text-decoration: underline;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
font-size: 1.2em;
color: #e2e4e5;
}

.copyrightGallery a:visited
{
color: #fff;
}

.copyrightGallery a:hover
{
color: #99ccff;
}

h1 span
{
behavior: url(iepngfix.htc);
}/*IE6 fix compliments of Angus Turnbull at www.twinhelix.com*/