/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: #fff;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; border-color:#ccc; border-style:solid; border-width:1px;}

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }


body { font-size: 13px; line-height: 20px; background: url("/images/site/bg2.jpg") no-repeat top left; background-color: #000;}


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Helvetica Neue", Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

/* h1,h2,h3,h4,h5,h6 { font-weight: bold; } */

h1 { font-size: 20px; line-height: 1; margin-bottom: 20px;}
h2 { color: #C69C6D; font-size: 33px; font-weight:100; line-height: 1; margin-bottom: 20px; font-family: "Times New Roman", serif;}
h3 { color: #C69C6D; font-size: 23px; font-weight:100; line-height: 1; margin-bottom: 15px; font-family: "Times New Roman", serif;}
h4 { font-size: 20px; font-weight:100; line-height: 1; margin-bottom: 15px; font-family: "Times New Roman", serif;}
h5 { font-size: 16px; line-height: 1; margin-bottom: 15px;}
h6 { font-size: 13px; line-height: 1; margin-bottom: 15px; font-weight: bold;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 20px;}
p.clear { clear: both; }

ul, ol { margin: 0 20px 20px 20px; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 20px 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 20px; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 20px; font-style: italic; }
del { color: #000; }

a { color: #0066ff; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 20px; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }



/* Some default classes
-------------------------------------------------------------- */

.small { font-size: 10px; margin-bottom: 24px; line-height: 24px; }
.large { font-size: 16px; line-height: 33px; margin-bottom: 16px; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


label { font-weight: bold; }


/* Fieldsets */
fieldset { padding: 18px; margin: 0 0 20px 0; border: 1px solid #ddd; background:#f1f1f1; width:425px;}
legend { padding: 0 5px; font-weight: bold; font-size: 16px; }


/* Textareas */
textarea { margin: 7px 7px 0 0; }
textarea { padding: 5px; }


/* Forms
-------------------------------------------------------------- */

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 7px; }
form.hform p label { float: left; width: 80px; }

form.hform p input { width: 150px; }
form.hform p select { width: 150px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 13px; }
form.vform p label { display: block; font-size:14px; width:auto;}

form.vform p input { width: 400px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:14px;}
form.vform p textarea { width: 400px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:14px;}
form.vform p select { width: 400px; }

form.vform p input.button { width: auto; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;border-style:solid;border-width:1px;font-size:14px;background:#666; color:#fff; cursor:pointer;}

form.vform p.checkbox label { display: inline; }
#contactform label.error { font-size:14px; font-style: italic; color:#999; margin-top:7px;}

/* Search Forms
-------------------------------------------------------------- */

#homesearch form {margin-left: 17px; margin-top:14px;}
#homesearch form label { font-size:15px; float: left; line-height:22px;font-weight:normal;}
#homesearch form input { font-size:15px; float: left;  width: 215px; padding:3px; margin-left:10px;}
#homesearch form input.button{ float: left; width:22px; height:auto; border:0; background: url("/images/site/gobutton.png") no-repeat 0px 5px; cursor: pointer;}


#subsearch form label { font-size:14px; color:#fff; float: left; font-weight:normal;}
#subsearch form input { font-size:14px; float: left; color:#000; width: 130px; margin-left:10px;}
#subsearch form input.button{ float: left; width:22px; height:auto; border:0; background: url("/images/site/gobutton-white.gif") no-repeat 0px 2px; cursor: pointer;}

/* sIFR
-------------------------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

@media screen {

  	.sIFR-active h2,
    .sIFR-active h3,
	.sIFR-active h4
	{
    visibility: hidden;
    }


    .sIFR-active h2 {
    font-size: 33px;
	line-height: 13px;
	margin: 0 0 9px 0;
	padding: 0;
    }

	.sIFR-active h3 {
    font-size: 23px;
	line-height: 13px;
	margin: 0 0 9px 0;
	padding: 0;
    }

	.sIFR-active h4 {
    font-size: 20px;
	line-height: 13px;
	margin: 0 0 9px 0;
	padding: 0;
    }

    
}

/* Page wrapper
-------------------------------------------------------------- */

#wrapper {margin: 0 auto;  padding:20px; width: 950px; background-color: #fff; position: relative; z-index: 1;}

#header {margin: 15px auto 0 auto; width: 990px; position: relative; z-index: 3;}

#header-sub {margin: 15px auto 0 auto; width: 990px; height:85px; position: relative; z-index: 3;}


/* Top Nav
-------------------------------------------------------------- */

#masternav {height: 50px; width:990px; margin-left: auto; margin-right: auto; text-align:center; background-color: #000; position: relative; z-index: 5;}

ul#topnav {margin: 0; padding: 0; width: 100%; list-style: none; line-height:50px; text-align:center;}

ul#topnav li {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:0 10px; padding: 0; position: relative;}
/* thank you http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ for the hack -- */
ul#topnav li a {font-size:12px; color: #C69C6D; text-decoration: none;}

ul#topnav li a.selected  { color:#fff; padding-bottom:5px; border-bottom: 2px solid #fff;}

ul#topnav li a:hover {color:#fff;}

/* ul#topnav li.mega {background: transparent url(/images/site/arrowdown.png) center right no-repeat;padding-right: 12px;} */

ul#topnav li .sub h6 {color: #fff;}

ul#topnav li .sub {z-index:999; text-align:left; position: absolute; top: 50px; left: 0; padding: 20px; background-color:#333; float: left; 
-moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px;
	display: none; line-height:1;
}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom:20px;}

ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 150px; float: left;}

ul#topnav .sub ul li {width: 100%; line-height:18px; margin:0; padding:0;}

ul#topnav .sub ul li a {font-size:13px; float: none; text-indent: 0; /*--Reset text indent--*/ display: block; text-decoration: none;}

ul#topnav .sub ul li a:hover {color: #ddd;}




/* Home Image Panel
-------------------------------------------------------------- */

#panel { width:950px; height:400px;margin:0 0 10px 0; background-color: #000;}


/* Banner Panel
-------------------------------------------------------------- */

#homebanner{ width:950px; height:120px; background-color:#eee; }

#banner-image { float:left; width:600px; height:120px;}
#banner-desc { float:left; width:350px; height:120px; overflow: hidden;}
#banner-desc p {margin:17px;}


/* Bottom Bar
-------------------------------------------------------------- */

#bottombar { width:950px; height:50px; background: url("/images/site/barbg.png") repeat-x top left;}

#bottomnav { float:left; width:599px; height:50px; line-height:22px; border-right: 1px solid #fff;}
#bottomnav ul { margin:14px 0 0 0; list-style: none; padding:0;}
#bottomnav ul li { float:left; margin-left:30px;}
#bottomnav ul li a { font-size:13px; color:#000;}
#bottomnav ul li a:hover { font-size:13px; color:#666;}

#homesearch { float:left; width: 349px; height:50px; border-left: 1px solid #ccc;}

/* Home Intro
-------------------------------------------------------------- */

#extra { width:950px; margin:15px 0;}
#welcome { float:left; height:190px; width:340px; padding:0 15px; border-right: 1px solid #ddd;}


/* Home Special Events
-------------------------------------------------------------- */


#events { float:left; height:210px; width:324px; padding:0 15px; border-right: 1px solid #ddd;}
#events dl {margin:0;}
#events dt { float: left; clear: left;width: 60px;}
#events dd { margin-left: 75px; height:80px;}



/* Social Media
-------------------------------------------------------------- */

#socialmedia { float:left; height:210px; width:194px; padding:0 15px;}
#socialmedia dl {margin:0;}
#socialmedia dt { float: left; clear: left;width: 34px;}
#socialmedia dd { margin-left: 60px; height:45px;}



/* Sub Content Layout
-------------------------------------------------------------- */

#body { margin-top: 30px; }
#content { float: left; width: 650px; margin-right: 60px; }

#chop { width:950px; height:136px; margin:0; padding:0;}

#sidebar { float: left; width: 240px; }
#sidebar ul { color: #888;}
#sidebar ul a { color: #555; }

#sidebar ul.rightnav { list-style: none; margin:0;padding:0;}
#sidebar ul.rightnav li { margin: 0 5px; border-bottom 1px solid #eee;}
#sidebar ul.rightnav li a { display:block; font-size:16px; line-height:25px; color:#000; text-decoration: none;}
#sidebar ul.rightnav li a:hover { display:block; font-size:16px; color:#C69C6D; text-decoration: none;}
#sidebar ul.rightnav li a.selected { display:block; font-size:16px; color: #C69C6D; border-bottom: 1px solid #ddd;}

.navblock {background-color:#f6f6f6; padding:10px; margin:0 0 60px 0; border-top: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999;}

/* Sub Header
-------------------------------------------------------------- */


#logo { display: block; float:left; width:200px; height:56px; background: url("/images/site/logo1.gif") no-repeat top left; }
#logo a {display: block; width: 100%; height: 100%; text-indent: -9999px;}

#subglobal {float:right;}

#subglobal ul { list-style: none;}
#subglobal ul li { float:left; margin-right: 12px; }
#subglobal ul a { font-size:12px; color: #fff;}
#subglobal ul a:hover { font-size:12px; color: #fff; text-decoration: underline;}
#subglobal ul a.selected { font-size:12px; color: #fff; text-decoration: underline;}

#subsearch {float:right;}


/* Category Listing */

.catlist { margin-bottom:20px; padding-bottom:10px; border-bottom: 1px solid #ddd;}

.catlist dl {margin:0;}
.catlist dt { float: left; clear: left;width: 150px;}
.catlist dd { min-height: 200px; margin-left: 190px;}

/* Category Listing 2 - for the Hotspot page */

.catlist2 { margin:10px 0; padding:10px 0; border-top: 1px solid #ddd;}

.catlist2 dl {margin:0;}
.catlist2 dt { float: left; clear: left;width: 150px;}
.catlist2 dd { margin-left: 190px;}

/* Search Results */

.catlist h5 {display:inline-block;}
.catlist h5.member {background: transparent url(/images/site/search-member.png) center right no-repeat;padding-right: 25px;}
.catlist h5.event {background: transparent url(/images/site/search-event.png) center right no-repeat;padding-right: 25px;}
.catlist h5.news {background: transparent url(/images/site/search-news.png) center right no-repeat;padding-right: 25px;}

#search-legend {float:right;width:300px;}
#search-legend dl {float:left; margin:0 10px;padding:0;}
#search-legend dt {float: left; clear: left; margin:0;padding:0;}
#search-legend dd {margin: 0 0 0 25px;padding:0;}


/* Sub Menu Featured Listing */

.menufeature {font-size:12px;}


.menufeature dl { color:#fff; margin:0; padding:0;}
.menufeature dl img { padding:2px; border-color:#eee; border-style:solid; border-width:2px;}
.menufeature dt { float: left; clear: left;width: 40px;}
.menufeature dd { min-height: 40px; margin-left: 65px;}




/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #ddd; margin-top: 20px; padding-top:5px; color:#666;}
#footer p.quiet { color: #ccc; }


/* Image Styles
-------------------------------------------------------------- */

.imgborder { padding:2px; border-color:#eee; border-style:solid; border-width:4px;}
.imgleft { margin-right:20px; padding:2px; border-color:#eee; border-style:solid; border-width:4px;}
.imgleft-nob {margin-right:20px;}
.imgright {float:right;}
.imgbig { margin-top:20px; border: 2px solid #eee;}
.imgchop { }
.bannerb { margin:60px 0;}

/* Float Styles
-------------------------------------------------------------- */

.floatleft {display: inline; float: left; margin: 0px 10px 5px 0px;} 
.floatright {display: inline; float: right; margin: 0px 0px 5px 10px;}
.floatcenter {margin: 0px auto; padding: 0px; text-align: center;}


/* Photo Gallery
-------------------------------------------------------------- */

.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */

.caption{font-style:italic;color:#887;}
.photogallery{position:relative;margin-top:2em; text-align:center;}
.gallery_demo{width:650px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px; margin: 2px 2px; border: 4px solid #eee}
.gallery_demo li div{left:240px;}
.gallery_demo li div .caption{font:italic 10px;}
	
#main_image{margin:0 0 20px 0; height:438px;width:650px;background:white;}
#main_image img{margin-bottom:10px;}
.nav{padding-top:15px;clear:both;letter-spacing:3px;text-transform:uppercase;}


/* Google Maps
-------------------------------------------------------------- */
.map-canvas {width: 450px; height: 300px; margin:10px 0 20px 0;}
.map-button {background-color: #666; color:#fff; border-bottom:1px solid #333; border-left:1px solid #999; padding:4px; cursor:pointer;}
.map-button span {background: transparent url(/images/site/arrowright.png) center left no-repeat;padding-left: 14px;}
.map-button span.arrowdown {background: transparent url(/images/site/arrowdown.png) center left no-repeat;padding-left: 14px;}	

/* News 
-------------------------------------------------------------- */
div#news-story img {display: none;}
div#news-story img {padding: 5px; margin: 5px;}