a:link, a:visited {color:#125;}
a:hover, a:focus {color:#800;}
a:active {color:#aa0;}
p {margin:0; padding:4px 0px 0.6em; text-align:justify; font-size:95%;}

i, .i {font-style:italic;}
b, .b {font-weight:bold;}
.sm {font-size:80%;}
.er {color:#f00; font-weight:bold;}
h1 {margin:4px 0px 0.4em; text-align:left; font:italic lighter 130% Arial,Helvetica,sans-serif;}
h2 {margin:1em 0 0.2em 0; padding-left:30px; font:Bold 100% "Arial", Helvetica, sans-serif;  text-align:left; background:#F8D8B8 url(Images/tabEB.gif) no-repeat 0% 0%;}
h2.alt {background-image:url(Images/tabKC.gif)}
h2.wed {padding-left:45px; background:#eee url(Images/tabWP.gif) no-repeat 0% 0%;}

.msg {background:#efe9d9; padding:2px 6px 0; margin-bottom:1em; text-align:left;}
#sidebar p {padding:0; margin:8px 0px 8px 1px; text-align:center;}
.ntitle {font:italic lighter 90% Arial,Helvetica,sans-serif;}
.ppal {margin:10px; text-align:center;}

form {width:300px; margin:0 auto; text-align:center;}
.eform, label {display:block; text-align:left; width:300px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
label {margin-top:8px;}
p input, p label {display:inline;}
p input {margin-right:18px;}
form p {padding:0; margin-top:8px;}
.shop input, .shop label {display:inline; margin:4px}

ul {margin:-0.5em 0 0 1em; padding:0 0 1em; text-align:left;}
ul.links {margin:0 0 1em; padding:0; text-align:left; list-style:none;}
ol {margin:0 0 1em 2em; padding:0; text-align:left;}
ol li {margin:0 0 10px;}
li p {margin:0 0 10px; padding:1px 4px; font-size:90%;}

img {float:none; border:solid 1px #420;}
#frame {margin:10px;}
.thumb img, table a img {width:78px; height:104px; border:none;}
table.hz a img {width:104px; height:78px; border:none;}
#sidebar img, #foot img, .ppal img, .icon img {border:none;}

table {margin:0 auto; width:460px; border:none;}
tr {vertical-align:top; font-size:85%;}
td {padding:2px 0 0 0; width:33.3%; border:none; text-align:center;}
.cap td, p.cap {padding:0 22px 1em 22px; font-style:italic; color:#520; text-align:center;}
.thumb:link, .thumb:visited, table a:link, table a:visited {margin:0 auto; display:block; width:78px; height:104px; border:1px solid #620;}
table.hz a:link, table.hz a:visited {width:104px; height:78px;}
.thumb:hover, .thumb:focus, .thumb:active, table a:hover, table a:focus, table a:active {border:1px solid #d77;}
table a {text-decoration:none;}
table div p {display:none;}
table a div {position:relative; display:none; background:#fff9e9; border:solid #420 1px;}
table a:hover div {display:inline; position:absolute; margin:90px 0 0 -140px; width:200px;}
table.hz a:hover div {margin:90px 0 0 -153px;}
table a div p {display:block; padding:4px; text-align:left; color:#420;}
table div p a {display:none !important; position:absolute !important; border:solid #420 1px;}
#sidebar .thumb {margin-bottom:6px;}

.data {border:solid 1px #420; border-collapse:collapse; width:460px; margin:1em auto;}
.data td, .data th {border:solid 1px #420; width:auto; padding:2px;}
.data th {font-weight:bold;}

div.row {margin:10px 0px 30px 0; padding:0; text-align:center; color:#555;}
.tcol {position:relative; float:right; margin:0 0 10px 10px; width:190px; font-size:90%; font-style:normal; text-align:left;}
.tcol h2 {margin-top:0;}

.shrow {overflow:visible; position:relative; margin:5px 0px; padding:0; text-align:left; min-height:110px;}
.shrow .tcol {position:relative; float:right; margin:0 0 5px 0; width:400px; font-size:80%; font-style:normal; text-align:left;}
.shrow .tcol p {margin:0 0 2px 0;}
.shrow .tcol h2 {margin:0 0 8px 0;}
.shrow a.thumb {margin:0; display:block; text-align:center; width:104px; height:104px;}
.shrow a.thumb img {margin:0 13px; width:78px; height:104px;}
.shrow a.thumb img.ls {margin:13px 0; width:104px; height:78px;}
.icon {position:absolute; float:none; display:block; left:20em; z-index:10; width:19px; height:18px;}
.sale {font-style:italic; color:red;}

li.rightboxt {height:171px;}
li.rightboxl {height:120px;}
div.rightboxt, div.rightboxl {height:230px;}
.rightboxt div, img.rightboxt, .rightboxl div, img.rightboxl {float:right;}
.rightboxt div img, img.rightboxt, .rightboxl div img, img.rightboxl {margin-left:10px;}

h1 img {border:none;}
p.lnkimg a img {float:left; margin-right:6px;}
p.lnkimg {min-height:50px;}
div.clear {width:100px;}

div.notes {
float:right;
background:#FFF;
margin:1em 0px 10px 10px;
width:156px;
padding:6px;
border:2px solid #F8D8B8;
text-align:left;
}
div.notes .ntitle {font-size:84%; padding:1px; margin:2px 0 4px; background:#F8D8B8; font-weight:bold; text-align:center;}
div.notes .ndate {padding:0; font:Bold 76% Arial,Helvetica,sans-serif;}
div.notes .ntext {font-size:76%; padding:0 4px 0.6em 4px;}

body {
background-color:#555;
margin:0; padding:2px;
text-align:center; color:#222;
}
#container {
background:#fff url(Images/Head4.jpg) no-repeat 0% 0%;
position:relative;
margin:0 auto;
width:760px;
text-align:left;
}
#head {background:transparent; height:160px;}
#mid {background:transparent; clear:both; padding-top:10px;}
#cont {
position:relative;
background:transparent;
width:520px;
margin:50px 0 0 200px;
padding:0px 0px 10px 0px;
text-align:center;
}
#sidebar {
background:transparent;
position:relative;
float:left;
width:140px;
margin:50px 0px 10px 10px;
padding:4px 0px 4px 0px;
text-align:center;
border-left:20px solid #fff;
}
#foot {
clear:both;
padding:8px;
text-align:center;
font-size:80%;
}
ul#nav {
position:relative;
display:block;
overflow:auto;
text-align:left;
width:140px;
list-style:none; list-style-image:none;
padding:0;
margin:0px 0px 16px 5px;
}
#sidebar>ul#nav {
border-left:10px solid #fff;
}
#nav li {
position:relative;
display:block;
width:110px;
margin:0px;
padding:1px 0;
font:80% Arial,Helvetica,sans-serif;
}
#nav a:link, #nav a:visited {
background:transparent url(Images/Button2.gif) no-repeat 0px 50%;
display:block;
padding:2px 0px;
text-align:center;
width:110px;
color:#420;
text-decoration:none;
}
#nav a:hover, #nav a:focus
{background-color:transparent; background-position:-110px 50%; color:#b60;}
#nav a:active, a.home:active {color:#f20;}

#frame {display:none;position:absolute;z-index:200;left:20px;top:20px;background:white;width:400px;border:1px solid black;-moz-box-shadow:1px 1px 14px #000; box-shadow:1px 1px 14px #000; -webkit-box-shadow:1px 1px 14px #000;}
#frame img {display:block;border:0;margin:3px 3px 3px 3px;}
#frame p {font:70% sans-serif; padding:2px 4px 3px 4px;}
p#frtitle, p#frclose {font-weight:bold;}
p#frtitle {padding:0; margin:2px 30px 1px 4px;}
#frame #frclose {position:absolute;top:0px;right:0px;padding-bottom:1px;cursor:pointer;background:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

@media all and (max-width:480px) and (min-width:1px) {
  #container {width:100%;}
  #cont {width:auto; margin:0; padding:0; font-size:85%;}
  #foot {border-top:1px solid #F8D8B8;}
  #cont p, #cont h1 {padding:2px 3px 8px 3px; margin:0;}
  #cont h2 {margin-top:4px;}
  #cont img.blk {width:96%;}
  #sidebar, div.notes {width:auto; float:none;}
  div.notes {margin:1px; padding:2px; border-width:1px;}
  div.notes .ntitle, div.notes .ndate, div.notes .ntext {font-size:90%; margin:0; padding:0;}

  #sidebar ul#nav {width:100%; margin:0 auto 10px auto; border-width:0; text-align:center;}
  #sidebar ul#nav li {display:inline-block;}
  #sidebar {padding:1px; margin:40px 0 0 0; border-width:0;}
  #sidebar p, #sidebar a.thumb, .rightboxl div img:first-child {display:none;}

  form, table.data {width:96%;}
  .eform, label {width:90%; margin:2px auto;}
  label {margin-top:3px;}

  li.rightboxl,  li.rightboxt {height:auto; min-height:120px;}
  img.rightboxl, .row img {width:30%;}
  img.rightboxl {margin-top:4px;}
  
  .rightboxl div img, .rightboxt div img {width:100%; margin:0;}
  .rightboxl div, .rightboxt div {text-align:right; width:20%; margin:0 2px;}
  .rightboxt div {width:40%;}

  div.row {position:relative; text-align:right; margin:0;}
  .row .tcol {float:none; width:66%; margin:0;}
  .row img, .shrow a.thumb {position:absolute; top:0; right:0; background-color:white;}

  .shrow .tcol {float:none; width:auto; margin-right:108px;}
  .shrow .tcol .icon {left:2px; margin-top:3px;}
  #cont .shrow .tcol p {margin-left:25px; text-align:left;}
  .shrow div p a {white-space:nowrap;}

  table.table, table.hz, table.table tr, table.hz tr {display:block; width:100%;}
  table.table tr, table.hz tr {text-align:center;}
  table.table td, table.hz td {display:inline-block; margin:10px 0; width:160px;}
}