/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   background: url(../graphics/background_slice.jpg) repeat-x;
   background-color: #fff;
   text-align: center;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 12px;
   line-height: 135%;
   color: #362f2d;
   margin: 0 auto;
   padding: 0;
}

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

h1
{
   background: url(../graphics/gt.gif) no-repeat;
   background-position: 0px 4px;
   font-family: Courier, "Courier New", Verdana, sans-serif;
   font-size: 20px;
   line-height: 20px;
   font-weight: bold;
   color: #0082c0;
   margin: 0px 0px 20px 0px;
   padding: 0px 0px 0px 11px;
}

h2, h3
{
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   color: #362f2d;
   margin: 20px 0px 13px 0px;
   padding: 0px;
}

h3
{
   font-size: 13px;
   line-height: 13px;
   margin: 20px 0px 12px 0px;
}

#pageFrameInner .sidebar h2
{
   background: url(../graphics/gt.gif) no-repeat;
   background-position: 0px 2px;

   font-family: Courier, "Courier New", Verdana, sans-serif;
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
   color: #b6a400;
   margin: 0px 0px 13px 0px;
   padding: 0px 0px 0px 11px;
}

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

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

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-top: 12px; margin-bottom: 12px; }

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; }

.textColor { color: #e5b336; }

.line
{
   background: url(../graphics/dotted_h.gif) no-repeat;
   height: 3px;
   margin: 25px 0px;
}

* html .line { margin: 25px 0px 15px 0px; }

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

/*--------------------------------------------------
   Content Area - box below header and nav
--------------------------------------------------*/
#pageFrameHome, #pageFrameInner, #pageFrameFull
{
   background: url(../graphics/content_back3.png) repeat-y;
   width: 1025px;
   text-align: center;
   margin: 0px auto;
   padding: 0px;
   overflow: hidden;
}

* html #pageFrameHome, * html #pageFrameInner, * html #pageFrameFull
{
   background: url(../graphics/content_back3.gif) repeat-y;
}

/*------------------------------------------------------------
   Page Layout Blocking
------------------------------------------------------------*/
#header
{
   text-align: left;
   width: 1020px;
   padding-left: 10px;
   overflow: hidden;
}


#homeNav, #storeNav, #mainNav
{
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

#homeNav
{
   background: url(../graphics/home_back.gif) no-repeat;
   margin: 0px 0px 0px 437px;
   padding: 0px;
   width: 310px;
   height: 36px;
   display: inline;
   float: left;
}

#storeNav
{
   background: url(../graphics/store_back.gif) no-repeat;
   margin: 0px 0px 0px 16px;
   padding: 0px;
   width: 237px;
   height: 36px;
   float: left;
}

#logo
{
   width: 763px;
   height: 78px;
   margin: 0px;
   padding: 0px;
   display: inline;
   float: left;
}

/* Weather */
#weather
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   line-height: 11px;
   text-align: right;
   width: 237px;
   height: 78px;
   margin: 0px;
   padding: 16px 0px 0px 0px;
   float: left;
}

#weather #temp 
{
   padding: 10px 0px 0px 10px;
   float: right;
}

#weather #zipContainer
{
   float: right;
   margin: 0px;
   display: none;
}

#weather #zipContainer #zipInput
{ 
   font-size: 11px;
   line-height: 11px;
   height: 18px;
   margin: 0px;
   padding: 0px;
   border: solid 1px #747679;
}

#weather #weatherBlurb { display: inline; }


/* Search */
#navWrapper
{
   width: 763px;
   height: 28px;
   margin: 0px;
   padding: 0px;
   float: left;
}

#search
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   text-align: left;

   margin: 0px;
   padding: 0px;
   width: 237px;
   float: left;
}

#search form 
{ 
   margin: -3px 0px 0px 0px;
   padding: 0px;
   border: 0px;
}

#search table
{
   border: 0px;
   padding: 0px;
   margin: 0px;
   text-align: left;
}

