body {
    background: white;
    }

#pagecontainer {
    width: 750px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    }

#pageborder {
    border: 1px solid white;
    float: left;
    width: 750px;
}

a:link {color:teal; text-decoration: none; font-family: arial, helvetica, sans-serif;}
a:visited {color:teal; text-decoration: none; font-family: arial, helvetica, sans-serif;}
a:hover {color: #99cccc; text-decoration: none; font-family: arial, helvetica, sans-serif;}
a:active {color:teal; text-decoration: none; font-family: arial, helvetica, sans-serif;}



/* ---[ Header ]------------------------------ */

#header {
    width: 100%;
    padding: 15px 0 15px 0;
    background: white;
    float: left;
	border-bottom: 1px solid #cce6e6;
    }
#header a:link, #header a:visited {
    text-decoration: none;
    color: black;
    }

#logo {
    padding: 2px 20px 2px 15px;
    font-family: arial, helvetica, sans-serif;
    font-size: 45px;
    font-weight: bold;
    float: left;
    }
#logo a:hover {
    color: teal;
    }

#navbar {
    font-size: 18px;
    font-weight: bold;
	font-family: arial, helvetica, sans-serif;
    float: right;
    }
#navbar ul {
    margin: 0;
    padding: 29px 10px 0 0;
    list-style: none;
    }
#navbar li {
    margin: 0;
    padding: 0;
    float: left;
    }
#navbar a:hover {
    color: #99cccc;
    }
#navbaractive a:link, #navbaractive a:visited {
    color: #99cccc;
    }







/* ---[ Content Container ]------------------- */

#content {
    width: 100%;
    min-height: 455px;
    _height: 455px; /* IE6 min-height workaround */
    vertical-align: top;
    background: #fff;
    float: left;
    }







/* ---[ Footer ]------------------------------ */

#footer {
    width: 100%;
    background: white;
    float: left;
	border-top: 1px solid #cce6e6;
    }

#email {
    font-size: 15px;
    padding: 6px 3px 5px 20px;
    float: left;
	font-family: arial, helvetica, sans-serif;
	color: teal;
    }

#copyright {
    font-style: italic;
	font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    padding: 6px 13px 5px 3px;
    float: right;
	color: teal;
    }







/* ---[ Home Page ]-------------------------- */

#homepic {
    padding: 15px 30px 20px 22px;
    text-align: left;
    float: left;
    }
#homepic img {
    border: 1px solid silver;
    margin-bottom: 10px;
    }
#homepiccaption {
    text-align: center;
    }

#hometext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 1em;
    }
#hometext ul {
    list-style-position: outside;
    list-style-type: disc;
    }







/* ---[ Resume ]------------------------------ */

#resumecontainer {
    margin-left: 0px; /* Have to use margin, not padding -- otherwise IE doesn't provide proper spacing */
    margin-top: 13px;
    }
.resdivider {
    }
.restitle {
    padding-bottom: 5px;
    font-size: x-large;
    font-weight: bold;
    }
.resitem {
    padding-right: 20px;
    vertical-align: top;
    }







/* ---[ Contact ]------------------------------ */

#contactinfo {
    margin: 40px 0 50px 22px;
    font-size: 18px;
    font-weight: bold;
	font-family: arial, helvetica, sans-serif;
    }







/* ---[ Artwork Lobby ]------------------------------ */

#galleries { 
    float: left;
}
#galleries ul {
    margin: 0;
    padding: 20px 0 20px 22px;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    }
#galleries li {
    margin: 0 0 10px 0;
    }
#galleries a {
    display: block;
    padding: 2px 2px 2px 24px;
    border: 1px solid #99cccc;
    width: 235px;
    background-color: transparent;
    background-image: url(image/gal_down.gif);
    }
#galleries a:link {
    color: teal;
    text-decoration: none;
    }
#galleries a:visited {
    color: teal;
    text-decoration: none;
    }
#galleries a:hover {
    background-color: transparent;
    background-image: url(image/gal_over.gif);
    color: teal;
    }
#galleryimagepop {
    }






/* ---[ Gallery Index ]------------------------------ */

#gallerypicscontainer {
    width: 100%;
    }
#gallerypicscontainer td { /* ie5-Mac requires this td descendent selector in order for text alignment to work -- can't just put it in container section above */
    text-align: center;
    vertical-align: top;
    }
#gallerytitle {
    padding: 10px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    }

.gallerypic {
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }
.gallerypic img {
    border: 1px solid silver;
    }
.gallerypic a {
    text-decoration: none;
    }
.gallerypic a:link, .gallerypic a:visited {
    color: gray;
    }
.gallerypic a:visited {
    color: gray;
    }

#gallerydescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-style: italic;
    }

#gallerynavlink {
    padding: 0 40px 5px 0;
    text-align: center;
    font-size: small;
	font-family: Arial, Helvetica, sans-serif;
    }







/* ---[ Artwork Details ]---------------------------------- */

#artcontainer {
    padding: 15px 30px 20px 18px; /* Left padding should be 22px, but image details need to be 4 or 5 pixels narrower first (as of now, IE6 is expanding the pagecontainer outside the bounds of the content div causing some weird white space to the right of the header and footer... */
    text-align: center;
    float: left;
    }

#artnavlinks {
    padding-bottom: 10px;
    }

#artdetail img {
    border: 1px solid silver;
    }

#artdetail a {
    color: silver;
    text-decoration: none;
    }

#artdescription {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    padding-top: 5px;
	color: gray;
    }







/* ---[ Page Errors ]---------------------------------- */
/* This section applies to both gallery.php AND art.php */

#pageerrorcontainer {
    text-align: center;
    padding: 50px 0;
    }
#pageerrortext {
    padding: 10px;
    color: red;
    vertical-align: middle;
    font-size: x-large;
    }
#pageerrorlink {
    padding: 10px;
    color: black;
    vertical-align: middle;
    font-size: large;
    font-style: italic;
    }