body {
font-size: 12pt;
background: rgb(190,228,153);
}

#header {
width: 732.5px;
height: 175px;
margin: 8px auto 8px auto;
background: url(header1.jpg) center no-repeat;
}

a img {
text-decoration: none;
border: none;
}

#nav {
position: relative;
top: 147px;
left: 150px;
text-align: center;
font-family: Helvetica, Arial;
font-size: 1.05em;
word-spacing: 5px;
background: url(nav.png) repeat;
width: 550px;
height: 25px;
padding: 0;
}

#nav .current_page_item a, #nav .current_page_item a:hover, #nav .current_page_item a:visited{
color: rgb(53, 76, 67);
text-decoration: none;
font-style: bold;
border-bottom: rgb(53, 76, 67) 1px solid;
}

#nav a, #nav a:visited {
text-decoration: none;
font-style: bold;
color: #707070;
-webkit-transition: all .6s ease-in-out;
} 
#nav li{
display: inline;
margin: 0;
padding: 0;
}

#nav ul{
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
}

#nav a:hover {
color: #009e00;
border-bottom: #009e00 1px solid;
}

#contents {
width: 700px;
padding-bottom: 20px;
padding-top: 10px;
margin: 0 auto 0 auto;

}

#column-left {
float: left;
width: 28%;
margin-left: 2%;
}

#column-right{
margin-left: 30%;

}


#dir{
position: relative;
width: 700px;
height: 25px;
top: 5px;
left: 15px;
font-family: Helvetica, Arial;
color: #B3B3B3;
}

#dir a{
color: #B3B3B3;
}

p {
line-height: 22px;
width: 70%;
margin: 12px auto 12px auto;
text-align: justify;
font-size: 0.9em;
}

ul {
line-height: 22px;
width: 70%;
margin: 12px auto 12px auto;
font-size: 0.9em;
}

h1{
color: rgb(53, 76, 67);
font-size: 1.2em;
letter-spacing: 10px;
margin: auto auto 15px 15px;
font-family: Helvetica, Arial;
}

h2{
color: rgb(53, 76, 67);
font-size: 0.9em;
margin: 15px auto 15px 15px;
font-family: Helvetica, Arial;
}

blockquote{
background: url(leftquote.gif) no-repeat top left;
margin: 3px 15px -3px 0px;
font-family: Arial, Helvetica, "San-Serif";
font: 1.2em;
color: #1D8B42;
padding: 0 ;
}

#quoteright{
background: url(rightquote.gif) no-repeat bottom right;
}

#quote{
padding: 35px 10px 35px 10px; 
}

#copyright {
font-size: .8em;
color: #BFBFBF;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}

#gallery{
text-align: center;
line-height: 50px;
}

.painting{
margin: 15px 15px 15px 15px;
text-align: center;
}

#imageflow-IE {
width: 700px;
position:relative;
}

.new{
fontsize: .5em;
color: red;
vertical-align: super;
}

/* Bevel (surrounding) */

#bordertop {
background: url(border/border-top.gif) no-repeat top;
padding-top: 0;
margin: auto;
width: 730px;
}

#borderbottom {
background: url(border/border-bottom.gif) no-repeat bottom;
width: 730px;
margin: auto;
padding: 0;
overflow: hidden;

}

#box{
background: url(border/border-side.gif) center repeat-y;
width: 730px;
margin: -2px auto -2px auto;
}

img .alignright, .alignright, p .alignright{
float: right;
}

img .alignleft, .alignleft, p .alignleft{
float: left;
}

img .aligncenter, .aligncenter, p .aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
