
body {
        margin: 0 auto;
        padding: 0;
        font-family: Georgia, "Book Antiqua", "Times New Roman", serif;
        font-size: 11px;
        color: #404040;
        background: #700020 url(../images/bg.gif);
        text-align: center;
}

h1, h2, h3 {
   font-weight: lighter;
   font-style: italic;
}

h1, h2, h3, h4 {
   color: #F7941C;
}

h1 {
   font-size: 22px;
}

h2 {
   font-size: 16px;
}

h3 {
   font-size: 13px;
   }

h4 {
   font-size: 10px;
}

blockquote {
   margin: 8px 0;
   padding: 0 10px 0 40px;
   background: url(../images/quote.gif) no-repeat left top;
   font-style: italic;
   font-weight: lighter;
   font-size: .8em;
   text-align: justify;
   color: #404040;
   line-height: 1.5em;
}

a {
   text-decoration: none;
   color: #F7941C;
}

a:hover {
   text-decoration: underline;
}

p {
   text-align: justify;
   line-height: 1.4em;
}

p.bubuka {
   margin-left: 10px;
   font-style: italic;
   line-height: 1.6em;
}

img {
    border: 0;
}


form {
}


fieldset {
        border: none;
}

legend {
        display: none;
}

/* lightbox */

#lightbox{
        background-color:#fff;
        padding: 10px;
        }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(../images/blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
        }

/* ====== end global ======= */

/* Wrapper */

#wrapper {
    margin: 0 auto;
    width: 740px;
    padding: 0 15px;
    background: #A0410B url(../images/wrapper.gif) repeat-y;
}

/* Head */

#header {
    margin-top: 0;
    width: 740px;
    height: 92px;
    background: url(../images/header.gif) no-repeat left bottom;
    text-align: right;
}

#header h2 {
    margin-top: 0;
    padding: 10px 20px 0 0;
    color: #fff;
}

#header h4 {
    margin-top: 0;
    font-weight: lighter;
    font-size: .8em;
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 5px 20px;
    color: #fff;
}

#header a {
   color: #ccc;
}

/* Main Banner */

#mainbanner {
   width: 726px;
   height: 330px;
   padding: 0 7px;
   background: #700026 url(../images/main_banner_def.gif) no-repeat left top;
   border-bottom: 1px solid #700026;
}

#mainbanner #ajax-banner{
  margin: 0;
  padding: 0;
  width: 726px;
  height: 300px;
}

/* Menu */


#navcontainer {
   font-family: Georgia, "Times New Roman", "Book Antiqua", serif;
   }


#navlist {
   text-transform: lowercase;
   text-align: right;
   margin: 0 auto;
   margin-top: 3px;
   padding: 0 7px;
   text-indent: 0;
   list-style-type: none;
   }

#navlist li {
   padding: 0 3px;
   margin: 0;
   text-indent: 0;
   display: inline;
   }

#navlist li a {
   letter-spacing: 0;
   text-decoration: none;
   color: #A1A1A1;
   font-size: 1.3em;
   padding: 0 2px;
}

#navlist li a:hover,#navlist  a#current {
   color: #404040;
   border-top: none;
   border-top: 3px solid #E1E1E1;
   border-bottom: 2px solid #F7941C;
   font-size: 1.3em;
   }

#navlist  a#current {
   color: #F7941C;
   border: none;
   }



/* Content */

#content {
   width: 740px;
   padding: 10px 0;
   background: #fff url(../images/content2.gif) repeat-y;
}

/* Content2 */

#content2 {
   width: 740px;
   padding: 10px 0;
   background: #fff url(../images/content.gif) repeat-y;
}


/* colOne */

#colOne {
   float: left;
   width: 415px;
   padding-left: 20px;
   text-align: left;
}

#colOne h1{
   margin: 0;
   padding: 0;
   line-height: 1em;
}

#colOne h2.shifted {
   margin: 0;
   padding: 0;
   margin-left: 150px;
   line-height: 1em;
}

#colOne h2 {
   margin: 10px 0 5px 10px;
}


#colOne h3 {
   margin: 0 0 15px 30px;
   color: #700026;
}

#colOne #famimg {
   margin: 10px auto;
   text-align: center;
}

#colOne #activity {
   margin: 0;
   padding-top: 60px;
   background: url(../images/bg_act.gif) no-repeat left top;
}


