/* Basic elements */

body {
background-color: #EBF0F6;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
color: #272727;
margin: 0 auto;
padding: 20px;
text-align: center;
width: 600px;}

h1, h2, h3 {
padding-top: 5px;
font-family: "Lucida Calligraphy", Georgia, "Times New Roman", Times, serif;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
position: relative;
width: 600px;
padding-left: 30px;
padding-right: 20px;
background: url(images/background.png);
}

#pborder {
position: relative;
width: 600px;
padding-left: 30px;
padding-right: 20px;
background: url(pottery/background.png);
}

#banner {
position: relative;
width: 600px;
height: 100px;
background: url(images/header-2.jpg) no-repeat;
border-left: 1px solid #fbfae5;
border-right: 1px solid #fbfae5;
border-bottom: 1px #fbfae5 solid;
color: #dadabe;font-size: 1.2em;
cursor: default;
}

#title {
margin: 0;
color: #D9CD8C;
font-size: 3em;
padding-top: 5px;
padding-right: 10px;
text-align: right;
}

#slogan {
color: #8EC009;
font-size: 1.5em;
padding-right: 10px;
margin-top: 10px;
text-align: right;
}

#nav-meta a {
color: #898989;
}

#nav-meta a:hover {
color: #3D3D3D;
border-top: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
}

html>body #nav-main {
width: 595px;
position: absolute;
margin: 10px;
margin-left: 0;
padding: 3px;
}

#nav-main li {
display: inline;
padding: 10px;
}

#nav-main a {
color: #39531B;
}

#nav-main a:hover {
border-top: 2px solid #8EC009;
}

#nav-section {
position: absolute;
float: left;
margin-top: 10px;
width: 130px;
border: 1px solid #7F7F7F;
background: url(images/section_bg.png) no-repeat;
background-color: #EEF3F9;
}

html>body #nav-section {
margin-top: 50px;
}

#nav-section a {
color: #39531B;
}

#nav-section li {
margin-top: 20px;
margin-bottom: 20px;}

#nav-section li:hover {
background-color: #FFF;
border-left: 2px solid #8AA2C0;
border-right: 2px solid #8AA2C0;
}

#nav-section a:hover {
text-decoration: underline;
}

html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}

/* Content */

#container {
padding: 30px;
top: 30px;
text-align: left;height: 90%;}

#content {
margin-left: 100px;
margin-right: -20px;
width: 450px;min-height: 1100px;max-height: 2500px;}

#content p, #content li {
text-align: justify;
font-size: 85%;
line-height: 1.6em;
}

#content a:hover {
text-decoration: underline;
}

#content h1, h2, h3 {
background: url(images/head_img.png) no-repeat left;
}

/* Footer */

#info-site {
width: 600px;
color: #C9A742;
background-color: #F7F9FA;
cursor: default;
}

#info-site a {
color: #c4921e;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}