#search #searchInput
{ 
   font-size: 11px;
   line-height: 11px;
   width: 160px;
   height: 18px;
   margin: 0px;
   padding: 0px;
   border: solid 1px #747679;
}

#content
{
   background: url(../graphics/cloud_back3.jpg) no-repeat;
   text-align: left;
   width: 1025px;
   padding-left: 10px;
   overflow: hidden;
}

#pageFrameInner #content, #pageFrameFull #content
{
   min-height: 625px;         /* for all other browsers */
   height: auto !important;   /* for IE6 */
   height: 625px;
   padding-top: 15px;
}

* html #content { overflow: visible; } 

/*------------------------------------------------------------
   Main Navigation
------------------------------------------------------------*/
#homeNav ul, #storeNav ul, #mainNav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

#homeNav ul, #storeNav ul { margin: 10px 0px 0px 20px; }

#homeNav li, #storeNav li, #mainNav li
{
   display: inline;
   margin: 0px;
   padding: 0px;
   float: left;
}

#homeNav a, #storeNav a, #mainNav a
{
   display: block;
   margin: 0px;
   padding: 0px;
}

#homeNav li, #storeNav li { margin-right: 20px; }
#mainNav li { margin-right: 16px; }
#mainNav a img { visibility: hidden }

#homeNav a:link, #homeNav a:visited { color: #0082c0; text-decoration: none; }
#homeNav a:hover, #homeNav a:active { color: #0082c0; text-decoration: underline; }
#homeNav a.selected:link, #homeNav a.selected:visited { text-decoration: underline; }

#storeNav a:link, #storeNav a:visited { color: #362f2d; text-decoration: none; }
#storeNav a:hover, #storeNav a:active { color: #362f2d; text-decoration: underline; }
#storeNav a.selected:link, #storeNav a.selected:visited { text-decoration: underline; }

#mainNav a:link, #mainNav a:visited { color: #0082c0; text-decoration: none; }
#mainNav a:hover, #mainNav a:active { color: #b6a400; text-decoration: none; }
#mainNav a:hover img, #mainNav a:active img { visibility: visible }

#mainNav a.selected:link, #mainNav a.selected:visited { color: #b6a400; }
#mainNav a.selected:link img, #mainNav a.selected:visited img { visibility: visible }

/*------------------------------------------------------------
   Sub Navigation
------------------------------------------------------------*/
#subnav
{
   background: url(../graphics/subnav_back.gif) repeat-y;
   background-color: #e3e5e7;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 12px;
   line-height: 100%;
   font-weight: normal;
   width: 233px;
}

#subnav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 15px 0px 0px 20px;
}

#subnav li
{
   /* display: inline; */
   margin: 0px;
   padding: 0px 0px 13px 0px;
}

#subnav a, #subnav .line
{
   display: block;
   margin: 0px;
   /* padding: 0px 0px 13px 0px; */
}

#subnav a:link, #subnav a:visited { color: #362f2d; text-decoration: none; }
#subnav a:hover, #subnav a:active { color: #0082c0; text-decoration: underline; }
#subnav a.menu1Sel:link, #subnav a.menu1Sel:visited { color: #0082c0; font-weight: bold; }

#subnav a.menu2:link, #subnav a.menu2:visited { color: #362f2d; text-decoration: none; }

#subnav a.menu2:hover, #subnav a.menu2:active 
{ 
   background: url(../graphics/crosshair.gif) no-repeat;
   color: #b6a400; 
   text-decoration: underline; 
}

#subnav a.menu2Sel:link, #subnav a.menu2Sel:visited 
{ 
   background: url(../graphics/crosshair.gif) no-repeat;
   color: #b6a400; 
   font-weight: bold; 
}

/*--------------------------------------------------
   Print, Email, Share icons
--------------------------------------------------*/
#icons
{
   font-family: Arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 100%;

   border: 0px;
   border-collapse: collapse;
   padding: 0px;
   margin: 0px 0px 20px 0px;
   width: 195px;
   float: right;
}

