body { background-color: #303030; color: #E6E6E6; font: 12px/14px Arial, Helvetica, sans-serif;  
letter-spacing: 2px; margin: 0px; padding:0px; /*ie 5 hack for centering site on page*/text-align: center;}

img {border: 0;}

/*main navigation lining bottom of page*/
a, a:visited{font: 600 14px Arial, Helvetica, sans-serif; color: #328175; text-decoration: none; 
padding: 10px 10px 10px 10px; height: 25px;}
a:hover {color: #E6E6E6; text-decoration: overline underline;}
.selected {font: 600 14px Arial, Helvetica, sans-serif; color: #fffff; text-decoration: none; padding: 10px 10px 10px 10px; height: 25px;}

/*placement of Wild Horse Photography title and Cheryl Royce on all sub-pages*/
div#header {width: 454px; padding-top: 9px; margin: 0px auto;}
div#header ul {text-align:center; margin-bottom: 15px; margin-top: 0; margin-left: 0; padding-left:0;}
div#header li {display: inline; list-style: none outside none;}
div#header li a, a:visited{font: 500 12px Arial, Helvetica, sans-serif; color: #328175; text-decoration: none; 
padding: 10px 10px 10px 10px; height: 25px;}
div#header li a:hover {color: #E6E6E6;}
div#header li.selected {font: 500 12px Arial, Helvetica, sans-serif; color: #fffff; text-decoration: none; padding: 10px 10px 10px 10px; height: 25px;}

/*placement, padding and font weight for all columns on the photo pages containing photos and titles*/
div#images	{width: 850px; margin: 0 auto; padding-top: 30px; border: 0; font-weight: 600;}
div#column1 {float: left; padding: 10px 0 15px 0; width: 33%; margin: 0 auto; text-align: center;}
div#column2 {float: left; padding: 35px 0 15px 0; width: 33%; margin: 0 auto; text-align: center;}
/*padding adjustment for center column of history page*/
div#column2history {float: left; padding: 0 10px 15px 62px;}
/*padding adjustment for center column of color page*/
div#column2color {float: left; padding: 25px 10px 15px 30px;}
div#column3 {float: left; padding: 10px  0 15px 0; width: 33%; margin: 0 auto; text-align: center;}
/*margin between bottom of photograph and photograph title on all photo pages*/
div#images img {margin-bottom: 10px;}
div#images p {font-size: 90%; letter-spacing: .25em;}

/*position of self-portrait on contact page*/
div#self {float: left; margin-right: 26px; text-align: center; font-weight: 600; padding-bottom: 15px;}
div#self img {margin-bottom: 10px; }

/*placement and text alignment for content on all sub-pages, except contact*/
div#txtblock {clear: both; width: 598px; padding-top: 26px; padding-bottom: 35px; margin-left: 26px; margin-right: 146px; text-align: left;}
/*placement and text alignment for content on contact page*/
div#txtblockcontact {width: 598px; padding-top: 42px; padding-bottom: 52px; margin-left: 26px; margin-right: 146px; 
text-align: left; }

/*placement and appearance of grey footer bar*/
div#footer {width: 100%; background-color: #4B4B4B; margin: 0px auto; padding-top: 10px; padding-bottom: 10px;}
/*placement and appearance of all text in footer bar*/
.copyright {width: 99%; font: 500 10px Arial, Helvetica, sans-serif; text-align: right; color: #9A9A9A;
padding-top: 17px; margin: 10px 10px 0 0;}
/*navigation in footer bar for email link and Brindle link*/
a.design, a.design:visited {font: 500 10px/12px Arial, Helvetica, sans-serif; color: #328175; text-decoration: none;
padding: 0; height: 0;}
a.design:hover { color: #E6E6E6; text-decoration: underline;}

/*placement and appearance of main email link on contact page*/
ul { list-style: none inside none; }
ul a.email, a.email:visited { color #328175; text-decoration: none; font: 500 12px/14px Arial Helvetica sans-serif;
padding: 0; height: 0;}
ul a.email:hover {color: #E6E6E6; text-decoration: underline;}

div#contact {width: 650px; text-align: right;}
a.contact, a.contact:visited {font-size: 12px;}
a.contact:hover {color: #E6E6E6; text-decoration: underline;}