#colOne #article {
   margin: 0;
   padding-top: 60px;
   background: url(../images/bg_art.gif) no-repeat left top;
}

#colOne .posts{
   padding: 5px 0 5px 10px;
   overflow: hidden;
}

#colOne .posts p {
   color: #404040;
   line-height: 1.5em;
}

#colOne .titlebox{
   background: url(../images/dotted.gif) repeat-x bottom;
}

#colOne h2.title {
   text-align: right;
   margin: 0;
   margin-bottom: -2px;
}

#colOne h2.title a:hover{
  text-decoration: none;
  color: #404040;
}

#colOne .meta {
   margin: 0;
   margin-top: 4px;
   margin-bottom: 20px;
}

#colOne p.meta {
   margin: 0;
   margin-top: 4px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: .8em;
   font-style: none;
   color: #700026;
   line-height: 1.4em;
}

#colOne p.meta a {
   color: #404040;
   text-decoration: none;
}

#colOne p.meta a:hover {
   text-decoration: underline;
}

#colOne .imgcontainer {
   margin: 20px auto;
   text-align: center;
}

#colOne p.address {
   margin: 0;
   margin-left: 10px;
   padding-left: 5px;
   border-left: 2px solid #cccccc;
   line-height: 2em;
}

#colOne .readAll {
   margin: 5px 0 0 0;
   padding: 5px 0 0 0;
   background: url(../images/dotted.gif) repeat-x left top;
   text-align: right;
}

/* colTwo */

#colTwo {
   float: right;
   width: 257px;
   padding-right: 18px;
   text-align: left;
}

#colTwo .boxed {
   width: 257px;
}

#colTwo h2 {
   padding: 0;
   margin: 0;
   text-transform: lowercase;
}

#colTwo h4 {
   padding: 0;
   margin: 0 0 10px 10px;
   font-weight: lighter;
   font-style: italic;
   color: #700026;
}



#colTwo .product {
   width: 257px;
   height: 120px;
   padding: 4px 0;
   margin-bottom: 6px;
   border-top: 1px solid #ACACAC;
   border-bottom: 1px solid #ACACAC;
   background: #fff;
   overflow: hidden;
}

#colTwo .prodleft {
   float: left;
   width: 85px;
   padding-left: 5px;
}

#colTwo .prodright {
   float: right;
   width: 165px;
   text-align: left;
}

#colTwo p.artno {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin: 0 5px 2px 0;
   padding: 0;
   color: #F7941C;
   font-size: .9em;
   letter-spacing: 0;
   text-transform: uppercase;
   background: url(../images/dotted.gif) repeat-x left bottom;
}

#colTwo p.size {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin: 0 5px 2px 0;
   padding: 0;
   color: #ff0000;
   font-size: .8em;
   letter-spacing: 0;
   text-transform: uppercase;
   text-align: left;
}

#colTwo p.notes {
   font-size: .8em;
   font-style: italic;
   color: #404040;
   margin: 0 5px 2px 0;
   padding: 0;
}

#colTwo ul {
   margin: 5px auto;
   margin-bottom: 10px;
   padding: 0 10px;
}

#colTwo li {
   display: block;
   list-style: none;
   padding: 3px 0;
}

#colTwo li a{
   color: #404040;
   text-decoration: none;
}

#colTwo li a:hover{
   text-decoration: underline;
}

/* Single Column */

#singleColumn {
   margin: 0 auto;
   width: 680px;
   text-align: left;
}

#singleColumn h1{
   margin: 0;
   padding: 0;
   line-height: 1em;
}

#singleColumn h2 {
   margin: 0;
   padding: 0;
   line-height: 1em;
}

#singleColumn h2.shifted {
   margin: 0;
   padding: 0;
   margin-left: 50px;
   line-height: 1em;
}

#singleColumn h4 {
   margin: 0;
   padding: 0;
   margin-left: 5px;
   font-weight: lighter;
   font-style: italic;
   color: #700026;
}


#singleColumn h4.shifted {
   margin: 0;
   padding: 0;
   margin-left: 190px;
   font-weight: lighter;
   font-style: italic;
   color: #700026;
}


#singleColumn #bview {
   margin: 5px auto;
   padding: 10px;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}


#singleColumn #bviewLeft {
   float: left;
   margin: 5px auto;
   width: 320px;
   height: 120px;
   overflow: hidden;
}

