html,body{margin:0;padding:0}
body{font: 100%; font-family: "Times New Roman", Times, serif;text-align:center; color: #6B477B; background-image:url(images/backf.jpg);}
img,a img {border:none; outline:none; vertical-align: middle;}

img.displayed {display: block; margin-left: auto; margin-right: auto }
.caption {float: right; color: #fef; font: 0.64em Verdana; position: relative; top: -20px; }
img.quote {float: left; position: relative; top: 50px; }
img.title {display: block; margin: auto; padding: 8px 0 8px 0}
.dots {position: relative;  z-index: 20; height: 0px; width: 0px; top: 5px; left: -45px;}
.thumbs {position: relative; }
p{margin:0 10px 10px}
a{padding:0; text-decoration:none; color:#3b373B;}
h4 {font-size: 90%; margin: 0 0 4px 0; color: #284786; font-variant:small-caps;}
div#quote {clear: left; width: 0px; height: 0px; padding-left: 18px; float:left; }
div#left {clear: left; width: 155px;  float:left; }
div#header {background-image:url(images/back2.jpg); width: 700px; margin: auto; border-left: solid 1px #7b9397;  border-right: solid 1px #7b9397; padding: 10px 0}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#galleries{width: 600px;margin-left: auto; margin-right: auto; margin-bottom: 40px; }
div#wrapper{width: 1022px; margin: auto; }
div#container{text-align:left}
div#content p{line-height:1.4}
div#content{width: 680px; float: left; padding: 10px; background-image:url(images/back2.jpg); margin-left: 5px; margin-right: 5px; border-left: solid 1px #7b9397;  border-bottom: solid 1px #7b9397; border-right: solid 1px #7b9397; text-align: left;}
div#bottombar {clear: both; width: 100%; background-image: url(/images/transback.png);}
div#ptn {width: 100%; margin: 0; font-size: 140%;  }

h3 {text-align:center; color: #7B476B; letter-spacing: 0.1em; font-size: 165%; margin: 12px }
h6 {text-align:center; color: #8B577B; font-size: 90%; margin: 0 0 4px 0  }
h6 a {font-style: italic; color: #5B576B}
h6 a:hover {color: #AB576B}
h5 {text-align:center; color: #9B778B; font-size: 80%;  font-variant: small-caps; margin: 0}
#ptn .lspace {width:15%; border-top: solid 1px #7b9397;float: left;  height: 30px;}
#ptn .prev {width:10%;  border-top: solid 1px #7b9397;  text-align: left; float: left;   height: 30px; font-size: 70%; font-variant: small-caps;}

#ptn .title {width:50%;  border-top: solid 1px #7b9397;  font-weight: bold; text-align: center; float: left;  margin: 0 auto; padding: 10px 0; letter-spacing:1px }
#ptn .next {width:10%;text-align: right; border-top: solid 1px #7b9397; float: left;  font-size: 70%; font-variant: small-caps; height: 30px;}
#ptn .rspace {width:15%;border-top: solid 1px #7b9397;  float: right;  height: 30px;}
#bottombar .text { border: solid 1px #7b9397; background-color:#c4d1d5; text-align: center; clear: both; padding: 9px;  }
#bottombar .text2 { border-bottom: solid 1px #7b9397;  padding:5px ; font-variant: small-caps; font-size: 83%; clear: both}
 #bottombar .text3 { font-size: 64%; padding: 0 22px; font-weight: normal; color: #5B578B} 
 padding:5px ; font-variant: small-caps; font-size: 83%;}
#spacer {height:10px; clear: both}
div#navigation1 ul{margin:15px 0; padding:0; list-style-type:none; text-align: left}
div#navigation1 li{margin-bottom:5px;}
div#navigation2 ul{margin:15px 0; padding:0; list-style-type:none; text-align: left}
div#navigation2 li{margin-bottom:5px;}
div#extra{background:#CCC8B3;}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:100%;margin:0 auto}

td.tleft {text-align: right; width: 120px; padding: 10px;}
td.tright {text-align: left}
input{width: 450px; color:#514432; font-family: "Times New Roman", Times, serif; border:4px solid #abc1d5;padding:2px;background:#cad2dd}
textarea{width: 450px; color:#514432; font-family: "Times New Roman", Times, serif; border:4px solid #abc1d5;padding:2px;background:#cad2dd}
input.button {width: 231px;}

div#navigation1{ border: solid 1px #7b9397; background-image: url(images/navtitle1.jpg);
float:left;width:143px;  margin-top: 5px; padding:67px 5px 12px 5px; font-variant: small-caps; font-size: 83%;}
div#navigation2{ border: solid 1px #7b9397; background-image: url(images/navtitle2.jpg);
float:right;width:143px;  margin-top: 5px; padding:67px 5px 12px 5px; font-variant: small-caps; font-size: 83%;}
div#navigation3{ border: solid 1px #7b9397; background-image: url(images/navtitle2.jpg); background-position: 0 100%;
float:right; clear: right; width:143px;  margin-top: 5px; padding:12px 5px 12px 5px; font-variant: small-caps; font-size: 83%; text-align: left;}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}
div #dottext {float: left; padding: 0 5px; width: 104px;}
div #dotdot {float: left; padding: 0 5px; width: 19px;}

#menucontainer {width: 100%; background: #9cb; border-bottom: solid 1px #7b9397;}
#menubar
{width: 600px; height: 60px; margin: auto}

#menunormal
{
float:left; height: 60px;
}

}
#menu {
float:none;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 200px; height: 60px;
float: left;

}

#menu a, #menu h2 {
display: block;

border: solid 1px #7b9397;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #3B373B;
background: #9cb; 
text-decoration: none;
font-variant: small-caps; font-size: 90%;
}

#menu a:hover {
color: #a00;
background: #8bc;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font-variant: small-caps; font-size: 90%; 
}
</style>
<![endif]-->