/*======================================
CIVIC SEATING STYLESHEET
--------------------------------------      
Copyright James Lay
Author: James Lay
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- Green #008394
- Red #89052a89052a
- Light Grey #cfc4c4
- Medium Grey #928b8d
- Dark Grey #606060
\**************************************/

/* MEYER RESET v1.0*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}


/**************************************/
/*              GLOBALS               */
/**************************************/

html {background-color: #008394;background-image: url(../images/bg_tile.jpg);background-repeat: repeat;}
body {background-image: url(../images/body_bg_tile.jpg);background-repeat: repeat-x;}

/**************************************/
/*              TYPOGRAPHY               */
/**************************************/

/*         BASIC TYPOGRAPHY          */

html { font-size: 62.5%; font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,sans-serif;  }
body{ margin: 0; }
strong { font-weight: bold; }
h1 { font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,sans-serif; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* CUSTOM TYPOGRAPHY */

h1, h2, h3, h4, h5, p { margin: 10px; padding: 10px;}
h1 { color: white; font-size: 2.2em; line-height: 1.5em; word-spacing: .05em; letter-spacing: .03em; font-weight: normal;}
h2 { font-weight: bold; font-size: 1.3em; }
h3 { font-size: 1.5em; line-height: 1em; word-spacing: .04em; letter-spacing: .03em; font-weight: bold; padding-bottom: 0px;}
h4 { font-size: 1.2em; line-height: .5em; font-weight: bold ; padding-bottom: 0px;}
h5 { padding: 3px 0 0 10px; font-size: 1.2em; line-height: .5em; font-weight: Normal ; padding-bottom: 0px; color: #fff; }

p { font-size: 1.2em; line-height: 1.4em; padding: 0 10px 0 10px;}
.bnertxt h3 { color: white; font-size: 1.3em; line-height: 1.5em; font-weight: normal; font-style: normal; margin-left: 20px; padding: 0;}
.bnertxt h1 { color: white; font-size: 2em; line-height: 1.5em; font-weight: normal; font-style: normal; margin-left: 20px; padding: 0;}




/**************************************/
/*             NAVIGATION             */
/**************************************/

/* Root = Vertical, Secondary = Vertical */

ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul {margin: 0;border: 0 none;padding: 0;width: 219px; /*For KHTML*/list-style: none; z-index: 5; }
ul#navmenu-v:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/ position: relative;}
/* Root Menu */
ul#navmenu-v a { border-bottom: 1px solid #FFF; padding: 4px 0 2px  10px; display: block; background: #cfc4c4; color: #666;; text-decoration: none; height: auto !important; height: 1%; text-transform: uppercase; line-height: 1.9em; font-size: 1.3em; letter-spacing: .1em; }
/* Root Menu Hover Persistence */
ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a {  background: #606060;  color: #FFF;}

/* 2nd Menu */ ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a {  background: #a09797;  color: white; line-height: 1.9em; font-size: 1.3em; letter-spacing: 0em; text-transform: capitalize; border-right: solid 1px #FFF; }
/* 2nd Menu Hover Persistence */
#navmenu-v li ul li.litop a { border-top: solid 1px #FFF; }
ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #666; color: #FFF;}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { background: #EEE; color: #666;}
/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF;}
ul#navmenu-v ul,ul#navmenu-v ul ul,ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; left: 220px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display: none;}
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul {  display: block;}

/*Site Map Styling*/

ul#siteM { margin: 0;border: 0 none; padding: 0; /*For KHTML*/list-style: none;}
ul#siteM a{  padding: 0 20px; display: block; color: black;; text-decoration: none; height: auto !important; height: 1%; text-transform: capitalize; line-height: 1.5em; font-size: 1.2em; text-decoration: underline; }
ul#sm_sub { padding: 0 20px; list-style-type: none; }
ul#sm_sub a{ color: #666; }
ul#siteM a:hover, ul#siteM li:hover a, ul#siteM li.iehover a { color: #FFF;}
.last{ margin-bottom: 10px}
#siteM li.categories a { text-decoration: none; }

/**************************************/
/*        MAIN CONTENT GRIDS          */
/**************************************/

#content {width: 820px;margin: 20px auto 0;}
div.span-1, div.span-1a, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.pageTitle, div.contentContainer, div.popUp-lrgImg, .popUp-smlImg {float:left; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.pageTitle {border-top: 1px solid white; border-right: 1px solid white; display: inline;}
.pageTitle {width:50px; height: 440px; background-color: #89052a; }
.topLogo { margin: 0 0 0 270px;width:219px; height: 99px; border-left: 1px solid white; border-right: 1px solid white; }
.contentContainer { width: 880px; float: left; display: inline;}

/*Common box divs*/
.span-1 {width:219px; height: 219px; background-color: #cfc4c4; display: inline;}
.span-1a {width:219px; height: 439px; background-color: #cfc4c4; }
.span-2 {width:659px; height: 219px; background-color: #cfc4c4; }
.span-2a {width:659px; height: 439px; background-color: #cfc4c4; }
.flashcontent { width:659px; height: 439px; }

/*Page Content divs*/
.span-3 {width:659px; height: 219px; background-color: #89052a; }
.span-4 {width:659px; background-color: #cfc4c4; }

button.primaryAction { margin: 20px 0; }
.span-5 {width:659px; height: 439px; background-color: #cfc4c4; }

/*Body Image divs*/
.span-6 {width:219px;}
.span-7 {width:219px; height: 219px; }
.span-8 {width:600px; height: 440px; background-color: #fff; }
.span-9 {width:600px; height: 30px; background-color: #89052a; }
.span-10 {width:219px; height: 410px;}
.span-11 {width:381px; height: 219px;}
.span-12 { width:670px; margin-left: 220px;}
.span-13 { width:659px; height: 659px; float: left; }
.span-14 { width: 659px; float: left; background-color: #cfc4c4; }
.span-15 {width:659px; height: 440px; background-color: #cfc4c4; float: left;}
.span-16 {width:219px; height: 219px; clear: both; margin-left: 50px;}
.span-16 a{ background-image: url(../images/bbq_promo/freeWeber_220px.jpg); }
.span-16 a:focus, a:hover { background-image: url(../images/bbq_promo/freeWeber_220px_over.jpg); }
.popUp-lrgImg {width:219px; height: 219px;}
.popUp-smlImg {width:109px; height: 110px; background-color: white; }

/*Extra*/

.clear {clear:both;}
.rightline { border-right: 1px solid white; }
.leftline { border-left: 1px solid white; }
.greyLine { border-bottom: 1px solid silver; border-right: 1px solid silver; }
.noTopLine {border-top: 1px solid white;}
.push-1 {height: 439px; margin-left: 220px;}
.push-2 {height: 219px;}
.push-3 {height: 659px; margin-left: 220px;}
.marg-1 { margin-left:220px; }
.push-4 { height: 659px; background-color: transparent; }
.slider p {position: absolute; margin:0; z-index:2; padding:0; color: white;width: 109px;height: 110px;/*margin-top: 111px;*/text-align: center;opacity:.7; display: none; clear: none; font-size: 1em; line-height: 1.4em; background-image: url(../images/more_info_btn.png); font-weight: bold; }
.slider p span { padding:5px; display:block; }
.slider a { text-decoration: none;}
.sub-header {background-color: #606060; color: white; text-align: left; }

/**************************************/
/*               FOOTER               */
/**************************************/

#terms, #disclaimer, #siteMap {width:210px;float:left; padding: 200px 0 0 10px;}
.footer  {width: 820px; margin-left:270px; font-size: 1em;}
.footer a {color: #003e47; text-decoration: none; text-transform: uppercase; }
.footer a:focus, a:hover {color: #ebebeb;}