/**********************************************************
 RESET
 This resets all elements and standardizes their attributes
 *********************************************************/

body, div, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, p, blockquote, ul, ol, li { margin:0; padding:0; }

html, body  { height: 100%; }
body { background:#FFF none; font:13.5px/2em Lucida Sans, Helvetica, Arial, Verdana, Tahoma, Sans-Serif; color:#000000; }
a, object { outline-style:none; }

a:link, a:visited { color:#434343; text-decoration:underline; }
a:hover, a:focus, a:active { color:#a91217; text-decoration:none; }
:focus { outline:0; }

a img { border:0px; }

h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#526D8B; }

h1 { font-size:1.7em; margin-bottom:0.75em; margin-top:0.75em; }
h2 { font-size:1.3em; margin-bottom:0.25em; }
h3 { font-size:1.2em; margin-bottom:0.25em; }
h4 { font-size:1.1em; margin-bottom:0.25em; }
h5 { font-size:1em; margin-bottom:1.5em; }
h6 { font-size:1em; }

p { margin:0 0 .75em; line-height:20px; }

ul, ol { margin:0 1em 1em 1.5em; }
ul.none { list-style-type:none; }
ol { list-style-type:decimal; }
li { padding:0 0 .3em 0; }
ul.bigger li
{
    list-style-type:disc;
    font-weight:bold;
}

ul.bigger li span
{
    font-size:13px;
}



dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dl dd { margin-left:1.5em; }

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

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

small { font-size:0.88em; }
big { font-size:1.2em; }

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; line-height:20px; }
caption { vertical-align:top; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; padding:.5em 0 .5em 2em; }
blockquote { margin:1.5em; }
tfoot { font-style:italic; }
caption { background:#ffc; }

input,textarea, select { margin:0; font-size:12px; padding:2px }
label { font-weight:bold; }

fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ddd; }
legend { padding:0 .4em; font-weight:bold; font-size:1.2em; }

textarea { margin:0.5em 0.5em 0 0; }
textarea { padding:.4em; }

ins { text-decoration:none; }
del { text-decoration:line-through; }

hr {  border:1px solid; border-color:transparent transparent #000 transparent; margin:.25em 0;} 

/**********************************************************
 PRESET CLASSES
 Use these classes to do basic formatting.
 *********************************************************/
 
.container { display: inline-block; }
.container:after { content: '.'; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; }
.container { display: block; }
* html .container { height: 1%; }

.numlist li{ list-style-type:decimal; }
.u { text-decoration:undlerline; }

.aright { text-align:right; }
.aleft { text-align:left; }
.acenter { text-align:center; }
.ajust { text-align:justify; }

.vtop { vertical-align:top; } 
.vmiddle { vertical-align:middle; }
.vbottom { vertical-align:bottom; }

.fright { float:right; }
.fleft { float:left; }

.cboth { clear:both; }
.cleft { clear:left; }
.cright { clear:right; }
.cfix { clear:both; height:0; overflow:hidden; }

.indent { padding-left:2em; }
.indent2 { padding-left:3em; }
.blockq { padding:.25em 0 .25em 1.25em; }
.zeroed { margin:0; padding:0; }
.error { font-weight:bold; color:Red; }
.reqd { font-weight:bold; }

.padit { padding:.5em; }
.padit2 { padding:1em; }

.dinline { display:inline; }
.dblock  { display:block; }

.textarea { font:1em Arial; }

.hide { display:none; }
.show { display:block; }

.registered { font-size:9px; vertical-align:super; }

.printOnly { display:none; }

.expander
{
    clear: both;
    overflow: hidden;
    height: 0;
}
.photo
{
    float:right;
}
.detail
{
  margin-left: -10px; 
  margin-top: 10px; 
  line-height:20px;
}
.desc
{
    margin-top:20px;
}
.physical
{
    line-height:20px;
}

.elec
{
    clear:both;
    margin-left:-10px;
    line-height: 20px;
}
.CityListingAlt
{
    margin-left: 10px;
}

/*.transparency { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; }*/

.reqd { font-weight:bold; color:Red; }
.highlight { background:#ffc; }
.bold { font-weight:bold; }

.ir { overflow: hidden; display: block; text-indent:-9999px; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; }
.nav dt { display: none; }

.water { color:#909090; font-style:italic; }


/*************************************************************
 PROJECT SPECIFIC
 Anything project specific goes below this point.
 ************************************************************/
body
{
    background: url(/!img/gg_bg_bottom.png) center repeat;
    font:13.5px/2em Lucida Sans, Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
    color: #000000;
}

a, a:link
{
    color: #0099FF;
    text-decoration: none;
    font:13.5px/2em Lucida Sans, Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
}

a:hover, a:focus, a:active
{
    color: #0099FF;
    text-decoration: underline;
}

#BodyTop
{
    height: 230px;
    background: url(/!img/gg_bg_top.png) top center repeat;
}

#Header
{
    width: 963px;
    height: 155px;
    margin: 0 auto;
}

#Logo
{
    width: 400px;
    float: left;
    padding: 45px 0 0 22px;
}

#TopNavSearch
{
    width: 537px;
    height: 160px;
    float: left;
    position: relative;
}

.TopNavSearchInput
{
    border: 0;
    margin: 0;
    position: absolute;
    top: 14px;
    left: 245px; 
    color: #A2AFB5;  
}

.TopNavSearchInputBtn
{
    border: 0;
    margin: 0;
    height: 0;
    width: 80px;
    padding-top: 20px;
    position: absolute;
    top: 10px;
    left: 402px; 
    background: transparent; 
}

#TopNavGraphicContainer
{
    width: 573px;
    height: 93px;
    position: absolute;
    bottom: 0;
}

#TopNavLeftCap
{
    width: 30px;
    height: 93px;
    float: left;
    background: url(/!img/gg_2nd_nav_cap_left.png);
}

#TopNavArea
{
    width: 462px;
    float: left;
}

#TopNavSearchBar
{
    width: 462px;
    height: 40px;
    background: url(/!img/gg_search.png);
}

#TopNavBar
{
    width: 462px;
    height: 53px;
    background: url(/!img/gg_2nd_nav.png);
}

#TopNav dd { float:left; position:relative; z-index:10; } 

#TopNav a.ir { padding-top:53px; background-image: url(/!img/gg_2nd_nav.png); }

#tnMedia a.ir { width:80px; background-position:0 0; }
#tnGreenDeals a.ir { width:153px; background-position: -80px 0; }
#tnSustain a.ir { width:130px; background-position: -233px 0; }
#tnLinks a.ir { width:99px; background-position: -363px 0; }

#tnMedia a.ir:hover { background-position: 0 -53px; }
#tnGreenDeals a.ir:hover { background-position: -80px -53px; }
#tnSustain a.ir:hover { background-position: -233px -53px; }
#tnLinks a.ir:hover { background-position: -363px -53px; }

#TopNav dd.active ul, #TopNav dd:hover ul, #TopNav dd.over ul, #TopNav a.ir:hover { display:block; }

#TopNavRightCap
{
    width: 45px;
    height: 93px;
    float: left;
    background: url(/!img/gg_2nd_nav_cap_right.png);
}

#ContentWrapper
{
    width: 963px;
    margin: 0 auto;
}

#ContentTopCap
{
    width: 963px;
    height: 18px;
    background: url(/!img/gg_bdy_bg_top.png) top no-repeat;
}

#ContentBG
{
    width: 963px;
    background: url(/!img/gg_bdy_outside_bg.png) repeat-y;
}

#InnerContent
{
    width: 928px;
    margin: 0 auto;
}

.WhiteBar
{
    width: 928px;
    height: 7px;
    background: url(/!img/gg_white_bar.png);
}

#SlideshowWrapper
{
    position: relative;
}

.MpGrahic
{
    width: 928px;
    height: 441px;
    position: relative;
    z-index: 1;
}

#GoGreenMpOverlay
{
    width: 388px;
    height: 155px;
    position: absolute;
    left: 73px;
    bottom: 30px;
    z-index: 2;
}

/* Navigation Bar */
#Navigation
{
    width: 928px;
    height: 52px;
    background: url(/!img/gg_nav.png); 
}

#MainNav dd { float:left; position:relative; z-index:10; } 

#MainNav a.ir { padding-top:52px; background-image: url(/!img/gg_nav.png); }

#mnGoGreen a.ir { width:205px; background-position:0 0; }
#mnAttractions a.ir { width:133px; background-position: -205px 0; }
#mnLodging a.ir { width:95px; background-position: -338px 0; }
#mnDining a.ir { width:84px; background-position: -433px 0; }
#mnTransportation a.ir { width:167px; background-position: -517px 0; }
#mnEvents a.ir { width:87px; background-position: -679px 0; }
#mnLeedCertified a.ir { width:157px; background-position: -761px 0; }

#mnGoGreen a.ir:hover { background-position: 0 -52px; }
#mnAttractions a.ir:hover { background-position: -205px -52px; }
#mnLodging a.ir:hover { background-position: -338px -52px; }
#mnDining a.ir:hover { background-position: -433px -52px; }
#mnTransportation a.ir:hover { background-position: -517px -52px; }
#mnEvents a.ir:hover { background-position: -679px -52px; }
#mnLeedCertified a.ir:hover { background-position: -761px -52px; }

#MainNav dd.active ul, #MainNav dd:hover ul, #MainNav dd.over ul, #MainNav a.ir:hover { display:block; }

#InsideContentTopCap
{
    width: 928px;
    height: 7px;
    margin: 0 auto;
    background: url(/!img/gg_bdy_inside_bg_top.jpg) no-repeat;
}

#InsideContentWrapper
{
    width: 936px;
    margin: 0 auto;
    background: url(/!img/gg_bdy_inside_bg.jpg) repeat-y;
}

#InsideLeft
{
    width: 258px;
    float: left;
    margin-top: -7px;
    
}

#NewsletterSignupBox
{
    width: 252px;
    height: 177px;
    margin-bottom: 20px;
    background: url(/!img/gg_enews_signup.png);
    position: relative;
    margin-left:4px;
}

.NewsletterName
{
    border: 0;
    margin: 0;
    position: absolute;
    top: 90px;
    left: 80px;
    color: #000000;
}

.NewsletterEmail
{
    border: 0;
    margin: 0;
    position: absolute;
    top: 125px;
    left: 80px;
    color: #000000;
}

.NewsletterSubmit
{
    border: 0;
    margin: 0;
    width: 70px;
    height: 0;
    padding-top: 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: 156px;
    left: 160px;
    background: transparent;
}

#GreenDealsBox
{
    margin: 0 auto;
    width: 228px;
    background: url(/!img/gg_sidebar_green_deals_middle.png) repeat-y;
}

#GreenDealsTop
{
    width: 228px;
    height: 52px;
    background: url(/!img/gg_sidebar_green_deals_top.png) no-repeat;
}

#GreenDealsContent
{
    width: 228px;
    
}

.GreenDealItem
{
    margin: 0 auto;
    width: 190px;
    margin-bottom: 10px;
    line-height: 15px;
}

.GreenDealsTitle, .GreenDealsTitle a
{
    color: #14699F;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}
.GreenDealsDate
{
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}


#GreenDealsBottom
{
    width: 228px;
    height: 19px;
    background: url(/!img/gg_sidebar_green_deals_bottom.png) no-repeat;
}

#InsideRight
{
    width: 676px;
    float: left;
}

#InsideContentBottomCap
{
    width: 936px;
    height: 54px;
    margin: 0 auto;
    background: url(/!img/gg_bdy_inside_bg_ftr.jpg) no-repeat;
}

#Footer
{
    margin: 0 auto;
    width: 900px;
    height: 120px;
    font-weight: bold;
    font-size: 11px;
    padding: 18px 0 0 0;
    line-height:20px;
}

#Footer a /*, a:link*/
{
    color:#000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

#Footer a:hover
{
    color:#333333;
    text-decoration: underline;
}

#FooterLeft
{
    width: 275px;
    float: left;
}

#FooterRight
{
    width: 600px;
    float: left;
    line-height:20px;
    
}

#ArticleWrapper
{
    width: 612px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

#ArticleCopy img
{
    padding: 6px 0 12px 12px;
    float: right;
}

.PageTitleImage
{
    margin: 0 0 12px 0;
}
#more
{
    margin-left: 55px;
    font-size:10px;
    font-weight:bold;
}