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.christmas {margin: 12px 0 7px 0}
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;}
h2 {font-size: 120%; text-align: center;}
h4 {font-size: 100%; ; color: #284786; font-variant:small-caps;}
div#quote {clear: left; width: 0px; height: 0px; padding-left: 18px; float:left; }
div#left {clear: left; width: 255px;  float:left; }
div#right { width: 255px;  float:left; text-align: 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: 1222px; 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: 110%; margin: 0 0 4px 0  }
h6 a {font-style: italic; color: #5B576B}
h6 a:hover {color: #AB576B}
h5 { color: #9B778B; font-size: 90%;  font-variant: small-caps; margin: 15px 0 0 0; }
h5 a{ color: #9B778B }
#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#navigation ul{ padding:0; list-style-type:none; text-align: left; margin: 4px 0 15px 0; padding: 3px 0; border: 1px solid #bbccdd }
div#navigation li{margin: 0 0 2px 15px; font-variant: small-caps; font-size: 83%;}
div#navigation{ border: solid 1px #7b9397; background-image: url(images/navback.png);
float:left;width:180px;  margin-top: 5px; padding:12px 5px 12px 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#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;}


#menubar
{width: 700px; height: 32px; margin: auto; background: #9cb; border: solid 1px #7b9397;}



ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#622b41; text-decoration:none}
ul.menu li {position:relative; float:left; }
ul.menu ul {position:absolute; top:34px; left:0; background:url(/images/menu5.png); display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; left: -1px; top: -2px; border:1px solid #aaa; border-top:none; width:174px; margin:0; height: 32px; background:url(/images/menu5.png);}
ul.menu ul li a {display:block; padding:3px 7px 5px; }
ul.menu ul li a:hover {background:url(/images/menuhi.png); height: 24px; }
ul.menu ul ul {left:175px; top:1px}
ul.menu .menulink { font-weight:bold; background:url(/images/header.gif); width:175px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/images/header_over.gif)}
ul.menu .sub {background:#b8cad7 url(/images/menuarrow.png) }
ul.menu .sub:hover {background:#b8cad7 url(/images/menuarrowhi.png) }
ul.menu .topline {border-top:1px solid #aaa}