/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/


html  {
   margin: 0px;
   padding: 0px;
}

body {
   font-family: Garamond, "Times New Roman", serif;
   font-size: 16px;
   color: #000;
   background-color: #351005;
/* border: 1px solid #ffff00;  */
   margin: 10px auto 10px auto;
   padding: 0px;
}

.header img {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

img {
   margin: 2px;
   padding: 1px;
   border: 0px solid #4C2F2B;
}

img.links {
   margin: 3px;
   padding: 10px;
}

dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td {
   padding:2px 10px;
   margin: 0px;
/* border: 1px solid #00ff00;  */
}

a, a:visited, a:active {color:#000;}

ul {
   margin: 0px 0px 0px 35px;
   padding: 0px;
}
ul ul {
   font-size: 12px;
}

li {
   margin: 0px;
   padding: 0px;
}

  

h1, h2, h3, h4, h5, h6, h7 {
     color: #4C2F2B;
}

hr {
   margin-right: 15px;
   height: 4px;
   color: #351005;
   background-color: #351005;
}


p {
   margin: 10px 10px 10px 10px;
/* border: 1px solid #00ffff;  */
}

div {
   padding:0px;
   margin: 0px;
}

.header {
   display: block;
   height: 176px;
   *height: 176px;
}

.header hr {
   border: 2px solid #d9541f;
   color: #d9541f;
   background-color: #d9541f;
}

.footer {
   position: relative;
   background-color: #fdf2b2;
   clear:both;
   width: 100%;
   border-top: 4px solid  #D5491f;
}

.footer_comment p {
   float: right;
   color: #723F19;
   font-style: italic;
   font-weight: bold;
   font-size: 100%;
   margin: 0 30px 0 auto;
}
.footer_terms p {
   float: left;
   color: #f5da54;
   font-style: italic;
   font-weight: bold;
   font-size: 100%;
   margin: 15px auto 0px 10px;
}

.footer_contactus p {
   float: center;
   color: #000;
   font-weight: bold;
   font-size: 100%;
   text-decoration: none;
   margin: 0px auto 0px 440px;
}

.footer_contactus a {
   text-decoration: none;
}

.page_wrapper {
   position: relative;
   width:970px;
   background-color: #fff;
   margin:10px auto;
   border: 4px solid #D9541f;
/* padding: 2px; */
}

.footer_corner {
   position: absolute;
   width: 12px;
   height: 12px;
   background: url('../images/corner12_yellow.jpg') no-repeat; 
   font-size: 0%;
   z-index: 0;
}

.header_corner {
   position: absolute;
   width: 12px;
   height: 12px;
   background: url('../images/corner12_white.jpg') no-repeat; 
   font-size: 0%;
   z-index: 0;
}


.border_wrapper {
   display: block;
/* border: 2px solid #D9541f;   */
   background-color: #fff;
}

.page_wrapper .gallery_wrapper .content {
   margin-top: 40px;
   margin-left:0px;
}

.page_wrapper .content_wrapper .content,
.page_wrapper .fullcontent_wrapper .content {
   margin-left:0px;
}


.gallery_wrapper .content {
   float:none;
   width:auto;
}

.content_wrapper {
   float: left;
   width: 675px;
}

.fullcontent_wrapper {
   width: 976px;
}

.content_wrapper .content {
   color: #000
}

#homepage {
   height: 710px;
   background-image: url('coweye.jpg');
}

.main {
   padding: 5px;
   margin: 0px;
   clear: both;
   background: #fff;
}

.main:after {
   content:".";
   display:block;
   visibility:hidden;
}


/************************ Navigation Bar **********************/

.navbar1 {
   position:relative;
   float: left;
   margin-top: -13px;
   margin-left: -1px;
   margin-right: -3px;
   margin-bottom: 0px;
   background-color: #fdf2b2;
}

.navbar2 {
   position:relative;
   float: left;
   margin-top: -2px;
   margin-left: -2px;
   margin-bottom: 0px;
   background-color: #fdf2b2;
   border: 0px solid #d9541f;
   border-width: 0px 1px;
}

.navButton1,
.navButton2 {
   text-align: center;
   float: left;
}

.current,
.current {
   background-color: #f5da54;
}

.navButton1 a, 
.navButton2 a {
   width: 152px;
   float: left;
   color: #4C2F2B;
   border: 2px solid #D9541F;
   border-width: 2px 1px;
   text-align: center;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   font-variant: small-caps;
   line-height: .85;
}

.navButton1 a {
   padding: 9px 4px 10px 4px;
}

.navButton2 a {
   padding: 3px 4px 3px 4px;
}

.navButton1 a:hover,
.navButton2 a:hover {
   background-color: #f5da54;
}
.navButton1 a.current,
.navButton2 a.current {
   background-color: #f5da54;
}

.navCornerBox {
   position: relative;
   background: #fdf2b2;
   margin-left: 7px;
   margin-top: 7px;
   height: 36px;
   width: 150px;
}

.navCorner {
   position: absolute;
   width: 20px;
   height: 21px;
   background: url('../images/navcorner3.gif') no-repeat;
   font-size: 0%;
}

/*************** corner box ************************/

.TL12 { z-index: 5; top: -4px; left: -4px; background-position: 0 0; }
.TR12 { z-index: 5; top: -4px; right: -4px; background-position: -12px 0; }
.BL12 { z-index: 5; bottom: -4px; left: -4px; background-position: 0 -12px; }
.BR12 { z-index: 5; bottom: -4px; right: -4px; background-position: -12px -12px; }

.TL15 { z-index: 5; top: 0; left: 0; background-position: 0 0; }
.TR15 { z-index: 5; top: 0; right: 0; background-position: -16px 0; }
.BL15 { z-index: 5; bottom: 0; left: 0; background-position: 0 -15px; }
.BR15 { z-index: 5; bottom: 0; right: 0; background-position: -16px -15px; }

/************** left and right align pictures **************/

.leftAlign {
   float: left;
   margin-left: 0px;
}

.rightAlign {
   float: right;
   margin-right: 10px;
}

/************************ Orange Notebox **********************/

 /* Inset 3D Raised - Notebox */
.notebox {
   background: transparent; 
   width:30%; 
   margin: 0px 10px 30px auto; 
}
.notebox p {
   font-size: 20px;
   margin: 0px;
   padding:5px 25px;
   color: #FFF; 
   text-align: center;
}
.notebox .top, 
.notebox .bottom {
   display:block; 
   background:transparent; 
   font-size:1px;
}
.notebox .b1, 
.notebox .b2, 
.notebox .b3, 
.notebox .b4, 
.notebox .b1b, 
.notebox .b2b, 
.notebox .b3b, 
.notebox .b4b {
   display:block; 
   overflow:hidden;
}
.notebox .b1, 
.notebox .b2, 
.notebox .b3, 
.notebox .b1b, 
.notebox .b2b, 
.notebox .b3b {
   height:1px;
}
.notebox .b2 {
   background:#D9541F; 
   border-left:1px solid #fcc; 
   border-right:1px solid #fcc;
}
.notebox .b3 {
   background:#D9541F; 
   border-left:1px solid #fcc; 
   border-right:1px solid #ddd;
}
.notebox .b4 {
   background:#D9541F; 
   border-left:1px solid #fcc; 
   border-right:1px solid #aaa;
}
.notebox .b4b {
   background:#D9541F; 
   border-left:1px solid #fcc; 
   border-right:1px solid #b77;
}
.notebox .b3b {
   background:#D9541F; 
   border-left:1px solid #ddd; 
   border-right:1px solid #b77;
}
.notebox .b2b {
   background:#D9541F; 
   border-left:1px solid #aaa; 
   border-right:1px solid #b77;
}
.notebox .b1 {
   margin:0 5px; 
   background:#fcc;
}
.notebox .b2, 
.notebox .b2b {
   margin:0 3px; 
   border-width:0 2px;
}
.notebox .b3, 
.notebox .b3b {
   margin:0 2px;
}
.notebox .b4, 
.notebox .b4b {
   height:2px; 
   margin:0 1px;
}
.notebox .b1b {
   margin:0 5px; 
   background:#b77;
}
.notebox .boxcontent {
   display:block;  
   background:#D9541F; 
   border-left:1px solid #fff; 
   border-right:1px solid #b77;
}

.vendorlogo {
   z-index: 0;
   float: left;
   position: relative;
   clear: both;
}
.vendorlogo img {
   width: 200px;
   z-index: 2;
   border: 0px !important;
   margin: 0px;
   padding: 15px 15px 15px 15px;
}

.vendorlogosm {
   z-index: 0;
   float: none;
   position: relative;
   clear: both;
   padding: 5px 15px;
}
.vendorlogosm img {
   width: 150px;
   height: 38px;
   z-index: 2;
   border: 0px !important;
   margin: 0px;
}

.vendorinfo {
   position: relative;
   margin: 5px 15px 10px 260px;
   line-height: 1.1;
}

.vendorinfo ul {
   margin: 0px 0px;
}
.vendorinfo li {
   margin: 0px;
   padding: 0px;
}

.vendorsep {
   clear: both;
   height: 4px;
   color: #fff;
   background-color: #fff;
   margin: 0px 15px 0px 0px;
   padding: 0px;
}

.header_wrapper {
   padding-top: 30px;
}

.center_header {
   padding-top: 20px;
   float: left;
}
.left_header {
   padding-top: 20px; 
   float: left;
}
.right_header {
   padding-top: 20px;
   position: relative;
   float: right;
   margin-right: 0px;
}

.left_list {
   float: left;
   width: 450px;
}

.left_list ul {
   margin-left: 60px;
   margin-top: 20px;
}
.right_list {
   margin-top: 20px;
}

.pics {
   position: relative;
   float: right;
   width: 330px;
}
.pics img {
   width: 320px;
   height: 240px !important;
   margin: 5px;
}
.thumb_wrapper {
   float: right;
   width: 270px;
   padding: 10px 10px 0px 0px;
   margin: 0px;
   font-size:12px;}

.thumbs {
   position: relative;
   z-index: 10;
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.thumbs table {
   border-collapse: collapse;
   margin: 0px;
}

.thumbs td {
   margin: 0px;
   padding: 0px;
}

.thumbs tr {
   margin: 0px;
   padding: 0px;
}

.thumbs li.pic {
   float: left;
   margin: 0px;
   padding: 0px;
}

.thumbs li.label {              /* Labels between thumbnails */
   clear: both;
   margin: 0px 0px 3px 0px;
   padding: 0px 2px 0px 7px;
   width: 262px;
   font-weight: bold;
   background: #fdf2b2;
   font-size:13px;
   color: #351005;
}

.thumbs li.dummy {
   float: left;
   margin: 0px;
   padding: 0px;
   height: 70px;
   width: 60px;
}
.thumbs .thumb {                 /* Link around thumbnails */
   display:block;
   color:#000;
   text-decoration: none;
   margin: 0px 2px 5px 2px;
   padding: 0px;
   border: 0px;
}
.thumbs a.thumb:hover {
   border-color:#d9541f; 
}

.thumbs a.thumb .thumbimg {       /* Thumbnail image */
   display:block;
   width: 80px;
   height: 60px;
   margin: 0px;
   padding: 1px;
   border: 2px solid #fff;
}
.thumbs a.thumb:hover .thumbimg { /* Thumbnail image hover */
   border-color:#d9541f; 
}

.thumbs li:hover > a.thumb {
   border-color:#d9541f; 
}

.thumbs div.frame {               /* large picture frame */
   position:absolute;
   border: 0px;
   z-index: 30;
   width: 650px; 
   top: 0px;  
   left:-9999px;                  /* Initially place far off screen */
   padding:5px 10px 0px 10px;
   background:#fff;
}
.thumbs :hover div.frame {        /* focus on thumbnail move large image onto screen */
   position:absolute;
   left:-686px; 
   top: 0px;
}

.thumbs .frame img {
   border:2px solid #d9541f;
}

.thumbs .lhead {                  /* text above large image */
   text-align:center;
   margin: 0px;
   padding: 0px;
/* color: #351005; */
 
   width:640px;
   height: 80px;
   text-align:center;
   font-style: bold;
   font-size: 16px; }

.thumbs .frame .lhead a {
   padding:8px 0 8px 30px;
   text-align:center;
   cursor:pointer;
   text-decoration:none;
   color:#666;}

.thumbs .frame .lhead a:hover,
.thumbs .frame .lhead a:hover,
.thumbs .frame .lhead a:hover {
   color:#000;
   text-decoration:underline;}

.clearall {
   clear: both;
}