body {background-color: #000000; font-size: 14pt; font-family: Trebuchet MS; color: #ffffff; }



/* begin banner styles */
div.name {top: 24px; left: 24px; position: absolute; z-index: 1; visibility: show; font-size: 36pt;}

div.dir {top: 84px; left: 204px; position: absolute; z-index: 1; visibility: show; font-size: 18pt; font-weight: bold; font-style: italic;}

/* end banner styles */

/* begin table of contents styles */

table.toc {top: 84px; left: 324px; position: absolute; z-index: 1; visibility: show; font-size: 10pt;}

td.toc {height: 30px; width: 75px; text-align: center; font-weight: bold; border-style: solid; border-width: thin; border-color: #ffffff; }

a.toc {text-decoration: none;}
a.toc:link {color: #ffffff; text-decoration: none;}
a.toc:visited {color: #ffffff; text-decoration: none;}
a.toc:hover {color: #ffffff; text-decoration: none;}
a.toc:active {color: #ffffff; text-decoration: none;}

/* end table of contents styles */

/* begin portfolio styles */
table.port {top: 160px; left: 12px; position: absolute; z-index: 1; visibility: show; font-size: 10pt;}

td.port {height: 33px; width: 168px; text-align: center; font-weight: bold; border-style: solid; border-width: thin; border-color: #ffffff; }

img.port {top: 160px; left: 324px; position: absolute; z-index: 1; visibility: show; border-style: none;}

p.tall {top: 700px; left: 324px; position: absolute; z-index: 1; visibility: show; font-size: 12pt;}
p.wide {top: 570px; left: 324px; position: absolute; z-index: 1; visibility: show; font-size: 12pt;}

table.thumb {top: 160px; left: 220px; position: absolute; z-index: 1; visibility: show; border-style: none;}
img.tall {cursor: pointer; border-style: none; height: 67px; width: 50px;}
img.wide {cursor: pointer; border-style: none; height: 50px; width: 67px;}

table.pics {margin-left: auto; margin-right: auto;}
td.pics {font-size: 10pt; text-align: center; font-weight: bold; border-style: solid; border-width: thin; border-color: #ffffff;}

/* end portfolio styles */


/* begin resume styles */

div.res1 {font-size: 10pt; font-weight: bold; top: 172px; left: 24px; position: absolute; visibility: show; margin-left: auto; margin right: auto; width: 100%}
div.res2 {font-size: 10pt; font-weight: bold; top: 172px; left: 324px; position: absolute; visibility: show; margin-left: auto; margin right: auto; width: 100%}
div.res3 {font-size: 10pt; font-weight: bold; top: 172px; left: 624px; position: absolute; visibility: show; margin-left: auto; margin right: auto; width: 100%}
span.tab {left: 30px; position: absolute; visibility: show; margin-left: auto; margin right: auto; width: 100%}

/* end resume styles */



/* begin main content styles */

div.main {top: 172px; position: absolute; visibility: show; margin-left: auto; margin-right: auto; width: 100%}

p.center {text-align: center; margin-left: auto; margin-right: auto; width: 50%}
p.left {text-align: left; margin-left: auto; margin-right: auto; width: 50%}

ul.left {text-align: left; margin-left: auto; margin-right: auto; width: 50%; list-style-type: disc; list-style-position: inside;}

img.center {display: block; margin-left: auto; margin-right: auto;}

span.ten {font-size: 10pt}
span.twelve {font-size: 12pt}
span.sixteen {font-size: 16pt}
span.header {font-size: 18pt; font-style: italic;}
span.smalltext {font-size: 75%;}
span.it {font-style: italic;}
span.bold {font-weight: bold;}
span.itbold {font-style: italic; font-weight: bold;}
span.un {text-decoration: underline;}

br.small {font-size: 4px;}
br.large {font-size: 16px;}

/* end main content styles */


/* beging tester styles */
img.thumb {cursor: pointer;}
img.changed {border-style: solid; border-width: thick; border-color: #ffffff;}