html { height: 101%; }
* { padding: 0; margin: 0;}
img { outline: none; border: none; }
a { text-decoration: none; color: #980033; outline: none; }
a:hover { text-decoration: none; }
ul { list-style-type: none; }
.dark { color: #251400; }

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/helveticaneue-heavy-webfont.eot');
    src: url('fonts/helveticaneue-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-heavy-webfont.woff') format('woff'),
         url('fonts/helveticaneue-heavy-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-heavy-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('fonts/helveticaneue-medium-webfont.eot');
    src: url('fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-medium-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('fonts/helveticaneue-roman-webfont.eot');
    src: url('fonts/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-roman-webfont.woff') format('woff'),
         url('fonts/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-roman-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* template */
body { font-family: Helvetica, Arial; font-size: 12px; background: url(bg-page-pattern.png) repeat; color: #222;}

#header { position: relative; z-index: 10; height: 326px; background: url(bg-header-slice.png) repeat-x center top;}
#template-head { width: 900px; margin: 0 auto; border: solid 0px red;} /* template is used twice on this design */
#template-body { width: 900px; margin: 0 auto; border: solid 0px red;} /* template is used twice on this design */
#top-text h2 { color: #980033; font-size: 30px;}
#top-text p { font-size: 16px;}

#wrapper-body { position: relative; z-index: 1;  margin: 0 auto; margin-top: -15px; width: 926px;background: url(bg-body-slice.png) repeat-y center top; }
#wrapper-body-full { position: relative; z-index: 1;  margin: 0 auto; margin-top: -15px; width: 926px;background: url(bg-full-body-slice.png) repeat-y center top; }
#wrapper-footer { position: relative; z-index: 1;  margin: 0 auto; width: 926px;background: url(bg-body-footer-slice.png) repeat-y center top; }
#wrapper-bottom {width: 926px; height: 25px; margin: 0 auto; background: url(bg-body-bottom.png) no-repeat center top;}

#footer  { position: relative; color: White; font-size: 14px; padding: 10px 20px 1px 10px;}
 #footer a { color: white;}
 #footer a:hover { text-decoration: underline;}
 #footer #bottom-text { text-align: center;}
 
#signature { width: 900px; font-size: 14px; margin: 0 auto; margin-top: -10px; color: #777; text-align: right; padding: 5px 0;}
 #signature a { color: #777; text-decoration: none;}

#top-menu-bar { position: relative; }
#top-menu { margin-left: 18px; font-family: Helvetica, Arial; }
  #top-menu li {  border: solid 0px blue; line-height: 45px; display: block; font-size: 16px; color: white; 
     text-transform: capitalize; list-style: none; margin: 0; padding: 0; float: left; padding-right: 15px;}
  #top-menu li.selected, #top-menu li.hover { color: #e6674a;}
  #top-menu li.hover a { color: #e6674a; }
  #top-menu li a { color: white; font-weight: normal; text-transform: capitalize; text-decoration: none;}
  #top-menu li a.selected { color: #e6674a; }
  #top-menu li a:hover { color: #e6674a; }

#page { margin: 0px auto 0 auto; border: solid 0px red; text-align: left; }
  
/* content generic */
.content {padding: 0; }
.content h1 { font-family: Helvetica, Arial; color: white; font-size: 24px; font-weight: bold;text-transform: normal; margin-bottom: 10px;}
.content h1 a { color: white; }
.content h2 { font-family: Helvetica, Arial ; color: #980033; font-size: 18px; font-weight: bold;margin-bottom: 5px; }
.content h2 a { color: #980033; }
.content h3 { font-family: Helvetica, Arial; color: #980033; font-size: 16px; font-weight: bold;margin-bottom: 5px; }
.content h3 a { color: #980033; }
.content h4 { font-family: Helvetica, Arial ; color: #980033; font-size: 14px; font-weight: normal;margin-bottom: 5px; }
.content h4 a { color: #980033; }
.content p { margin-bottom: 10px; line-height: 20px; }
.content ul, .content ol { list-style-type: disc; margin-left: 10px; }
.content ul li, .content ol li { margin-left: 10px; }
.content a { color: #980033; }
.content .caption { padding: 5px; font-family: Arial; font-size: 12px; font-style: italic; }

.error-box { color: #FF7D00; background-color: #Fdd; border: solid 1px #FF7D00; padding: 10px; margin: 10px 0;}
.info-box { color: #0A0; background-color: #dFd; border: solid 1px #0A0; padding: 10px;  margin: 10px 0;}

.highlight { background-color: Yellow; }
.readmore, .reamore a { font-family: Arial;  padding: 0px 5px; text-transform: lowercase; font-size: .9em; }

.col-large { width: 598px; border: solid 0px white; overflow: hidden;}	
.col-small { width: 300px; border: solid 0px white; color: White; overflow: hidden;}
.col-left { float: left; margin-right: 0px;}
.col-right { float: right; }
.col-full { width: 898px; overflow: hidden;}

.col-left .shade { background: url(bg-left-shade.png) repeat-x top center; padding-bottom: 10px; }
.col-left .ruler { background: url(bullet-light.png) repeat-x top center; height: 5px; margin-bottom: 5px;}
.col-left .readmore , .col-left .readmore a {color: #980033; }
.col-left .date { font-family: Helvetica, Arial; color: #777; font-size: 14px; }

.col-right .shade { background: url(bg-right-shade.png) repeat-x top center; padding-top: 20px; }
.col-right .ruler { background: url(bullet-dark.png) repeat-x top center; height: 5px; margin: 0 10px; margin-bottom: 10px;}
.col-right .readmore , .col-right .readmore a {color: #ffe99d;  }
.col-right .date { font-family: Helvetica, Arial; color: #ffe99d; }


/* slideshow pager */
.slideshow-pager { padding: 0 10px; }
.slideshow-pager a img { border: solid 2px white; margin-right: 2px; }
.slideshow-pager a.activeSlide img { border: solid 2px #251400; }

/* most pages */
.main-box { }
.main-box-top { width: 600px; height: 23px; background: url(bg-main-box-top.png) no-repeat bottom center; }
.main-box-middle { width: 600px; background: url(bg-main-box-middle.png) repeat-y top center; }
.main-box-bottom { width: 600px; height: 23px; background: url(bg-main-box-bottom.png) no-repeat top center; }
.main-box .inner-box { margin: 0px 19px 0px 19px; border: solid 0px white; overflow: hidden; }
.main-box .inner { padding: 1px 30px; } /* padding 1px is required to prevent bottom gap */
.main-box .inner .cell-1 { }
.main-box .inner .cell-spacer { background: url(bullet-light.png) repeat-y top center; width: 20px;}
.main-box .inner .cell-2 { }
.main-box .category,.main-box .category a { font-size: 18px; font-family: Helvetica, , Arial; font-weight: bold; }
.main-box h1, .main-box h1 a { color: #980033; }
.main-box h2, .main-box h2 a { font-family: Helvetica, Arial; color: Black; font-size: 20px;} /* no change */
.main-box h2.title, .main-box h2.title a { font-family: Helvetica, Arial ; color: #980033; } /* no change */
.main-box h3, .main-box h3 a { font-family: Helvetica, Arial; color: Black; }
.main-box h3, .main-box h3 a { font-family: Helvetica, Arial; color: Black; }

.full-box {width: 898px; margin: auto;}
.full-box-top { width: 898px; height: 23px; background: url(bg-full-box-top.png) no-repeat bottom left; }
.full-box-middle { width: 898px; background: url(bg-full-box-middle.png) repeat-y top center; }
.full-box-bottom { width: 898px; height: 23px; background: url(bg-full-box-bottom.png) no-repeat top center; }

.side-box { margin-bottom: 5px; color: #ffe99d;}
.side-box a { color: #FF7D00; }
.side-box h2 { color: white; text-transform: uppercase;}
.side-box h2 a { color: white;}
.side-box h3 { font-size: 18px; color: white; font-weight: normal;}
.side-box h3 a { color: white; font-family: Helvetica, Arial; }
.side-box .inner { padding: 0px 25px 0px 15px; }
.side-box img { border: solid 3px white; }
.side-box table { width: 295px; }

#related-articles {
  margin: 15px;
  padding: 10px;
  border: 3px solid #94263F;
  border-radius: 7px;
  background: #CBCBCB;
}
#related-articles h2 {
  color: #980033;
}
#related-articles ul {
  margin-left: 10px;
}
#related-articles ul li {
  margin-left: 10px;
}

.recall-box {margin-bottom: 15px; padding-left: 16px;color: #555555 }
.recall-box-top { width: 268px; height: 9px; background: url(bg-recall-box-top.png) no-repeat bottom center; }
.recall-box-middle { width: 268px; background: url(bg-recall-box-middle.png) repeat-y top center; }
.recall-box-bottom { width: 268px; height: 9px; background: url(bg-recall-box-bottom.png) no-repeat top center; }
.recall-box .inner { padding: 1px 10px; } /* padding 1px is required to prevent bottom gap */
.recall-box h2 {text-transform: uppercase; }

/* gallery */
.gallery { margin-bottom: 10px; }
.gallery ul { list-style-type: none; }
.gallery a { text-decoration: none; }
.gallery a:hover { color: white; }
.gallery .controls a { padding: 2px; }
.gallery .ss-controls {float: left; font-size: .8em; padding: 0 5px;}
.gallery .nav-controls {float: right; margin-left: 10px; font-size: .8em; }
.gallery .nav-controls > a { padding: 0 5px;}
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }

/* forms */
.form-box { color: black; padding: 10px; }
.form-box .ui-form-textarea { font-family: Arial; width: 350px; }
.form-box .ui-form-text, input[type=textbox] { }
.form-box .ui-form-submit, input[type=submit] { padding: 0 10px; font-weight: bold; text-transform: capitalize;}
.form-box .ui-form-submit-img { margin-left: -5px; }
.form-box .ui-form-cell-label { width: 100px; }
.form-box .ui-form-checkbox-container { padding-left: 100px; }
.form-box .ui-form-label { min-width: 140px; }

.side-box .ui-form-textarea { font-family: Arial; width: 245px; }
.side-box .ui-form-text, input[type=textbox] { }
.side-box .ui-form-submit, input[type=submit] { padding: 0 10px; font-weight: bold; text-transform: capitalize;}
.side-box .ui-form-submit-img { margin-left: -5px; }
.side-box .ui-form-cell-label { width: 100px; }
.side-box .ui-form-checkbox-container { padding-left: 100px; }
.side-box .ui-form-label { min-width: 200px; }

/* bottom box */
#bottom-menu-list { color: White;  overflow: hidden; padding: 20px; }
#bottom-menu-list a {color: white;}
#bottom-menu-list table { width: 70%; margin: 0 auto; }
#bottom-menu-list .spacer { width: 50px;}
#bottom-menu-list .border-right { border-right: solid 1px white; }
#bottom-menu-list .bottom-menu-box { padding: 0 10px; }
#bottom-menu-list .bottom-menu-box ul {list-style-type: circle; margin-left: 10px; padding-left: 10px; }
#bottom-menu-list .bottom-menu-box ul a {color: White;}

/* shopping cart */
.checkout .cart-button {cursor: pointer; color: white; font-size: 16px; font-weight: bold; text-transform: uppercase;
                         background: url(bg-cart-button.png) no-repeat center center; 
                         text-align: center; width: 178px; height: 50px; line-height: 46px;}
.checkout form { }
.checkout .ui-label { width: 200px; vertical-align: top; padding: 2px 0;}
.checkout #ui-cart-shipping-comment { width: 400px; height: 100px;}

/* calendar */
#calendar {}
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; border-bottom: 1px solid #F5F2EF;}
#calendar thead th {padding: 5px 0; text-align: center;border-top: 1px solid #F5F2EF;border-left: 1px solid #F5F2EF;background: #666; color: #fff;}
#calendar tbody td {padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF;  border-left: 1px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active 
  {font-weight: bold; text-decoration: underline;}
#calendar tfoot #next { text-align: right;}
#calendar #today {  background: #E7F1E1;}

/* event search box */
#event-search { padding: 5px 10px; }
.ui-event-search-item { padding-left: 18px; }
.ui-event-search-all-region, .ui-event-search-all-category { padding-left: 0px; }
.ui-event-search-item label { padding-left: 5px; }
.ui-event-input-date-from,.ui-event-input-date-to { width: 80px; }

/* directory search box */
#directory-search { padding: 5px 10px; }
.ui-directory-search-item { padding-left: 18px; }
.ui-directory-search-all-region, .ui-directory-search-all-category { padding-left: 0px; }
.ui-directory-search-item label { padding-left: 5px; }