body {position:relative;
          width:780px;
          margin:auto;
          text-align:left; 
          background:#99cdff;
          font-family:verdana,tahoma; 
          font-size:13px;}
 #homewrapper{background: url("../images/homepagebackground.gif") repeat-y;
            width: 780px;}
#insidewrapper{background: url("../images/insidebackground.gif") repeat-y; 
            width: 780px;}
#nosbinsidewrapper{background: url("../images/nosbinsidebackground.gif") repeat-y; 
            width: 780px;}
#headerarea {margin-left:20px;}  
#header {width:460px;
                float:left;} 
#logo {float:left;height:104px;
           border-left:#fff solid 2px;}

#insidelogo {float:right;
                     margin-right:20px;}
#contentarea {clear:both;
                        *margin-top:-4px;
                         margin-left:20px;}
/* * html #contentarea {margin-top:-4px;}  */

#callus {float:left;
             border-top:#fff solid 2px;
             border-bottom:#fff solid 2px;
              width:182px;
             height:28px;
             text-align:center;
             color:#fff;
             background:#00ab98;
              line-height:28px;}


#insidecallus {float:left;
              border-bottom:#fff solid 2px;
              width:182px;
             height:21px;
             text-align:center;
             color:#fff;
             background:#00ab98;
              line-height:21px;}

#sectionlinks {float:left;height:28px;
                       border-top:#fff solid 2px;
                       border-bottom:#fff solid 2px;
                       text-align:center;
                       background:url("../images/sectionlinkbg.gif") repeat-x; }
#sectionlinks #r1c1,  #sectionlinks #r1c2, #sectionlinks #r1c3, #sectionlinks #r1c4 {line-height:03px; *line-height:28px;
                      border-left:#fff solid 2px;}
#sectionlinks  a{color:#fff;
                        text-decoration:none;}
#sectionlinks  a:hover{color:#ffff78;}
#sectionlinks #r1c1 {width:117px;}
#sectionlinks #r1c2  {width:157px;}
#sectionlinks #r1c3 {width:166px;}
#sectionlinks #r1c4 {width: auto;}

/*  #hometable, #sectiontable {clear:both;
                     float:left;}   */
           
#expandomenus {width:180px;
                float:left;} 
   
#navhome{
clear:both;
float:left;
              background:#fff;
             width:180px;
             text-align:right;
            padding-right:0px;   
            border-right:#fff solid 2px;}
*html #expandomenus{
            padding-right:0px;   
            border-right:#fff solid 0px;}
    

#insideexpando{clear:both;

float:left;
              background:#fff;
             width:180px;
             text-align:right;
            padding-right:0px;   
            border-right:#fff solid 2px;}
*html #expandomenus{
            padding-right:0px;   
            border-right:#fff solid 0px;}

#attraction{float:left;
             background:#fff;
             width:276px;
             height:181px;
             border-right:#fff solid 2px;
             border-bottom:#fff solid 3px;
             border-left:#fff solid 4px;
}
*html #attraction {border-bottom:#fff solid 0px;}
#content{float:left;
              background:#99cdff;
             width:258px;
             height:182px;
     /*        overflow:auto;  */
             padding:0 10px;
       /*      *padding-top:10px;  */
             margin-right:20px;
             border-bottom:#fff solid 2px;}

#weather {background:#fff;
             width:180px; 
             height:105px;
             clear:left; 
             text-align:right;
             padding-right:2px;
             border-right:#fff solid 2px;
             border-bottom:#fff solid 2px}    
* html #weather {width:177px;}

#sectionweather {background:#fff;
             width:179px;
             clear:left;
             float:left;
            text-align:right;
             padding-right:2px;
             border-right:#fff solid 2px;
             border-bottom:#fff solid 2px}    
* html #sectionweather {width:177px;}

#maywesuggest{float:left;
              background:#ffffcd;
              border-bottom:#fff solid 2px;
              border-right:#fff solid 2px;
              border-left:#fff solid 4px;
              width:276px;
             height:201px;
              color:#000;}
#maywesuggest  table {padding-left:5px;} 



                                
#insideheading {float:left;
                margin-left:2px;
             margin-top:-13px;
           *margin-top:-0px;}

#insidephotos{background:#fff;
                        width:166px;
                        float:Right;
                        padding:0 8px;
                        *padding-top:10px;
                        margin-right:20px;}
* html #insidephotos {margin-right:10px;}

#insidecontent{background:#fff;
             width:340px;  
             margin:0 20px 0 0;
            padding-top:10px;
             float:right;}
 
#nosbinsidecontent{background:#fff;
              width:490px; 
              margin-left:20px;
            *margin-left:10px;
            *padding-left:10px;
             *padding-top:10px;
             float:left;}
* html #nosbinsidecontent{margin:0 10px;}
                     
