/*reset css*/ * {-webkit-text-size-adjust:none;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; } table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0; outline: none;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } ol,ul {list-style:none; } caption,th {text-align:left; } h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } q:before,q:after {content:'';} abbr,acronym {border:0; } a {color: #1a171b; outline: none; text-decoration: none;} /*page layout*/ body {color: #1a171b; font-family: Georgia, Times, serif; background: url(i/background.gif) transparent repeat-x center 20px;} #container {width: 1020px; margin: 0 auto 20px auto; padding-top: 20px;} #header {height: 120px; overflow: hidden;} #header img {display: block; margin: 0 10px;} #header ul.menu {font-size: 11px; line-height: 20px; text-align: center;} #header ul.menu li {display: inline; padding: 0 5px;} #header ul.menu li a {text-decoration: none;} #header ul.menu li a:hover {text-decoration: underline;} #header ul.menu li a.active {color: #2c7a22;} /* #header ul.menu li a.facebook {color: #3B5998; font-weight: bold; font-style: italic;} */ #content {background: #fff; padding: 20px 10px 0 10px;} #content ul.boxes {overflow: hidden; zoom: 1;} #content ul.boxes li {width: 230px; height: 300px; margin: 0 10px 0px 10px; float: left; padding-bottom: 20px; text-align: center;} #content ul.boxes li a {text-decoration: none; color: black;} #content ul.boxes li div.row1 {height: 239px; border: 1px solid #1a171b;; border-bottom-width: 0px;} #content ul.boxes li div.dotted {border-style: dotted;} #content ul.boxes li div.solid {border-style: solid; border-color: #fff;} #content ul.boxes li div.noborder {border: 0px none; height: 240px;} #content ul.boxes li div.row1 img {display: inline-block; height: 239px; width: auto;} #content ul.boxes li div.noborder img {height: 240px;} .ie6 #content ul.boxes li div.row1 img, .ie7 #content ul.boxes li div.row1 img {display: inline; zoom: 1;} #content ul.boxes li div.row2 {background-color: white; text-align: center; font-size: 14px; padding-top: 20px; padding-bottom: 20px; background-color: #1a171b; } #content ul.boxes li div.row2 a {border: 0px none; height: 20px; line-height: 20px; display: block; background-color: white;} #content ul.gallery li {font-size: 12px; text-align: left;} #content ul.gallery li a {color: #2c7a22;} #content ul.gallery li div.row1 {height: 240px; border: 0px none !important; overflow: hidden;} #content ul.gallery li div.row1 img {display: block !important; width: 230px; height: auto;} #content ul.gallery li.facebook {width: 480px;} #content div.twocols {overflow: hidden; zoom: 1; padding-bottom: 20px; font-size: 14px; line-height: 18px;} #content div.twocols div.left, #content div.twocols div.right {width: 480px; padding: 0 10px; float: left;} #content div.twocols div.left {text-align: center; clear: left;} #content div.twocols h1 {font-size: 16px; margin-bottom: 20px;} #content div.twocols a {color: #2c7a22; text-decoration: none;} #content div.twocols a:hover {text-decoration: underline;} #content div.twocols p {margin-bottom: 20px;} #content div.twocols p.gray {color: #87888a;} #content div.twocols .quote {font-size: 16px; font-weight: bold; font-style: italic; margin-bottom: 20px;} #content div.twocols .quote .source {font-weight: normal; font-style: normal; font-size: 14px;} #content div.twocols div.fb {padding: 20px 0; min-height: 30px;} #content ul.drinks {padding-left: 260px;} #content ul.drinks a {color: #2c7a22;} #content ul.drinks li {overflow: hidden; zoom: 1; margin-bottom: 20px; font-size: 16px;} #content ul.drinks li div.left {width: 230px; padding-right: 20px; float: left;} #content ul.drinks li div.left img {display: block;} #content ul.drinks li div.right {float: left; padding-right: 10px; width: 480px;} #content ul.drinks li div.right em {color: #9c9e9f; display: block;} #content ul.drinks li div.right em a {color: #9c9e9f;} #content div.newsletter {width: 480px; margin: 0 auto; padding: 140px 0 360px 0; font-size: 16px;} #content div.newsletter h1 {margin-bottom: 20px;} #content div.newsletter ul.form li {height: 20px; line-height: 20px; margin-bottom: 20px; overflow: hidden;} #content div.newsletter ul.form li input.text {height: 20px; width: 470px; padding: 0 5px; background-color: #000; color: white; border: 0px none; font-size: 16px; font-family: Georgia, Times, serif;} #content div.newsletter ul.form li.radio {cursor: default;} #content div.newsletter ul.form li.radio span.checkbox {background-color: #000; color: white; height: 20px; line-height: 20px; width: 20px; text-align: center; display: block; overflow: hidden; font-size: 16px; font-family: Arial; margin-right: 10px; float: left;} #content div.newsletter ul.form li.radio span.checkbox span {visibility: hidden;} #content div.newsletter ul.form li.radio span.checked span {visibility: visible;} #content div.newsletter ul.form li.submit {overflow: visible;} #content div.newsletter ul.form li.submit button {margin: 0; padding: 0; border: 0px none; color: white; background-color: #000; font-size: 16px; line-height: 20px; font-family: Georgia, times, serif; padding: 0 5px;} #footer img {display: block; margin: 0 10px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{background-color: #000;} #cboxContent{margin-bottom:24px;} #cboxLoadedContent{background:#000; padding:0px;} #cboxLoadingGraphic{background:url(i/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; bottom:-18px; left:12px; color:#FFF; font-size: 12px; font-family: JustusRoman; text-transform: uppercase;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:9px; height:10px; position:absolute; bottom:-16px; background:url(i/controls.gif) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:34px;} /* #cboxPrevious.hover{background-position:0px -25px;} */ #cboxNext{background-position:-25px 0px; right:12px;} /* #cboxNext.hover{background-position:-25px -25px;} */ #cboxClose{background-position:-50px 0px; right:2px;} /* #cboxClose.hover{background-position:-50px -25px;} */ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}