* { margin:0; padding:0; }

/*==================================================================
=                           Font usage from: developer.yahoo.com/yui/fonts/                  
==================================================================*/
body {font-family: arial,helvetica,clean,sans-serif;font-size:small;font:x-small; }
table {font-size:inherit;font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;font-size:100%;}
body * {line-height:1.22em;}
/*==================================================================*/

body { color:#433; background:url(pagebg.jpg) repeat-y top center #DCDDDF; margin: 10px 0 20px 0; }
h1,h2,h3,h4,h5 { color:#034B85; }
h1 { font-size:115%; margin:10px 10px 17px 10px; }
h2 { font-size:112%; margin:5px 10px 0px 10px;}
h3 { font-size:110%; }
h4 { font-size:105%; padding-top:10px; }
h5 { font-size:100%; }
ul { list-style-type:square;  }
ul, ol { padding:5px 0 5px 30px; }
img { border:0; }
.hr1 {margin: 10px 0px 0 0 }
hr { clear:both; height:1px; border:none; border-top:1px solid #DDD; margin:0 10px; }
hr.clear, p.clear { clear:both; visibility:hidden; margin:0; padding:0; height:1px; overflow:hidden; }
a { color:#F06000; }
a:hover { color:#B00; text-decoration:none; }
p.alias { font-size:14px; color:#034B85; font-weight:bold; margin :-4px 10px 5px 10px;} 

/*==================================================================*/
#newsletter-subscription h3 { font-size:85%; }

#page { position:relative; }
#header { overflow:hidden; height:190px; text-align:center; z-index:98; position:relative; }
#page, #header { width:960px; margin:0 auto; }

#container { width:725px; top:170px; left:0; z-index:1001;  }
#containerDemo { width:100%; top:170px; left:0; z-index:1001;  }
#rightarea { width:244px; top:190px; right:0; z-index:100;}
#container, #rightarea { position:absolute; }

div.contentpanel { background:url(panelshadow.png) right top; background-repeat: repeat-y; }
div.panelshadow { background:url(panelshadow.jpg) left top no-repeat; }

#content{ margin-right:10px; background-color:#FFF; position:relative; overflow:hidden; width:715px; text-align:left; }
#contentDemo { margin-right:10px; background-color:#FFF; position:relative; overflow:hidden; width:100%; text-align:left; }
.ad { margin:10px 0pt; }
#footermenu { height:12px; font-weight:bold; text-align:center; width:715px;  color:White; width:715px; background-color:#C5C5C5; height:30px; margin:15px 0 0 0;}
#footermenu  a { color :White ;}
#footermenu  a:hover { color:#981D22; text-decoration:underline;}
#content { padding-top:10px; }
#contentcontainer { border:1px solid #CCC; margin:10px; margin-left:0; clear:both; position:relative; }
#contentcontainer h1 {color:#034B85; font-size :115%;}
#content .content { padding:0 10px 20px 15px; }
#content .content h3{ margin-top:10px; margin-bottom:5px; }
#footer .advertisement { margin:10px; }
#footer { margin-right:10px; background-color:#FFF; position:relative; overflow:hidden; width:715px; text-align:center;}
#menu {background:url(menubg.jpg) repeat-y top left #0060B6; margin-right:10px; height:22px; }
#menu ul { list-style:none; padding:0; margin:0; }
#menu li { float:left; margin:0; }
#menu li a { color:#FFF; display:block; padding:4px 0 2px 0; font-size:100%; font-family:Arial Narrow, Arial, Verdana, Helvetica, Sans-Serif; text-decoration:none; text-align:center; }
#menu li a:hover { background-color:red; }
#menu li.home a { padding:4px 15px 3px 15px; }
#menu li.home em { display:none; }

#rightarea h5 { background-color:#DDD; font-size:92%; color:#333; padding:4px 10px; text-transform:uppercase; margin:10px 10px 0 0;  }
#rightarea p { font-size:85%; color:#777; padding:0 0 5px 10px; text-align:left; }

#searchregion {text-align:left; color:#006EBF;  padding-left :29px;}
#searchregion input { margin-right:3px; font-size:92%; margin-top:2px;}
#searchregion .searchlist { width:140px; border:1px solid #999; font-size:92%; }
.accentbar { width:400px; float:right; background: url(accent.gif) 5px top no-repeat #DDD; margin-top:-40px; height:24px;  font-size:77%; }
.accentbar1 { width:500px; float:right; background: url(accent.gif) 5px top no-repeat #DDD; height:22px; }

#sortregion { background-color: #F4F4F4; margin-left:10px; }
#sortregion, .paging { float:left; height:16px; padding:3px 5px; }

#paging { clear:both; }
#paging a {width:20px; text-align:center; padding:3px; float:left; border:1px solid #CCC; margin:2px; font-weight:bold; font-size:11px;}
#paging a:hover { border:1px solid #000; }
#paging a.prev { width:60px; background:url(/lib/img/ui/arrows/previous.gif) no-repeat right 3px; }
#paging a.next { width:60px; background:url(/lib/img/ui/arrows/next.gif) no-repeat 0 3px; }
#paging a.currentpage, .paging a.current:hover { text-decoration:none; border:0; background:none; color:#333; }


/* ========================================================================================
              Event Info And Offer                                                                               */
/* ==================== ===================================================================          */

#eventinforegion {width:190px; border:1px solid #CCC; float:left; margin:-25px 0 0 5px; text-align:center; }
#eventinforegion .links { background-color:#EEF; padding:5px; padding-left:15px; text-align:left; font-size:92%; min-height:71px;}
#eventinforegion .links a { display:block; padding:3px 0; text-decoration:none; margin-left:10px; }
#eventinforegion .links img { margin:0 5px; }
#eventinforegion .info {min-height:75px;}
#eventinforegion .info { margin:10px 0 0 0 ;}
.eventinfo {overflow:hidden ; } 
.eventinfo2 { overflow:hidden ;  width:400px;  padding-left:50px;} 
div .eventinfo2   h4, h3 {color:#034B85;}
#offerregion { overflow:hidden; margin-top:-10px; min-width :710px; }
/*#superoffer { min-height:170px; width:705px; }*/
#upperregion {min-height:344px; border-width:0px;}
#divoffer { height:170px;}
/* ==================== ===================================================================          */

#locator { position:absolute; bottom:0; left:0; padding-top:10px ;  padding-left:10px ; color :#981D22; font-size:10px; }
#locator lbl { margin:15px 25px 8px 0;  }
#locator .lbl a { text-decoration:none; color:#F88;}

#listregion { min-height:260px; _height:260px; width:700px; position:relative; float:left; padding:0 10px; text-align:left;}
#listregion h5 { margin:15px 0 8px 0; color:#981D22; }
#listregion h5 a { margin:15px 0 8px 0; color:#981D22; font-size:100%;}

 #editioninfo {clear:both;  overflow:auto; position:absolute; z-index:10000; top:110px; left:40%; width:400px; height:600px; background:#FFF; border:5px solid #CCC; padding:10px; margin: 15px 0px 15px 10px; }
#editiondetails {margin:15px 10px 8px 10px; }
#editiondetails h4 {color:#034B85;}
.eventspanel { width:33%; float:left;  min-height:135px;white-space: normal;}
.eventspanel ul { font-size:92%; padding:0; margin-right:10px; list-style-type:none; }
.eventspanel li { padding:0; margin:0; list-style-type:none; }
.eventspanel a { color:#888; text-decoration:none; } 
.eventspanel .links a { background:url(/lib/img/icons/boatshow/webpage.gif) no-repeat left 2px; padding-left:18px; }
.eventspanel a.current { color:#F88; }

#infobox ul {background:#FFF; border:5px solid #CCC; z-index:100; list-style-type:none;}
/*#infobox {position:relative;display:none ; }*/
#infobox ul { position:absolute;  left:1px;top:-70px; background:#FFF; border:5px solid #CCC; z-index:100; width :90%; }
#infobox li { position:relative; top:1px; }
.inputfield { clear:both; padding:1px 0; }
.inputfield .label { width:140px; padding:4px 4px 0 0;text-align:right; display:block; float:left; font-size:0.85em}
.inputfield table td {padding:2px; background-color:#FFF; border-color:#FFF;}
.inputfield table td label{padding:0 0 0 4px;}
.inputfield table {border-color:#FFF;}

#advancedsearch {font-size:0.85em;clear:both; padding:4px 4px 0; }
.label {font-size:0.85em; }

.holder { border:1px solid #B7AF91; margin:20px 0; font-size:11px; }
.menubar { background-color:#EFEBDB; border-top:1px solid #FFF; border-bottom:1px solid #D8D2BD; border-right:1px solid #D8D2BD; border-left:1px solid #FFF;  }
div.holder .menubar {background-color:#EFEBDB;}
.menubar h4 {color:#034B85; font-size :107%;}
div a.nmma {color:Blue; font-weight:bolder; margin: 0 0.15em -0.5em 0;   /*background: #90ee90; */}
.selected { font-weight:bolder;}
.nonselected { font-weight:normal;}
.hidden {display:none;}
.visible{display:block ;}
.listshow {font-size:12px;}
.listshow a {text-decoration:none;color:White;}

.editionlogo{font-size:0.85em; }

#sendtoafriend { position:absolute; top:300px; left:250px; background:#EEE; border:5px solid #666; padding:20px; z-index:400; }

.textbox, select, .dropdownlist, textarea { padding:2px; font-size:100%; font-family:Verdana, Helvetica, Arial, Sans-Serif; border:1px solid #999; width:300px; }
.textbox { border:1px solid; border-color:#999 #CCC #CCC #999; margin:0 0 2px 0; }
.dropdownlist option { padding:0 2px; }
.dropdown { width:150px; }
.checkbox input { vertical-align:middle; margin-right:5px; }
.button, .savebutton { border:0; border-color:#EEE #999 #999 #EEE; background:#0061B5; color:#FFF; font:bold 12px Verdana; padding:2px 5px;  margin-bottom :2px; margin-left:2px; cursor:pointer; }
textarea { border:1px solid; border-color:#999 #CCC #CCC #999; padding:2px; text-align:left; width:350px; }

.buttonarea { text-align:center; padding:10px; clear:both; }
 p.instructions, .error, .notify { padding:10px 5px 10px 55px; margin:5px; border:1px solid #CCC; background:#FFC url(/lib/img/icons/20/info.gif) no-repeat 15px 8px; font-weight:bold; }
.error { background-image:url(/lib/img/icons/20/alert.gif); }
.notify { background-image:url(/lib/img/icons/20/delivery.gif); }
.floatinglabels div { background:#EEE; padding:2px; margin:1px 5px; }
.floatinglabels div label { width:120px; float:left; display:block; text-align:right; padding-right:4px; font-size:12px; padding-top:4px; color:#000; }
div.required label { font-weight:bold; }
.footer { margin-right:10px; background-color:#FFF; position:relative; overflow:hidden; width:715px; }
.menu { font-size:77%; color:#888; text-decoration:none; }
 
#verticalmenu { position:relative; width:100%; }
#verticalmenu a { border-bottom-width:1px; border-bottom-style:solid; display:block; padding:5px 0; margin:0; text-decoration:none; text-indent:8px; font-size:92%; }
#verticalmenu a.parent, #verticalmenu a.parent:hover { background:url(/global/images/ui/arrows/simple/right.gif) no-repeat 96% 6px; }
#verticalmenu a.section { font-weight:bold; padding:4px 0; text-indent:4px; border:0; border-bottom:1px solid #FFF; }
#verticalmenu li { margin:0; padding-bottom:1px; position:relative; border:0; }
#verticalmenu ul { position:absolute; top:-1px; left:173px; width:173px; border:1px solid #CCC; z-index:100; }
.validator { clear:both;}

/* --------- CALENDAR TABLE -------- */
.calendar { margin:20px 0;  border-left:0 0 0; border-right:0 0 0; font-size:10px; }
.calendar a { text-decoration:none; color:#F06000;}
.calendar a:hover { text-decoration:underline; }
.calendar table { border:1px solid; border-color:#FFF #D8D2BD #D8D2BD #FFF; border-left:0; }
.calendar table thead { font-weight:bold; border-top:1px solid #B7AF91; }
.calendar th { padding:3px; text-align:center; border-left:1px dotted #CCC;  background:#EFEBDB; }
.calendar td { padding:4px; border-top:1px solid #B7AF91; border-left:1px dotted #CCC;  background-color:#FFF; }
.calendar td.newwin { padding:0 2px; text-align:center; }
.calendar td.cdate { text-align:right; padding-right:10px; }
.calendar td.flag { text-align:center;  }
.calendar tr.alt td { background-color:#F5F6F3; }
.calendar th a { display:block; font-size:12px; }
.calendar th a.sortASC { display:block; background:url(/lib/img/ui/arrows/down.gif) no-repeat right 0; }
.calendar th a.sortDESC { display:block; background:url(/lib/img/ui/arrows/up.gif) no-repeat right 0; }






/* ======================================================================================
  Destinations:
====================================================================================== */
.destinations .card { width:50%; float:left; min-height:100px; _height:105px; }
.destinations .card a { width:90px; text-align:center; float:left; }
.destinations .card .wrapper { padding:0 15px 10px 96px; }
.destinations .card img { margin:5px 0; }



#newsletter-subscription {  padding:0 20px 0 1px; border-bottom:1px dashed #CCC; background: url(/lib/img/temp/email.gif) no-repeat 190px 0px #F4F4F4;}
#newsletter-subscription h3 {margin-left:50px; margin-right:60px; padding: 0 0 10px 0; font-weight:bold; color:#2F5697;  }
/*#newsletter-subscription label { display:block; font-size:77%; color:#666;text-align:left;  margin-left:10px; }*/
#newsletter-subscription .text { display:block; width:86%; border:1px solid  #629328; }
#newsletter-subscription .item { clear:both; padding:1px 10px 0 10px;  text-align:left; }
#newsletter-subscription .buttonarea { padding-top:10px; text-align:right; }

#noresult {margin-top: 0px; margin-left: 180px; text-align: left;}
#noresult ul { margin-top: 5px; margin-left: 20px; margin-bottom: 10px;}
#subsearch { margin-left: 0px;}
#linkssearch {text-align: right; margin-right:10px;  }
#zip {margin: 10px 0 10px 100px;}
#defaultsearch, #firstcolumn {margin-top: 5px;}
#divnoresults {margin-left:170px;}
#divnoresults ul {margin: 20px;}
#subpageing {float: right; width: 100px; font-size: 13px; padding: 6px 0 0 0;}
#subpaging a { /*display:block;*/ width:20px; text-align:center; padding:3px; float:left; border:1px solid #CCC; margin:2px; font-weight:bold; font-size:11px;}
#subpaging a:hover { border:1px solid #000; }
#subpaging a.prev { width:60px; background:url(/lib/img/ui/arrows/previous.gif) no-repeat right 3px; }
#subpaging a.next { width:60px; background:url(/lib/img/ui/arrows/next.gif) no-repeat 0 3px; }
#subpaging a.currentpage, .subpaging a.current:hover { text-decoration:none; border:0; background:none; color:#333; }
#txtzip {width: 70px;}
#lst {width: 55px;} 
#ubg a {margin-left:35px;}


.datepicker { padding:10px; }
.datepicker .label { display:block; width:80px; text-align:right; float:left; padding-right:5px; }
.datepicker input { /*vertical-align:middle; */}

.divsearchhelp { overflow:auto; position :absolute;top:40px;left:500px;height:500px; width:200px;background:#FFF; border:5px solid #CCC; z-index:11000; display:none; }
.errormsg {color:red; font-family:Verdana ; font-size:0.8em; }

#divlinktoevents {float :right ; margin-right :20px;}
.icons {padding:0 5px 0 5px; float :left;}

/*==================================================================*/
  /*=  Login
  /*==================================================================*/
 #content .login {  padding:2px; width:280px; float:left; }
 #content .login input.text { width:150px; font-size:114%; padding:0;  border:0.5px solid #668; }
  #content .login div.clearafter label { display:block; width:80px; text-align:right; float:left; padding:3px 10px 0 1px; }
 #content .login div.rememberme {padding:5px 0 5px 10px; margin:5px 5px 5px 5px; border-top:1px dotted #06234B;  }
 #content .login div.rememberme em { display:block; padding-left:27px; font-size:82%; font-style:normal; float :left  }
  #content .login div.rememberme label {  padding-left :10px;  }
 #content .login div.passwordrecovery { padding:5px; margin:10px; width:200px}
  #content .login p.alert { color:red; margin:10px 0; }
  #content .login div.buttonarea  { padding-top:30px; background :#fff; border-top:0px;  text-align:center ;}