#insideweather {background:#fff;
             width:176px;
             height:180px;
             float:left;
             clear:left;
             text-align:right;
             padding-right:2px;
             font-size:85%;
             font-weight:700;
             border-bottom:#fff solid 2px}    

#footerarea {clear:both;
                      padding-left:30px;
                      width:780px;
                       color:#fff;
                       background:#00ab98;
                       font-size:70%;
                       font-weight:700;
                       height:30px;
                        padding-top:10px;
                       background: url("../images/pagebackground.gif") repeat-y;}

#decaturcr {float:left;padding-left:0px;}
#allrights {float:left;padding-left:37px;}
#redsage {float:left;padding-left:40px;} 

/*     expando navigation styles  */

.x8_expando a{color : #555;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
    }	


#banners {float:left;
                  height:180px;
                 *height:201px;
                  border-bottom:#fff solid 2px;
                   width:278px;
                   margin-right:20px;
                  background:#fff;}

#banners #r1c1, #banners #r2c1, #banners #r3c1{border-bottom:#fff solid 2px;} 
#banners #r1c1, #banners #r2c1, #banners #r3c1 {*border-bottom:#fff solid 0px;}  


.x8_expandoLevel1 {font-size: 12px;font-weight: bold; margin-bottom:1px;width:180px;border-bottom: #ccc solid 1px; line-height:17px;}
.x8_expandoLevel1 a{color:#555;}
.x8_expandoLevel1 .x8_expandoActive a, .x8_expandoLevel1 a:hover{color:#cc3333;}

.x8_expandoLevel2 {font-size: 12px;font-weight:normal;margin-bottom:1px;width:180px;border-bottom: #ccc solid 1px; line-height:17px;}
.x8_expandoLevel2 a{color:#555;background-color:#ffffff;}
.x8_expandoLevel2 .x8_expandoActive a, .x8_expandoLevel2 a:hover{color:#cc3333;}

.x8_expandoLevel3 {font-size: 12px;font-weight:normal;background-color:#ffffcc;width:180px;}
.x8_expandoLevel3 a{font-size: 12px;font-weight:normal;color:#003399;background-color:#ffffcc;}
.x8_expandoLevel3 .x8_expandoActive a, .x8_expandoLevel3 a:hover {color:#cc3333;}

.x8_expandoLevel4 a{font-size: 12px;font-weight:normal;color:#006666;}
.x8_expandoLevel4 .x8_expandoActive a, .x8_expandoLevel4 a:hover{color:#006666;text-decoration:underline;}

/*  #navsections .x8_expandoLevel1, #navdft .x8_expandoLevel1 {display:none;}  */   




/*     breadcrumb  navigation styles  */

.x8_breadcrumbMenu {float:right;
                                      margin-right:10px;
                                       list-style-type:none;}

#nosbinsidewrapper .x8_breadcrumbMenu {margin-right:20px;}
* html #nosbinsidewrapper .x8_breadcrumbMenu {margin-right:10px;}

.x8_breadcrumbMenu li{float:left;}
                                       
.x8_breadcrumbMenu li a{text-decoration:none;padding:0 3px;color:#444;font-size:85%;}
.x8_breadcrumbMenu li  {border-right:#777 solid 1px;}
.x8_breadcrumbMenu .x8_last {border-style:none;}

.bold13{font-size:13px;
              font-weight:900;}
.boldem13 {font-size:13px;
              font-weight:900;
              font-style:italic;}
.bold11 {font-size:11px;
              font-weight:900;
              font-color:#000000;
              text-decoration:none;}
.bold11 a{font-size:11px;
              font-weight:900;
              font-color:#003599;
             text-decoration:none;}
.bold11 a:hover{font-size:11px;
              font-weight:900;
              font-color:#cc3333;
               text-decoration:underline;}
.boldem11 {font-size:11px;
              font-weight:900;
              font-style:italic;}
.tight10 {font-size:10px;
              font-weight:700;
              letter-spacing:-.25;}
.tight08 {font-size:08px;
              font-weight:700;
              letter-spacing:-.25;}

.fontxlrg {font-size:18px;}
.fontlrg {font-size:15px;}
.fontmed {font-size:13px;}
.fontsml {font-size:12px;}
.fontxsml {font-size:10px}
.fontxxsml {font-size:9px;}

.hometext{
	font-family:verdana,arial;	font-size:12px;
	font-weight:normal;
	margin: 0px;	padding: 0px;}

.bodyheader{
	font-family:arial;	
   font-weight:bold;
	font-size: 11pt;
	color:#cc3333; 
	align:left;
    valign:middle;
	}

h1 {
	font-family:arial;	
   font-weight:bold;
	font-size: 11pt;
	color:#cc3333; 
	align:left;
    valign:middle;}

h2 {	font-family:verdana,arial;	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px;	padding: 0px;}

h3 {	font-family:verdana,arial;	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	margin: 0px;	padding: 0px;}

h4 {	font-family:verdana,arial;	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	margin: 0px;	padding: 0px;}

h5 {	font-family:verdana,arial;	font-size: 9px;
	font-weight: bold;
	line-height: 13px;
	margin: 0px;	padding: 0px;}

h6 {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

h6 a {font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	color: #003599;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

h6 a:hover {font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	color: #cc3333;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.redlink {color:#000000;}
.redlink a{color:#cc3333; text-decoration:none;}
.redlink a:hover{color:#00359; text-decoration:underline;}

.bluelink {color:#000000;}
.bluelink a{color:#000359; text-decoration:none;}
.bluelink a:hover{color:#cc3333; text-decoration:underline;}

.bluesubtitle {color:red /*#000359*/  ;}

.redsubtitle {color:#cc3333;}

.aquasubtitle {color:#006666;}

.bluehome {font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	color: #00349a;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.bluehome a{font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	color: #00349a;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.bluehome a:hover{
  font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	color: #cd3333;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.redhome {font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}
.redhome a{font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

.redhome a:hover{
  font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #003599;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

.redhome2 {font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
    line-height: 12px;
}
.redhome2 a{font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
    line-height: 12px;
}

.redhome2 a:hover{
  font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #003599;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
    line-height: 12px;
}

.whitehome {font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.whitehome a{font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.whitehome a:hover{font-family: Georgia;
	font-size: 10pt;
	font-weight: normal;
	color: #ffff63;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.bluesubhead {
   font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #003599;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.bluesubhead a {
   font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #003599;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.bluesubhead a:hover {
   font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #003599;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.redsubhead {
   font-family: Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.redsubhead2 {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #cc3333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}


.diningtext{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}
.diningtext a{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #003599;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}
.diningtext a:hover{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #cc3333;
   text-decoration: underline;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}
.MTtext{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #003599;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}
.MTtext a{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #003599;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}
.MTtext a:hover{font-family: Arial,Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #cc3333;
   text-decoration: underline;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}

.diningheader{
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.diningheader a{
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.diningheader a:hover{
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #ffff63;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.announce{
	font-family:arial;	
   font-weight:bold;
	font-size: 14pt;
	color:#00ab98; 
	align:left;
    valign:middle;
	}
.calendar{font-family: Arial,Helvetica;
   font-size: 12px;
   font-weight: normal;
   color: #9fa5b0;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   text-align: left;
   vertical-align: top;
}
.calendar a{font-family: Arial,Helvetica;
   font-size: 12px;
   font-weight: normal;
   color: #003599;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   text-align: left;
   vertical-align: top;
}
.calendar a:hover{font-family: Arial,Helvetica;
   font-size: 12px;
   font-weight: normal;
   color: #cc3333;
   text-decoration: underline;
   margin: 0px;
   padding: 0px;
   text-align: left;
   vertical-align: top;
}
.calendarheader {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.year {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventname {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003599;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventname a {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003599;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventname a:hover {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #f81608;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventdate {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003599;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventdate a {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #f81608;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventdate a:hover {
   font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003599;
	text-decoration:underline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.eventinfo {
   font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003599;
	text-decoration: none;
   font-style: italic;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventinfo a {
  font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003599;
	text-decoration: none;
   text-style: italic;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.eventinfo a:hover {
   font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #f81608;
	text-decoration: none;
   text-style: italics;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
#bodysection {
	width: 357px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#leftsection{
	width: 222px;
	float: left;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
#leftsectionclr{
	width: 198px;
	float: right;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.location-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}
#topimagewidth {
	width: 223px;
	height: 66px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

 /* Generic map, side bar holder styles */
      .MapBuilder {font: arial, helvetica, sans-serif; font-size: 10pt; margin: 0px;}
      .MapBuilder a {text-decoration: none; color: #0066CC; background-color: transparent;}
      .MapBuilder a:hover {color: #F60; background-color: transparent;}
      .MapBuilder h1 {font-weight: bold; font-size: 16pt; color: #cc3333; border-bottom: 2px solid #369;}
      
      /* Info Window styles */
      .IW { width: 350px;}
      .IWContent {height: 120px; overflow:auto;}
      .IWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;}
      .IWFooter {margin-top: 5px; font-size: 8pt; }
      .IWFooterZoom {}
      .IWDirections{background-color:#FFF;}

 
      .MapBuilderSideBar {float:left; margin-left: 10px; }
 

            /* PDMarker */
      div.markerTooltip {
        color: black;
        background-color: white;
        white-space: nowrap;
        margin: 0;
        padding: 2px 4px;
        border: 1px solid black;
      }
      
    </style>