/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   background-color: #fff;
   text-align: center;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 14px;
   line-height: 142%;
   color: #676f79;
   margin: 0 auto;
   padding: 0;
}

a:link, a:visited { color: #676f79; text-decoration: underline; }
a:hover, a:active { color: #444; text-decoration: underline; }

/* Text - Fonts + Decoration */
h1, h2, h3
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 24px;
   font-weight: bold;
   line-height: 100%;
   color: #40454b;
   margin: 0px 0px 15px 0px;
}

h1
{
   font-weight: normal;
}

h2
{
   font-size: 14px;
   margin: 0px 0px 12px 0px;
}

h3
{
   font-size: 13px;
   margin: 0px 0px 11px 0px;
}

p { margin: 0px 0px 10px 0px; }

p + h2 { margin-top: 15px; }

/* h2 + p, h3 + p { margin-top: 5px; } */

small
{
   font-size: 10px;
   line-height: 120%;
}

img + small { display: block; padding: 5px 0px 10px 0px; color: #666; }
td img + small { padding-bottom: 20px; }

ul { list-style-type: square; }
/* li ul { list-style-type: square; } */

li
{
   line-height: 130%;
   margin: 0px 0px 5px 0px;
   padding: 0px;
}

li ul { margin: 12px 0px 12px 0px; }

img { border: 0px; }
img.icon { border: 0px !important; }

form 
{ 
   border: 0px;
   margin: 0px;
   padding: 0px;
}

hr
{
   background-color: #c1c2c4;
   color: #c1c2c4;
   height: 2px;
   margin: 15px 0px;
   border-width: 0px;
}

.left { float: left; }
.right { float: right; }
.imageLeft { margin: 0px 15px 10px 0px; }
.imageRight { margin: 0px 0px 10px 15px; }

.small { font-size: 85%; }

td.label { font-weight: bold !important; }

.notes { color: #888; }
.twitter-blue { color: #0066a5; }
.twitter-time 
{
   font-size: 10px;
   color: #0066a5;
}

/*
input, textarea
{ 
   font-size: 1.0em; 
   line-height: 1.4em;
   color: #c2bebe;
   background-color: #6d6e75;
}
*/

/*------------------------------------------------------------
   Page Layout Blocking
------------------------------------------------------------*/
#pageFrameHome, #pageFrameCat, #pageFrameFull
#pageFrame2, #pageFrame2L, #pageFrame2R,
#pageFrame3, #pageFrame3L, #pageFrame3R
{
   margin: 0;
}

/*------------------------------------------------------------
   Ecomm Navigation
------------------------------------------------------------*/
#topNavStretch
{
   text-align: center;
   padding: 7px 0px 9px 0px;
   height: 16px;
}

#topNav
{
   border-collapse: collapse;
   border: none;
   font-family: Arial, Tahoma, Geneva, sans-serif;
   font-size: 13px;
   line-height: 100%;
   font-weight: normal;
   text-align: right;
   color: #000;
   margin: 0px auto;
   padding: 0px;
   width: 850px;
   height: 16px;
   border: solid 0px #999;
}

#topNav img { margin: 0px 0px -3px 25px; }

#topNav a:link, #topNav a:visited { color: #676f79; text-decoration: none; }
#topNav a:hover, #topNav a:active { color: #999; text-decoration: underline; }
#topNav a.selected:link, #topNav a.selected:visited { color: #999; }

.print {
   margin-left: 3px;
}

/*------------------------------------------------------------
   Header
------------------------------------------------------------*/
#headerStretch
{
   background: url(../graphics/header_back.jpg) repeat-x;
   text-align: center;
}

#header 
{
   background: url(../graphics/faultless_header.jpg) repeat-x;
   background-position: top right;
   text-align: left;
   height: 212px;
   margin: 0px auto;
   padding: 0px;
   width: 850px;
   overflow: hidden;
}

/* Search Box */
#search
{
   float: right;
   margin: 0px;
   padding: 0px;
}

#search table
{
   border-collapse: collapse;
   border: none;
   padding: 0px;
   margin: 0px;
   background-color: #41191a;
}

#search table td { padding: 4px; }

#search #label 
{
   font-size: 11px;
   padding: 4px 5px 4px 8px;
   color: #fff;
}

#search input
{ 
   font-size: 11px;
   line-height: 12px;
   margin: 0px;
   padding: 1px 3px;
   width: 155px;
}

/*------------------------------------------------------------
   Nav Bar
------------------------------------------------------------*/
#navStretch
{
   background-color: #8d2c30;
   text-align: center;
   height: 22px;
}

#nav
{
   font-family: arial, verdana, tahoma, geneva, sans-serif;
   font-size: 12px;
   line-height: 100%;
   text-transform: uppercase;
   list-style: none;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 850px;
   height: 22px;
}

#nav li
{
   text-align: left;
   margin: 0px;
   padding: 0px;
   height: 22px;
   float: left;
   color: #fff;
}

#nav .bar { padding: 6px 0px 0px 0px; }

#nav li a
{
   display: block;
   margin: 0px;
   padding: 5px 25px 3px 25px;
   float: left;
   height: 22px;
   float: left;
}

#nav li:hover
{ 
   background-color: #af6b6e;
}

#nav .menu1Sel { background-color: #af6b6e; }

#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a:active { color: #fff; text-decoration: none; }
#nav .menu1Sel a:link, #nav .menu1Sel a:visited { color: #fff; font-weight: bold; }

/*--------------------------------------------------
   Left Subnav
--------------------------------------------------*/
#subnav
{
   list-style-type: none;
   margin: 0px;
   padding: 0px 0px 60px 0px;
}

#subnav li
{
   background: url(../graphics/side_back.jpg) repeat-y;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #676f79;
   margin: 0px;
   border-bottom: solid 0px #fff;
}

#subnav .menu1:hover, 
#subnav .menu1Sel:hover,
#subnav .menu2
{ 
   cursor: pointer;
}

#subnav  .menu1 {
   border-top: solid 1px #fff;
}
#subnav .menu1Sel {
   border-top: solid 1px #fff;
}

#subnav .menu2, #subnav .menu2Sel
{
   border-bottom: solid 0px #fff;
}

#subnav .menu2:hover, #subnav .menu2Sel
{ 
   background: url("../graphics/sub_arrow.gif") no-repeat;
   background-position: 15px 10px;
   background-color: #eee; 
   color: #660549; 
   cursor: pointer;
}

#subnav a
{ 
   display: block; 
   padding: 10px 10px 10px 18px;
   border: solid 0px #999;
}

#subnav .menuHelp
{
   float: right;
   padding: 4px 15px 4px 15px;
}

.menu-help-desc {
   display: none;
   position: absolute;
   border: 2px solid #bed0de;
   padding: 8px 15px 8px 15px;
   background-color: #e6edf0;
   color: #676f79;
   width: 500px;
   -moz-box-shadow: 1px 1px 5px #000;
   -webkit-box-shadow: 1px 1px 5px #000;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#subnav .menu2 a, #subnav .menu2Sel a { padding-top: 7px; padding-bottom: 7px; }

#subnav a:link, #subnav a:visited { color: #676f79; text-decoration: none; }

#subnav a:hover { color: #444; text-decoration: none; font-weight: bold; }
#subnav a:active { color: #444; text-decoration: none; font-weight: bold; }

#subnav .menu1 a, #subnav .menu1Sel a { padding-left: 15px; width: 195px; }
#subnav .menu2 a, #subnav .menu2Sel a { padding-left: 30px; width: 180px; }

#subnav .menu1Sel a:link, #subnav .menu1Sel a:visited { color: #444; font-weight: bold; }
#subnav .menu2Sel a:link, #subnav .menu2Sel a:visited { color: #444; }

/*--------------------------------------------------
   Icons
--------------------------------------------------*/
#icons
{
   font-family: Arial, Tahoma, Geneva, sans-serif;
   font-size: 12px;
   text-align: right;
   padding: 0px 0px 15px 0px;
   margin: 0px auto;
   /* background-color: #eee; */
   width: 850px;
}

#icons img { margin: 0px 0px 0px 25px; }

#icons a:link, #icons a:visited { color: #660549; text-decoration: none; }
#icons a:hover, #icons a:active { color: #660549; text-decoration: underline; }

/*--------------------------------------------------
   Content Area - box below header and nav
--------------------------------------------------*/
#contentStretch
{
   clear: left;
   background-color: #fff;
   text-align: center;
}

#content
{
   text-align: left;
   margin: 0px auto 0px auto;
   padding: 50px 0px 35px 0px;
   min-height: 475px;         /* for all other browsers */
   height: auto !important;   /* for IE6 */
   height: 400px;
   width: 850px;
   overflow: auto;
}

#pageFrameHome #content { overflow: visible; }

* html #content { overflow: visible; }

/*--------------------------------------------------
   Home page layout
--------------------------------------------------*/
#pageFrameHome #col1
{
   margin: 0;
   padding-left: 10px;
   width: 575px;
   display: inline;  /* for IE6 Margin Bug */
   float: left;
}

#searchBox
{
   background-color: #d5e0e7;
   font-size: 12px;
   margin: 0;
   width: 565px;
   height: 245px;
}

#searchBoxNav
{
   font-family: arial, verdana, tahoma, geneva, sans-serif;
   font-size: 12px;
   line-height: 100%;
   text-transform: uppercase;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 565px;
   height: 22px;
}

#searchBoxNav li
{
   text-align: left;
   margin: 0;
   padding: 0;
   float: left;
   height: 22px;
}

#searchBoxNav li a
{
   display: block;
   margin: 0 4px 0 0;
   padding: 6px 10px 6px 10px;
   height: 10px;
   float: left;
   background-color: #edf3f6;
   float: left;
}

#searchBoxNav a:link, #searchBoxNav a:visited { color: #4e7e9b; text-decoration: none; }
#searchBoxNav a:hover, #searchBoxNav a:active { background-color: #d5e0e7; color: #831519; text-decoration: none; }

#searchBox 
{
   position: relative;
   margin-bottom: 20px;
}

#searchBox .search-description 
{
   position: relative;
   top: 0;
   left: 0;
   display: none;
}

.search-description img 
{
   position: absolute;
   top: 0px;
   left: -79px;
   z-index: 0;
}

.search-description .description 
{
   position: absolute;
   top: 30px;
   right: 0px;
   z-index: 1;
   width: 180px;
   color: #676f79;
}

.search-description .description h2 
{
   font-family: "Arial", san-serif;
   color: #676f79;
   font-size: 15px;
   padding: 0;
   margin-bottom: 8px;
}

.search-description .description p 
{
   margin: 0 0 10px 15px;
}

.search-description .description ul 
{
   margin: 0 0 10px 30px;
   padding: 0;
}

.search-description .description li 
{
   font-family: "Arial", san-serif;
   list-style-type: disc;
   margin: 0;
   padding-bottom: 5px;
}

.search-description .description .button 
{
   position: static;
   margin-top: 5px;
}

/* ie6 won't behave with z-index so the buttons are pushed over instead */ 
* html .search-description .description .button1 { margin-left: 0px; }
* html .search-description .description .button { margin-right: 2px; }

#twitter-feed 
{
   margin-top: 60px;
   width: 565px;
}

#twitter-feed p 
{
   font-size: 12px;
   margin-left: 40px;
}


#pageFrameHome #col2
{
   font-size: 12px;
   margin: 0;
   padding: 0;
   width: 222px;
   float: right;
}

#pageFrameHome .infoBox
{
   background: url(../graphics/side_back.jpg) repeat-y;
   font-size: 12px;
   margin: 0px;
   padding: 10px 10px 10px 15px;
   width: 197px;
   border-bottom: solid 1px #fff;
}

#pageFrameHome .infoBox .imageLeft { margin-bottom: 0px; }
#pageFrameHome .infoBox p:first-child { padding: 0px; margin: 0px; }
#pageFrameHome .infoBox .imageLeft { margin: 0px 8px 8px 0px; }

/*--------------------------------------------------
   2 & 3 Region Layout
--------------------------------------------------*/
#pageFrame3 #row1
{
   margin: 0px;
   padding: 0px;
   width: 850px;
}

#pageFrame2 #col1,
#pageFrame3 #col1
{
   margin: 0px;
   padding: 0px;
   width: 400px;
   float: left;
   display: inline;  /* for IE6 Margin Bug */
}

#pageFrame2 #col2,
#pageFrame3 #col2
{
   margin: 0px 25px 0px 0px;
   padding: 0px;
   width: 400px;
   float: right;
   display: inline;  /* for IE6 Margin Bug */
}

/*--------------------------------------------------
   2 & 3 Region Left Layout
--------------------------------------------------*/
#pageFrame3L #row1
{
   margin: 0px;
   padding: 0px;
   width: 850px;
}

#pageFrame2L #col1,
#pageFrame3L #col1
{
   margin: 0px;
   padding: 0px;
   width: 545px;
   float: left;
   display: inline;  /* for IE6 Margin Bug */
}

#pageFrame2L #col2,
#pageFrame3L #col2
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 260px;
   float: right;
   display: inline;  /* for IE6 Margin Bug */
}

/*--------------------------------------------------
   3 Region Right Layout
--------------------------------------------------*/
#pageFrame3R #row1
{
   margin: 0px;
   padding: 0px;
   width: 850px;
}

#pageFrame2R #col1,
#pageFrame3R #col1
{
   margin: 0px;
   padding: 0px;
   width: 215px;
   float: left;
   display: inline;  /* for IE6 Margin Bug */
}

#pageFrame2R #col2,
#pageFrame3R #col2
{
   margin: 0px;
   padding: 0px;
   width: 585px;
   float: right;
   display: inline;  /* for IE6 Margin Bug */
}

/*--------------------------------------------------
   Catalog Layout
--------------------------------------------------*/
#pageFrameCat #col1
{
   margin: 0px;
   padding: 0px 0px;
   width: 215px;
   float: left;
   display: inline;  /* for IE6 Margin Bug */
}

#pageFrameCat #col2
{
   border: solid 0px #999;
   margin: 0px;
   padding: 0px;
   width: 605px;
   float: right;
}

/*--------------------------------------------------
   Full Page Layout
--------------------------------------------------*/
#pageFrameFull #col1
{
   margin: 0px;
   padding: 0px;
   width: 800px;
   border: solid 0px #000;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

ul.newsSummary li, ul#newsList li
{
   list-style-image: none;
}

.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li img { margin: 0px 15px 10px 0px; }

.newsSummary .date, #newsList .date { font-weight: bold; }

.searchSummary
{
   font-size: 12px;
   line-height: 140%;
}

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: normal; }

/*------------------------------------------------------------
   Content Type - Gallery
------------------------------------------------------------*/
.gallery
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

.gallery .thumbMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin-bottom: 6px;
}

.gallery .largeMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin: 6px 0px 6px 0px;
}

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/
.inputForm
{

}

