﻿
body { background:#302F1D url(/!img/background.jpg) repeat-x; }
        
#oWrapper { background: url(/!img/bdy_bg.png) repeat-y center top; width:100%; }
#iWrapper { background: url(/!img/bdy_bg_top.png) no-repeat center top; width:100%; }
        
#TopBar { width:846px; height:37px; padding-top:10px; margin:0 auto; }
#TopNav { width:586px; height:20px; float:left; }
#Search { background: url(/!img/search.png) no-repeat 0 0; width:240px; height:21px; float:left; margin-left:20px; }
        
#Hdr { width:956px; height:270px; margin:0 auto; }
#HdrLogo { background: url(/!img/hdr_logo.jpg) no-repeat 0 0; width:310px; height:270px; float:left; }
#HdrPhoto { width:646px; height:270px; float:left; position:relative; }
#HdrPhoto .lEdge { position:absolute; display:block; top:0; left:0; z-index:2; }
#HdrPhoto .hdrPhoto { position:absolute; display:block; top:0; right:0; z-index:1; }
        
#MPCrossbar { background: url(/!img/crossbar.png) no-repeat center 43px; width:100%; height:230px; padding-top:7px; z-index: 1; }
#Navigation { background: url(/!img/main_nav.png) no-repeat 0 0; width:956px; height:40px; margin:0 auto; }
        
#CntWrapper { background: url(/!img/content_tile.gif) repeat-y left top; width:956px; margin:-10px auto 0 auto; }
#LSide { width:300px; float:left; }
#RSide { width:679px; float:left; }
.home #RSide { width:656px; float:left; }
        
#EventsWrapper { padding-bottom:20px; } 
#EventsWrapper .evItem { padding:7px 20px; color:#2F3032; font-weight:bold; border-top:1px solid #97896F; }
#EventsWrapper .evItem a { text-decoration:none; color:#2F3032; }
#EventsWrapper .evItem a:hover { text-decoration:none; color:#732110; }
#EventsWrapper .evdate { color:#FFF!important; }

        
#ConnectBlock { background:#97896F none; width:300px; height:53px; text-align:center; line-height:50px; vertical-align:middle; }
#ConnectBlock * { vertical-align:middle; }
        
#TransBlock { padding:20px; }
        
#Ftr { background: url(/!img/content_tile.gif) repeat-y 7px 0; width:970px; margin:0 auto; color:#68672E; font-size:.9em; font-weight:bold; }
#FtrLeft { width:300px; height:50px; float:left; padding-left:7px; }
#FtrLeft .flTop {  border-top:1px dashed #97896F;  }
#FtrRight { background:#E8E7D2 none; width:623px; padding:20px; float:left; }
        
#Ftr a:link, #Ftr a:visited { color:#A09700; text-decoration:none; }
#Ftr a:hover, #Ftr a:focus, #Ftr a:active { color:#A0C600; text-decoration:none; }
        
#Content { padding:20px 40px 30px 40px ;}

#CBContent { width:956px; height:150px; margin:0 auto; margin-top:19px;  }
#CBCCol1 { width:402px; height:150px; border-right:1px solid #C2C49C; float:left; position: relative; background: #EDEFC3;}
#CBCCol2, #CBCCol3 { width:183px; height:150px; float:left; border-right:1px solid #C2C49C; }
#CBCCol4 { width:184px; height:150px; float:left; }
#CBCCol2 div, #CBCCol3 div, #CBCCol4 div { width:183px; height:101px; overflow:hidden; }
#CBCCol2 a, #CBCCol3 a, #CBCCol4 a { margin:0 auto; }
        
#NewsletterLink { width:145px; padding-top:49px; background: url(/!img/promo_newsletter.png) no-repeat 0 0; }
#VisotorsGuideLink { width:159px; padding-top:49px; background: url(/!img/promo_visitors.png) no-repeat 0 0; }
#PhotoGalleryLink { width:160px; padding-top:49px; background: url(/!img/promo_gallery.png) no-repeat 0 0; }
        
#NewsletterLink:hover, #NewsletterLink:active { background-position:0 -49px; }
#VisotorsGuideLink:hover, #VisotorsGuideLink:active { background-position:0 -49px; }
#PhotoGalleryLink:hover, #PhotoGalleryLink:active { background-position:0 -49px; }

.tbPageSearch { background:transparent none; width:150px; margin:0 0 0 8px; padding:3px; border:0; float:left; }
.btnPageSearch { background:transparent none; width:70px; padding:21px 0 0 0; display:block; height:0; overflow:hidden; float:left; margin:0 0 0 5px; border:0; cursor:pointer; }

#CalendarHdr { width:300px; height:53px; background: url(/!img/hdg_calendar.png) no-repeat; line-height:53px; vertical-align:middle; }
#CalendarHdr a.ir { width:180px; padding-top:33px; margin:10px 10px 0 20px; float:left; }
#CalendarHdr a.rss { float:left; margin-top:15px; }
#CalendarHdr img { vertical-align:middle; margin-bottom:4px; }


#ShareButton { float:right; padding-top:10px; }

.WhatsNewImage {float: left; background: url(/!img/WhatsNew/whats_new_photo_bg.png) no-repeat; height: 150px; width: 269px;}
.WhatsNewContent {float: left; background: url(/!img/WhatsNew/whats_new.png) top center no-repeat; margin-left: 5px; width: 120px; height: 110px; margin-top: 10px; padding-top: 25px;}
.WhatsNewContent {color: #70706E; font-family: Lucida Sans; font-size: 11px; line-height:1.3em; }