#icons td
{
   margin: 0px;
   padding: 0px;
}

#icons img { margin-right: 5px; margin-left: 10px }

/*--------------------------------------------------
   Control Panel for all layouts except home
--------------------------------------------------*/
#control
{
   position: relative;
   background-color: #e5b336;
   font-size: 11px;
   line-height: 20px;
   margin: 0px;
   padding: 0px 0px 20px 0px;
   width: 233px;
}

#control .H2img { margin-left: 15px; }

#control p, #control ul
{
   margin-left: 25px;
}

#control a:link, #control a:visited { color: #000; text-decoration: none; }
#control a:hover, #control a:active { color: #0082c0; text-decoration: underline; }

#control #horizon { position: absolute; right: -8px; bottom: -15px; }

/*--------------------------------------------------
   1 Column Layout
--------------------------------------------------*/
#pageFrameInner .col1
{
   margin: 0px;
   padding: 0px;
   width: 233px;
   float: left;
   display: inline;  /* for IE6 Margin Bug */
}

#pageFrameInner .col1 #horizon { position: absolute; left: 161px; bottom: 0px; }

#pageFrameInner #colWrapper
{
   background: url(../graphics/col2_back.gif) repeat-y;
   width: 748px;
   margin-left: 19px;
   padding: 0px;
   float: left;
}

#pageFrameInner .col2
{
   margin: 0px;
   padding: 0px 20px 0px 20px;
   width: 708px;
   float: left;
}

#pageFrameInner .sidebar
{
   clear: right;
   background: url(../graphics/dotted_v.gif) repeat-y;
   margin: 0px 0px 30px 20px;
   padding: 0px 0px 30px 20px;
   width: 195px;
   float: right;
}

/*--------------------------------------------------
   Full Page Layout
--------------------------------------------------*/
#pageFrameFull #colWrapper
{
   background: url(../graphics/full_back.gif) repeat-y;
   width: 1000px;
   padding: 0px;
   overflow: hidden;
}

#pageFrameFull .col1
{
   margin: 0px;
   padding: 0px 20px 0px 20px;
   width: 959px;
   float: left;
}

/*------------------------------------------------------------
   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: 10px 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: bold; color: #000; }

/*------------------------------------------------------------
   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
{ 
   font-size: 11px;
   /*
   line-height: 1.4em;
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

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

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

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

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4
{
   border-collapse: collapse;
   border: 0px;
   margin: 20px 0px;
}

/* th */
.table1 th, .table2 th { background-color: #413d32; }    /* Custom */ 
.table1 th { border: solid 1px #413d32; }                /* Custom */ 
.table3 th, .table4 th { color: #362f2d; }               /* Custom */ 

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

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

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

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

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

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

.table1 td
{
   border: solid 1px #ddd;
}

.table2 td
{
   border-bottom: solid 1px #ddd;
}

.table3 td
{
   border: solid 1px #ddd;
}

.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: 5px; }

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#closing
{
   width: 1025px;
   height: 25px;
}

#closing img 
{
   margin-right: 25px;
   float: right; 
}

#footer
{
   background: url(../graphics/footer_back3.gif) repeat-y;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: left;
   color: #363636;
   width: 1025px;
   height: 65px;
   margin: 0px auto;
   padding: 10px 0px 0px 0px;
   overflow: hidden;
}

#footer .col1
{
   display: inline;
   margin: 0px 0px 0px 25px;
   padding: 0px;
   width: 550px;
   float: left;
}

#footer .col2
{
   display: inline;
   background: url(../graphics/social_back.gif) no-repeat;
   margin: 0px;
   padding: 0px;
   width: 336px;
   float: left;
}

#footer .col2 #follow
{
   display: block;
   line-height: 10px;
   margin: 14px 0px 0px 10px;
   float: left;
}

#footer .col3
{
   display: inline;
   margin: 0px;
   padding: 0px;
   width: 100px;
   float: left;
}

#footer a:link, #footer a:visited { color: #362f2d; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #0082c0; text-decoration: underline; }