@charset "utf-8"; /*Revised 12/30/11*/ * { margin: 0pt auto; padding: 0; list-style-position: inside; } html, body { color: #D6D6D6; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1em; background: #FFF url(css_images/background.jpg) top center no-repeat;/*#FFEDB0*/ height:100%; } img { border-style: none;/*prevents blue borders around images in IE*/ } a { color:#222B51; } a:hover { color: #8A4500; } form a{/*specifies link properties for the search form. Replace with image eventually?*/ font-weight:bold; color:#FFF; text-decoration: none; } form a:hover { color:#808080; } form .searchform {/*puts the word "search" to the right of the form instead of stacking*/ display: inline; } h1 {/*used on the headlines*/ font-size: 3.0em; color:#202a33;/*dark navy blue*/ margin-bottom: .25em; } h2 {/*item headlines*/ font-size: 1.4em; color:#000; margin-bottom: .5em; } h2 a { color:#222B51;/*link style - should change this eventually to stand out more*/ } h3 {/*small sub-headings*/ font-size:.75em; color:#202a33;/*dark navy blue*/ margin-bottom: .5em; } h4 { /*Footer Heading Style*/ font-size: 1.4em; color:#FFF; } h5 { /*special offer font!!! (prices, discounts, etc) in the content sections */ color:#FF0000; font-size: 1.2em; margin-bottom: .5em; } h6 { /*for the social networking box*/ color:#FFFFFF; font:italic; font-size:.75em; } p,cite,code { font-size: 1em; margin-bottom: 1em; } .clearer { clear: both; } .rounded { /*rounds the corners of divs*/ behavior: url(scripts/PIE.htc); border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#FFFFFF; position:relative; } .shadow { -moz-box-shadow: 0 0 5px #000;/*shadow*/ -webkit-box-shadow: 0 0 5px#000; box-shadow: 0 0 5px #000; behavior: url(scripts/PIE.htc); } /***************************************/ /*************** Header ****************/ /***************************************/ #header { height: 180px; background-image:url(css_images/header_background.gif); position: relative;/*This and z index puts it on top of the menu */ z-index: 100; } #soc_net { height: 25px; padding: 5px; margin-right: 10px; float:right; postition:relative; } #search { height: 25px; padding: 5px; float: right; position: relative: } #header .inner { height: 180px; width: 950px; } #header_left { width: 450px; height: 145px; float: left; position: relative; padding-top: 35px; } #header_left h1 a { font-size: 0.82em; color:#FFF;/*dark navy blue*/ font-family:"Times New Roman", Times, serif; text-decoration: none; } #header_right { width: 400px; margin-top:100px; float: right; position: relative; text-align: right; } /***************************************/ /*************** Navbar ****************/ /***************************************/ #nav { text-align: right; font-size: 1.0em; } #nav li { display: inline; font-weight: bold; line-height: 35px; } #nav li a { text-decoration: none; color: #FFF; padding: 0px 10px 0px 10px; } #nav li a:hover { color: #808080; } #nav li a.on { color:#CCCCCC; } /***************************************/ /*************** Page ******************/ /***************************************/ #page {/*everything below the header*/ width: 950px; } /***************************************/ /********* Sidebar 182px ***************/ /***************************************/ #menu { float:left; width: 182px; font-size: 1.25em; background-color:#CEB175; -webkit-border-radius: 0px 0px 10px 10px;/*rounded corners*/ -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; behavior: url(scripts/PIE.htc); position: relative;/*This and the z-index properties allow pie.htc to display the backgrounds correctly in ie8*/ } #menu ul {/*must not be position: relative, or will force the menu items to bounce around*/ margin: 0px; padding: 0px; z-index:75; /*puts the menu on top of the content in firefox*/ } ul.top-level { /*background:#CEB175; */ } #menu li { list-style: none; position: relative;/*This and the z-index properties allow pie.htc to display the backgrounds correctly in ie8*/ z-index:75; /*puts the menu on top of the content*/ } ul.top-level li { /*border-bottom: #000 solid; border-top: #000 solid; border-width: 1px;*/ } #menu a { color: #202a33; display:block; line-height: 1.5em; text-indent: 10px; text-decoration:none; width:100%; } #menu a:hover{ /*The top hover state (as opposed to when you are hovering the sub-list)*/ color:#202a33; } #menu li:hover { position: relative; } #menu li:hover a{ /*this makes it so that when you are hovering on sub-lists, the top still hovers*/ color:#202a33; /*background: #9c8658;*/ background-color:#b2d7b6; } #menu li:hover ul a{ /*however, the above rule makes everything under follow the same - this undoes that*/ color:#202a33; background: #CEB175; } #menu li:hover ul li a:hover{ /* Now we can apply individual stylings to the sub-list items */ background:#b2d7b6; color:#202a33; } ul.sub-level { /*hides the sub-levels*/ display: none; } li:hover .sub-level { /*rules for sub-levels? */ background:#CEB175; display: block; position: absolute; left: 182px; top: 0px; } ul.sub-level li { border: none; float:left; width:182px; } #menu .sub-level { /*background: #D6A249; */ } /*IE RESET HELPER*/ li:hover .sub-level .sub-level { display:none; } .sub-level li:hover .sub-level { display:block; } #menu .content { /* for the address information and also the curved bottom image*/ text-align: center; color:#000; padding: 25px 0px 15px 0px; } /***************************************/ /*************** Content ***************/ /***************************************/ #content { color:#000; width: 768px; float:left; position:relative;/*This and the z-index properties allow pie.htc to display the backgrounds correctly in ie8*/ z-index: 50; } #main { margin:5px; padding:5px; background-color:#FFF; width:748px; position:relative; behavior: url(scripts/PIE.htc); border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .item { /*use with class .rounded to get round corners in all browsers*/ margin: 5px; padding: 5px; float:left; background-color:#FFF; } .col1 { /*declares width for the masonry javascript*/ width: 748px; } .col2 { width: 364px; } img.floatright { /*floats & resizes images within the content boxes*/ float:right; margin:5px; width:125px; } /***************************************/ /*************** Footer ****************/ /***************************************/ #footer { height: 250px; background: #202A33 url(css_images/footer.gif) repeat-x; text-align: center; padding-top:15px; } #footer .inner { height: 250px; margin: 0 auto; width: 950px; } #footer .inner a { color:#C47409; } #footer .inner a:hover { color: #8A4500; } .footer_column { width: 214px; height: 180px; padding:10px; float: left; position: relative; text-align:center; } #footer ul { list-style:square; text-indent: 10px; text-align:left; } #credentials { /*better business bureau, etc*/ width:100%; height:70px; background:#FFF; } #credentials img { /*controls the spacing between images in the credentials subfooter*/ margin: 5px 20px 5px 20px; } #copyright { width: 100%; text-align: center; color:#999; background:#000; font-size: 10px; height: 50px; line-height: 50px; } /***************************************/ /*************** Footer Menu ***********/ /***************************************/