/*
-----------------------------------------------
Gabrielle Melville Styles as of 9/13/2006
----------------------------------------------- */

/* HTML
----------------------------------------------- */
html {
  background-color: #000000;
  }

/* Body
----------------------------------------------- */
body {
  background: #000000;
  color: #143D53;
  font: small/1.2em Verdana,Arial,Helvetica;
  margin: 0;
  padding: 0;
  }


/* Divs
----------------------------------------------- */
div.desktop {
  margin-top: 5px;
  width: 950px;
  text-align: center;
  }
div.pictureview {
  background-color: #000000;
  }

/* Header
----------------------------------------------- */
#header {
  background-color: #000000;
  float: left;
  margin-left: 8px;
  margin-top: 3px;
  width: 100%;
  }
#header img {
  text-align: left;
  vertical-align: middle;
  }

/* Page Structure
----------------------------------------------- */
#page-body {
  background-color: #000000;
  float: left;
  height: 650px;
  width: 100%;
  }
#page-body-resume {
  background-color: #000000;
  float: left;
  height: 800px;
  width: 100%;
  }
#nav {
  float: left;
  width: 200px;
  }
#content {
  background-color: #000000;
  float: right;
  height: 650px;
  text-align: center;
  width: 750px;
  }
#content a.contact {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#content a.contact:hover {
  color: #BEC578;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#content div.bio {
  float: left;
  width: 350px;
  }
#contact div.bioimage {
  float: left;
  text-align: left;
  width: 400px;
  }
#content div.contactpg {
  float: left;
  width: 400px;
  }
#content div.resumecenter {
  float: left;
  width: 50%;
  }
#content div.resumeleft {
  float: left;
  width: 25%;
  }
#content div.resumebottomright {
  float: right;
  width: 21%;
  }
#content div.resumetopright {
  float: right;
  width: 21%;
  }
#content img {
  margin-right: 111px;
  text-align: left;
  vertical-align: middle;
  }
#content img.headings {
  margin-right: 1px;
  text-align: center;
  vertical-align: middle;
  }
#content p.biography {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;  
  }
#content p.contact {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;  
  }

/* Content for Resume Page
----------------------------------------------- */
#resume {
  background-color: #000000;
  float: right;
  height: 800px;
  text-align: center;
  width: 750px;
  }
#resume a.contact {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#resume a.contact:hover {
  color: #BEC578;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#resume div.bio {
  float: left;
  width: 350px;
  }
#resume div.bioimage {
  float: left;
  text-align: left;
  width: 400px;
  }
#resume div.contactpg {
  float: left;
  width: 400px;
  }
#resume div.resumecenter {
  float: left;
  width: 50%;
  }
#resume div.resumeleft {
  float: left;
  width: 25%;
  }
#resume div.resumebottomright {
  float: right;
  width: 21%;
  }
#resume div.resumetopright {
  float: right;
  width: 21%;
  }
#resume img {
  margin-right: 111px;
  text-align: left;
  vertical-align: middle;
  }
#resume img.headings {
  margin-right: 1px;
  text-align: center;
  vertical-align: middle;
  }
#resume p.biography {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;  
  }
#resume p.contact {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;  
  }


/* Nav
----------------------------------------------- */
#nav {
  background-color: #000000;
  height: 700px;
  line-height: 1.2em;
  margin-top: -1px;
  }
#nav div {
  height: 70px;
  }
#nav div.portolio {
  margin: 0 0 0 0
  }
#nav p.portfolio {
  color: #E4E391;
  margin-right: 50px;
  text-align: right;
  }
#nav ul {
  list-style: none;  
  }
#nav li.img {
  display: block;
  line-height: 1em;  
  text-align: center;
  width: 98%;
  }
#nav li {
  display: block;
  line-height: 1em;  
  text-align: right;
  width: 98%;
  }
#nav li a {
  display:block;
  color: #E4E391;
  font-weight: bold;
  line-height: 1.65em;  
  margin-right: 37px;
  text-align: right;
  text-decoration: none;
  }
#nav li a:hover {
  display:block;
  color: #FCFFAD;
  font-weight: bold;
  line-height: 1.65em;    
  text-align: right;
  text-decoration: none;  
  }
* html #nav li a {
  height: 1%;
  }


/* Footer
----------------------------------------------- */
#footer {
  background: #000000;
  clear: both;
  color: #FCFFAD;
  float: left;
  height: 28px;
  line-height: 1.2em;
  text-align: center;
  width: 100%;
  }
#footer a {
  color: #E4E391;
  font-size: 8pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#footer a:hover {
  color: #BEC578;
  font-size: 8pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#footer a.submenu {
  color: #E4E391;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#footer a.submenu:hover {
  color: #BEC578;
  font-size: 9.5pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }