* {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ul li {
list-style-image: url(images/dash.jpg);
}
body {
text-align: center;
background: url(images/bg.jpg);
padding: 0px 0px 0px 0px;
font: 12px/18px Arial, Helvetica, Arial, Helvetica, sans-serif;
position: relative;
}
/* get rid of those system borders being generated for A tags */
a img {border: none;}
p, li, table {
color: #8b8b8b;
padding: 0;
font: 12px/18px Arial, Helvetica, Arial, Helvetica, sans-serif;
}
h2 {
font: 18px Arial, Helvetica, Arial, Helvetica, sans-serif;
color: #83a916;
}
a {text-decoration: none;}
a:link {color: #585858;}
a:visited {color: #585858;}
#header-repeat {
position: absolute;
background: #f3f3ed url(images/bgheader-repeat.jpg) repeat-x;
height: 156px;
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
}
#container {
position: relative;
text-align: left;
clear: both;
margin: 0 auto;
padding-top: 101px;
width: 1011px;
}
#main {
background: white url(images/leaves.jpg) no-repeat bottom;
width: 1011px;
height: 715px;
*height: 720px;
}
#leftcol {
width: 180px;
height: 637px;
float: left;
}
#leftcol a {
*margin: 0;
*padding: 0;
}
#koi-link {
padding-left: 35px;
*margin-left: 40px;
}
#middle {
width: 651px;
margin: 1px 180px 0 180px;
*position: absolute;
*margin: 1px auto;
}
#middle-content2 {
margin-bottom: 19px;
padding-left: 40px;
padding-right: 70px;
}
#middle-content {
background: transparent url(images/slideshow/bg.jpg) no-repeat top;
margin-bottom: 19px;
padding-left: 40px;
padding-right: 70px;
}
#middle-content li {
list-style-image: url(images/yellow-dot.jpg);
}
#about-bg {
padding-top: 10px;
padding-left: 145px;
}
.table {
padding: 0;
font-size: 14px;
}
.table b {
color: #c23e00;
}
.table a:hover {
text-decoration: underline;
}
.indent2 {
padding-left: 40px;
}
#contact-bg {
background: transparent url(images/bg_gradient.jpg) no-repeat top;
padding-left: 30px;
*padding-left: 220px;
*padding-top: 27px;
}
#wcs-logo {
padding: 40px 0 0 178px;
}
#rightcol {
background: transparent url(images/news.jpg) no-repeat top;
width: 180px;
height: 637px;
float: right;
}
#right-text {
padding: 50px 15px 0 15px;
*padding: 70px 10px 0 15px;
width: 150px;
height: 550px;
}
#right-text p {
font-size: smaller;
}
#rightcol ul, li{
margin-left: -10px;
*margin-left: 10px;
*margin-right: -10px;
}
#footer {
background: transparent url(images/footerbg.jpg) no-repeat top;
height: 31px;
width: 1011px;
margin: -12px auto 0 auto;
*margin: 0 auto;
}
#footer p {
text-align: center;
padding-top: 10px;
}
.indent {
padding-left: 30px;
margin-top: -10px;
}
.quotes {
background: url(images/quotes.jpg) no-repeat top left;
height: 95px;
width: 565px;
padding: 10px 10px 0 40px;
}
.text-in-quotes {
width: 513px;
padding: 10px;
*padding: 20px 10px 30px 10px;
}
#video1 {
margin-left: 65px;
*text-align: center;
}
.shoptable, .shoptable1{
margin-left: 30px;
}
.shoptable a{
text-decoration: none;
}
.shoptable a:active {
border: none;
}
.shoptable td {
width: 190px;
padding: 5px;
}
.tablespace {
height: 30px;
}
#FlashID {
margin: 23px;
}
/* slider css below*/
#s3slider {
width: 600px; /* important to be same as image width */
height: 350px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-left: 10px;
*margin: 20px 0 0 20px;
}
#s3sliderContent {
width: 600px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 574px;
background-color: #000;
filter: alpha(opacity=0); /* here you can set the opacity of box with text */
-moz-opacity: 0; /* here you can set the opacity of box with text */
-khtml-opacity: 0; /* here you can set the opacity of box with text */
opacity: 0; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.clear {
clear: both;
}
/* jQuery lightBox plugin - Gallery style */
.gallery {
width: 550px;
*margin-bottom: -20px;
*margin-left: -20px;
}
.gallery ul { list-style: none; }
.gallery ul li {
display: inline;
padding: 0 20px 0 0;
}
.gallery ul img {
border: 2px solid #83a916;
}
.gallery ul a:hover img {
border: 2px solid #fff;
color: #fff;
}
.pdf-link a{
color: #a92d2d;
padding-left: 30px;
}
.pdf-link a:hover{
color: #372418;
text-decoration: underline;
}