body { width: 100%; margin: 0 auto; padding: 0; }

#headerNew { position: relative; margin: 10px auto 0; padding: 0; width: 990px; height: 194px; background: transparent; z-index: 1; }
#overlayNew { position: relative; margin: 0 auto; padding: 0; width: 990px; height: 214px; background: transparent; z-index: 2; }
#logo { position: relative; margin: 0; padding: 0; width: 300px; height: 188px; float: left; z-index: 3; }
#logo img { border: 0; z-index: 4; margin: 0; padding: 0; }


table#header { width: 990px; height: 194px; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
td.uppersearch { background: transparent url(/wp-content/themes/v1/images/HeaderUpper.jpg) top left no-repeat; width: 687px; height: 54px; margin: 0; padding: 0; vertical-align: top; }
.uppersearch div { position: relative; float: right; margin: 0; padding: 0; top: 0px; right: 0px; width: 235px; height: 33px; background: transparent; }

.searchbox { position: relative; float: left; top: 4px; left: 0; width: 160px; height: 18px; border: 1px solid #7beffc; background: #00D9F4; color: #fff; margin: 0; padding: 3px; }
.searchbutton { position: relative; float: right; top: 4px; right: 0; background: transparent; border: 0; width: auto; height: 24px; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; letter-spacing: -0.15px; cursor: pointer; }
.searchbutton:hover { color: #FFEFC5; cursor: pointer; }
.searchbox:hover { border: 1px solid #c9f8fd; background: #00D9F4; }
.searchbox:focus { border: 1px solid #fff; color: #FFEFC5; }

#overlayNew table, #overlayNew table tr, #overlayNew table tr td { margin: 0; padding: 0; } 


#thumbmenu { position: absolute; margin: 0; padding: 0; width: 690px; height: 125px; bottom: 0; right: 0; background: transparent; z-index: -1; }
#thumbmenu ul, #thumbmenu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

.thumbmenu1, .thumbmenu2, .thumbmenu3, .thumbmenu4, .thumbmenu5, .thumbmenu6  { position: absolute; margin; 0; padding: 0; width: 115px; height: 125px; overflow: hidden; float: left; text-indent: -10000px; z-index: 0;}

div ul li a div.thumbmenu1 { top: 0; left: 0; background: transparent url(/wp-content/themes/v1/images/menu-DesktopConcierge.png) top left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu1:hover { background: transparent url(/wp-content/themes/v1/images/menu-DesktopConcierge.png) bottom left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu2 { top: 0; left: 115px; background: transparent url(/wp-content/themes/v1/images/menu-MauiTodayTV.png) top left no-repeat;  cursor: pointer; }
div ul li a div.thumbmenu2:hover {  background: transparent url(/wp-content/themes/v1/images/menu-MauiTodayTV.png) bottom left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu3 {  top: 0; left: 230px;background: transparent url(/wp-content/themes/v1/images/menu-MauiLife.png) top left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu3:hover {  background: transparent url(/wp-content/themes/v1/images/menu-MauiLife.png) bottom left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu4 {  top: 0; left: 345px;background: transparent url(/wp-content/themes/v1/images/menu-SurfScene.png) top left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu4:hover {  background: transparent url(/wp-content/themes/v1/images/menu-SurfScene.png) bottom left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu5 {  top: 0; left: 460px;background: transparent url(/wp-content/themes/v1/images/menu-ArtsAndEntertainment.png) top left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu5:hover {  background: transparent url(/wp-content/themes/v1/images/menu-ArtsAndEntertainment.png) bottom left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu6 {  top: 0; left: 575px;background: transparent url(/wp-content/themes/v1/images/menu-CommunityForum.png) top left no-repeat; cursor: pointer; }
div ul li a div.thumbmenu6:hover {  background: transparent url(/wp-content/themes/v1/images/menu-CommunityForum.png) bottom left no-repeat; cursor: pointer; }

  #youtubeThumbs { margin: 0; padding: 0; width: 705px; height: auto; border: 1px solid #d0d0d0; }
  #youtubeThumbs h2 { color: #555555; font-size: 11px; font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; margin: 0; padding: 5px; line-height: 95%; }
  #youtubeThumbs p { margin: 0px; padding: 5; color: #333333; font-family: arial, verdana, sans-serif; font-size: 10px; font-weight: normal; line-height: 105%; }

.scroller { float: right; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; width: 165px; height: 429px; }

.video { float: left; width: 145px; height: auto; margin: 1px; padding: 0px; background: #f0f0f0; }
.video a img { border: 2px solid #222222; margin: 0; padding: 0; width: 140px; height: 105px; }
.video a:hover img { border: 2px solid #ff9900; }

#upperheader { clear: both; width: 688px; height: 36px; background: transparent; position: absolute; right: 0; top: 54px; }

#weatherheader { background: #FCF1C3; width: 970px; height: 80px; margin: 0; padding: 10px; overflow: hidden; }
#weatherheader ul { margin: 0; padding: 0; list-style-type: none; background: transparent; }
#weatherheader ul li { margin: 0 10px; padding: 0px; color: #000; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 115%; }
.icon ( margin: 0 10px 0 0; padding: 0; width: 64px; height: 64px; float: left; position: relative; }
.temp, .high-low, .wind, .curtime { margin: 0 10px; padding: 0; width: 100px; height: 8px; }

a img { border: 0; }

#SubMenu { position: relative; z-index: 10000; width: 688px; height: 36px; background: transparent; margin: 0; padding: 0; }
#SubMenu ul { display: inline; list-style-type: none; vertical-align: center; height: 36px; padding: 11px 0; margin: 0; }
#SubMenu ul li { float: left !important; margin: 0; padding: 0; width: auto; height: 36px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; }

#SubMenu ul li a { text-decoration: none; color: #335489; background: transparent; width: auto; height: 36px; margin: 0; padding: 10px; margin: auto auto; border-right: 1px solid #B5C4D5; }
#SubMenu ul li a:hover { color: #000; background: #ffffff; }

html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu { position: relative; z-index: 1001; width: 688px; height: 36px; background: transparent; margin: 0; padding: 0; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul { display: inline; list-style-type: none; height: 36px; padding: 0px 0; margin: 0; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li { position: relative; z-index: 100;  display: inline; float: left !important; margin: 0; padding: 0; width: 130px; height: 36px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: left; vertical-align: center; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li a { text-decoration: none; color: #335489; background: transparent; width: auto; height: 18px; padding: 11px 4px 8px; margin: auto auto; border-right: 1px solid #B5C4D5; z-index: 2; vertical-align: middle; text-align: center; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li a:hover { color: #fff; background: #4498c7; }

.menu_maps, .menu_weather, .menu_sports, .menu_news, .menu_healthandwellness, .menu_galleries, .menu_business, .menu_dining, .menu_maui411 { margin: 0; padding: 0; height: 36px; text-align: left; position: relative; z-index: 101; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_maps { position: relative; z-index: 101; width: 69px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_weather { width: 78px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_sports { width: 67px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_news { width: 64px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_healthandwellness { width: 131px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_galleries { width: 79px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_business { width: 76px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_dining { width: 56px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_maui411 { width: 68px !important; }

html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_maps a{ position: relative; z-index: 101; width: 69px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_weather a{ width: 78px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_sports a{ width: 67px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_news a{ width: 64px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_healthandwellness a{ width: 131px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_galleries a{ width: 79px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_business a{ width: 76px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_dining a{ width: 56px !important; }
html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_maui411 a{ width: 68px !important; }

html>body #headerNew #overlayNew .search_bg #upperheader #SubMenu ul li.menu_maui411 ul li { width: 200px; }

.container { margin:10px auto; border:0; padding:10px; text-align:center; }
.triple { float: left; width:226px; margin: 7px 2px; padding: 0; }
.double { float: left; width:340px; margin: 7px 2px; padding: 0; }
.single { float: left; width:730px; margin: 3px 2px; padding: 0; }

.hoverme:hover .hasBackgroundColor { background-color:#d7dff2 !important; }
.fancyblk { background:#0C0B0A url(bgtile.jpg) repeat-x top left;padding:12px;border:6px solid #000; }
.fancyblk p { text-align: left; font-family: arial, helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; color: #fff; }
.inner p, .hoverme p { color:#6a6c74; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; margin-bottom: 10px; }