.inputForm table
{
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm input, .inputForm textarea, .inputForm select
{ 
   font-size: 12px;
   /*
   line-height: 1.4em;
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

.inputForm td 
{ 
   font-size: 12px; 
   color: #676f79;
   padding: 0px 3px 3px 0px;
}

.inputForm .label 
{ 
   font-size: 12px;
   font-weight: bold;
   color: #676f79; 
}

.inputForm .required 
{ 
   color: #b40f27;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4
{
   font-family: arial, verdana, tahoma, geneva, sans-serif;
   font-size: 13px;
   border-collapse: collapse;
   border: 0px;
   margin: 20px 0px;
}

/* th */
.table1 th, .table2 th { background-color: #bed0dd; }    /* Custom */ 
.table1 th { border: solid 1px #ddd; }                /* Custom */ 
.table3 th, .table4 th { color: #40454; }               /* Custom */ 

.table1 th, .table2 th, .table3 th, .table4 th
{
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;
}

.table1 th, .table2 th
{
   font-size: 13px;
   color: #fff;
   padding: 3px 8px;
}

.table3 th
{ 
   border: solid 1px #fff;
   font-size: 12px;
   padding: 4px 8px;
}

.table4 th 
{ 
   font-size: 12px;
   padding: 2px 2px 2px 0px;
}

/* td */
.table1 .highlight td { background-color: #eee; }
.table3 .highlight td { background-color: #eee; }

.table1 td, .table2 td, .table3 td, .table4 td
{
   vertical-align: top;
   font-size: 13px;
   padding: 4px 8px;
}

.table1 td
{
   background-color: #fff;
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table2 td
{
   background-color: #fff;
   border-top: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table3 td
{
   border-left: solid 1px #fff;
   border-right: solid 1px #fff;
   border-bottom: solid 1px #fff;
}

.table4 td
{
   padding: 2px 2px 2px 0px;
}

caption
{ 
   caption-side: bottom; 
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   padding: 6px 6px 0px 6px;
   color: #000;
}

h2 + .table1, h2 + .table2, h2 + .table3, h2 + .table4
{
   margin-top: 10px;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footerStretch
{
   background-color: #e6edf0;
   text-align: center;
}

#footer
{
   font-family: arial, verdana, tahoma, geneva, sans-serif;
   font-size: 11px;
   text-align: left;
   line-height: 100%;
   margin: 0px auto;
   padding: 6px 0px;
   width: 850px;
   height: 10px;
}

#footer #footerLeft
{
   display: inline;
   padding-left: 25px;
   float: left;
   /* width: 400px; */
}

#footer #footerRight 
{ 
   display: inline;
   text-align: right;
   padding-right: 25px;
   float: right; 
   /* width: 250px; */
}

#footer2Stretch
{
   background: url(../graphics/footer_back.jpg) no-repeat;
   background-position: top center;
   background-color: #c92127;
   height: 40px;
}

#footer a:link, #footer a:visited { color: #4e7e9b; text-decoration: none; }
#footer a:hover, #footer a:active { color: #4e7e9b; text-decoration: underline; }