#singleColumn #bviewRight {
   float: right;
   margin: 5px auto;
   width: 320px;
   height: 120px;
   overflow: hidden;
}

#singleColumn #bviewLeft #imgcontainer, #singleColumn #bviewRight #imgcontainer {
   float: left;
   width: 80px;
   padding: 5px;
}

#singleColumn #bviewLeft #info, #singleColumn #bviewRight #info {
   padding-left: 90px;
}


#singleColumn p.artno {
   font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 4px 5px 5px 0;
   padding: 0;
   color: #F7941C;
   font-size: .9em;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: left;
   background: url(../images/dotted.gif) repeat-x left bottom;
}

#singleColumn p.size {
   font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 0 5px 2px 0;
   padding: 0;
   color: #700026;
   font-size: .9em;
   text-transform: uppercase;
   text-align: left;
}

#singleColumn p.notes {
   font-size: .9em;
   font-style: italic;
   color: #404040;
   margin: 0 5px 2px 0;
   padding: 0;
   text-align: left;
}


#singleColumn #mynav {
   margin: 5px auto;
   padding-bottom: 5px;
   text-align: right;
   text-transform: uppercase;
   font-size: .8em;
   letter-spacing: 1px;
   color: #999999;
   font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

#singleColumn img {
   border: 5px solid #E1E1E1;
}



/* Generic Forms */


#genericform {
       margin: 20px 0;
}

#genericformx {
       margin: 0;
}

#genericform #box {
      margin: 20px auto;
      padding: 10px;
      border: 2px solid #F7941C;
      text-align: left;
}

#genericform #left {
       float: left;
       width: 110px;
       padding-top: 3px;
}

#genericform #right {
       padding-left: 120px;
}


#genericform input {
       margin-bottom: .5em;
       padding: 2px 5px;
       border: 1px solid #CCCCCC;
       font: normal small Arial, Helvetica, sans-serif;
       color: #404040;
}


#genericform textarea {
       margin-bottom: .5em;
       padding: 2px 5px;
       border: 1px solid #CCCCCC;
       font: normal small Arial, Helvetica, sans-serif;
       color: #404040;
       font-size: 1.1em;
}

#genericform upload, #genericform file {
       margin-bottom: .5em;
       padding: 2px 5px;
       border: 1px solid #CCCCCC;
       font: normal small Arial, Helvetica, sans-serif;
       color: #404040;
       font-size: 1.1em;
}

#genericform select, #genericformx select {
       margin-bottom: .5em;
       padding: 2px 5px;
       border: 1px solid #CCCCCC;
       font: normal small Arial, Helvetica, sans-serif;
       color: #404040;
}

#genericform .large {
      width: 250px;
}

#genericform .medium, #genericformx .medium {
      width: 150px;
}

#genericform .medium-right {
      width: 150px;
      text-align: right;
}

#genericform .small {
      width: 75px;
}


#genericform .xsmall {
      width: 55px;
}

#genericform #spacer {
      height: 2px;
}

#genericform #submitme {
        float: left;
        padding: 2px 10px;
        margin-right: 10px;
        border: 1px solid #CCCCCC;
        border-top-color: #FFFFFF;
        border-left-color: #FFFFFF;
        background: #F7941C;
        font: normal small Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
}

#genericform #formstatus {
        padding: 0 0 0 4px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #F7941C;
}


#genericform #formstatus2 {
        padding: 2px 0 4px 120px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #F7941C;
        font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}


#genericform #formstatus3 {
        padding: 10px 0 10px 0;
        margin-bottom: 20px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        font-size: 1em;
        letter-spacing: 1px;
        color: #F7941C;
        border: 1px solid #f5f5f5;
}


/* Footer */


#footer {
   margin: 0 auto;
   width: 730px;
   padding: 370px 20px 20px 20px;
   background: #A0410B url(../images/bott.gif) no-repeat left top;
}

#footer2 {
   margin: 0 auto;
   width: 730px;
   padding: 370px 20px 20px 20px;
   background: #A0410B url(../images/bott2.gif) no-repeat left top;
}

#footer p, #footer2 p {
   font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
   font-size: .8em;
   text-align: left;
   margin: 0;
   color: #ccc;
   letter-spacing: 1px;
   line-height: 1.4em;
}

#footer a, #footer a:hover, #footer2 a, #footer2 a:hover {
   color: #ccc;
}
