body { color: #000010; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 1.5em; background-color: #ffc; text-decoration: none; text-align: left; }
table { position: absolute; background-position: center; text-align: left; margin: 0; padding: 0; border-width: 0; border-collapse: collapse; }
div { color: #000010; font-size: 0.9em; }
i { font-style: italic; }
p { text-align: left; }
a:hover {color: #002D95;}
a:link {color: #000010;}
h3 { font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
h4 { font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1em; text-align: left; }
h5 { font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.25em; text-align: left; }
h6 { font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align: left; text-indent: inherit; }
.blackspace { background-color: #000010; height: 15px; outline-color: #000010; outline-width: 1px; }
.black { background-color: #000010; outline-color: #000010; outline-width: 1px; }
.gray { background-color: #929496; outline-color: #929496; outline-width: 1px; }
.footer { color: #000010; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 1.5em; background-image: none; background-position: 0 center; text-decoration: none; text-align: center; position: relative; width: 640px; height: 25px; margin: 0; padding: 5px 0 0; border-width: 0; outline-width: 0; }
.footer a { color: #993300; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal;}
.footer a:hover {color: #002D95;}
.footer nav a:hover { color: #000010;}
.white { background-color: #ffffff; text-align: left; padding: 6px; outline-color: #ffffff; outline-width: 1px; }
.about { background-color: #ddd; margin: 10px 10px 0 20px; padding: 10px 300px 10px 10px; background-image: url(../images/about_annek.png); background-repeat: no-repeat; background-position: right bottom; float: left; }
.resume { background-color: #ddd; right: 0; float: left; margin: 10px 10px 10px 20px; padding: 10px 30px 10px 10px; }
.year { padding-right: 2.3em; }
.year2 { padding-right: 0.3em; }
.city { font-size: 0.9em; font-variant: small-caps; margin-left: 1em; }
.resume li { text-align: left; margin-left: 4.75em; list-style-type: none; list-style-image: inherit; list-style-position: inside; display: list-item; }
.resume ul { text-align: inherit; text-indent: -3.25em; margin-right: 1em; list-style-position: outside; }
.resume dd { margin-left: 4.8em; }
.contact { background-color: white; background-image: url(../images/Phoenix_swapper.gif); background-repeat: no-repeat; background-position: right center; text-align: left; vertical-align: top; position: relative; margin-right: 1em; margin-bottom: 1em; margin-left: 70px; padding-right: 60px; padding-bottom: 1em; }
/*images*/
#pgname { text-align: right; vertical-align: middle; right: 20px; margin: 0; padding: 0 60px 0 0; border-width: 0; }
#phoenix { position: relative; top: inherit; float: right; }
#anne { background-repeat: no-repeat; text-align: right; vertical-align: top; position: relative; bottom: 1px; width: 307px; height: 322px; float: right; padding-top: 25px; padding-bottom: 1px; }
#logo { padding-left: 20px; }
#reborn { margin-right: 30px; padding-bottom: 15px; padding-left: 30px; }
#valid { float: right; clear: right; padding-top: 20px; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {padding-bottom:25px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:#000010;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;text-decoration:none;color:#ffffff;background:#000010;padding:0 3em 0 1em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#bbb; color:#993300;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}

/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#993300;background:#bbb;}
.menu :hover > a {color:#993300;background:#bbb;}
/* second */
.menu ul ul a:hover{color:#000;background:#ccc;}
.menu ul ul :hover > a {color:#000;background:#ccc;}
/* third */
.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/gallery_17.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*gallery*/
 
.galleryfoot { text-align: center; padding-bottom: 20px; }
.galleryhead  { font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align: left; margin-top: 1em; padding-left: 20px; }
#thumbs {width:1530px; height:83px;}
#pad {height:275px; width:100px;}

#holder {position:relative; background:url(../images/Phoenix_swapper.gif) no-repeat 338px 20px; margin-bottom:10px; z-index:1;}
#scrollbox {width:410px; height:107px; background:#f4f4f4; overflow:auto; border:solid 1px #aaa; margin-left:135px; scrollbar-base-color:#444444;scrollbar-face-color:#777777; scrollbar-arrow-color:#bbbbbb; }
a.gallery span {display:block; position:absolute; left:120px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; }
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:410px; height:245px; top:15px; left:132px; padding:5px; color:#000; background:#fff; z-index:100; }
* html a.gallery:hover span {left:132px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span { display:block; position:absolute; width:410px; height:236px; top:15px; left:132px; padding:5px; color:#000; background:#fff; z-index:50; }
* html a.gallery:active span {left:132px;}

a.gallery, a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; width: 160px; height:84px; margin:1px; float:left;}
a.slidea {background:url(../images/thumb_pinecone.gif);}
a.slideb {background:url(../images/thumb_birds.gif);}
a.slidec {background:url(../images/thumb_fish.gif);}
a.slided {background:url(../images/thumb_2cats.gif);}
a.slidee {background:url(../images/thumb_faces.gif);}
a.slidef {background:url(../images/thumb_cat2.gif);}
a.slideg {background:url(../images/thumb_cat3.gif);}
a.slideh {background:url(../images/thumb_tree.gif);}
a.slidei {background:url(../images/thumb_swimmers.gif);}

a.slidep1 {background:url(basic.css);}
a.slidep2 {background:url(basic.css);}
a.slidep3 {background:url(basic.css);}
a.slidep4 {background:url(basic.css);}
a.slidepa1 {background:url(../images/thumb_pub1.jpg);}
a.slidepa2 {background:url(../images/thumb_pub2.jpg);}
a.slidepa3 {background:url(../images/Thumb_pub3.jpg);}
a.slidepa4 {background:url(../images/thumb_pub4.jpg);}
a.slides1 {background:url(basic.css);}
a.slides2 {background:url(basic.css);}
a.slides3 {background:url(basic.css);}
a.slides4 {background:url(basic.css);}
a.slides5 {background:url(basic.css);}
a.slides6 {background:url(basic.css);}
a.slides7 {background:url(basic.css);}
a.slides8 {background:url(basic.css);}
a.slides9 {background:url(basic.css);}
<!--[if IE 7]>
<style type="text/css">
a.gallery span {display:block; position:absolute; width:410px; height:236px; top:15px; left:-99999.03px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:132px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:132px; z-index:50;}

.menu ul ul ul {margin-left:-1px;}
.menu ul ul ul.left  {margin-left:1px;}
a.slidee1 {background:url(basic.css);}
a.slidee2 {background:url(basic.css);}
a.slidee3 {background:url(basic.css);}
a.slidee4 {background:url(basic.css);}
a.slidee5 {background:url(basic.css);}
a.slidee6 {background:url(basic.css);}
a.slidee7 {background:url(basic.css);}
a.slidee8 {background:url(basic.css);}
a.slidee9 {background:url(basic.css);}