/* hm: home page,  cf: clw fl pg, cb: clw beach pg, ac: accommodations pg, ttd: things to do pg */
/* colors - headings red: #c00; red hover: #d00; teal: #369; light teal: #0084B7;  very light gray/teal: #DDE4E8;  med blue: #03c*/
/* global */
.imga {border:  #ccc; 2px; solid;}
html, body {height: 100%;	border: none;	padding-bottom: 1px;  /* display right scroll bar if page less than full height of browser*/}
* {margin:0;	padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:76%;	line-height: 1.4em;
	background-image: url(../images/bg.jpg);	background-repeat:repeat-x;	background-attachment:fixed;	background-color:#007CAF;
	color: #333;	text-align: center; }
img {border-color: #999;	border-width: 1px;	background-color: #fff;	padding: 2px;}
a:hover {color: #d00;	text-decoration: underline;}
#outer {width: 960px;	text-align: left; margin-left:auto;	margin-right:auto;	min-height:100%;	_height:100%;}
#top {width: 960px;	color: #fff;	font-size: 115%;	font-weight:bold;	text-align:center;}
#top img {margin-top: 6px;	border: #ccc 2px ridge;	padding: 0;}
#top ul {list-style: none;	height: 2em;}
#top a {display: block;	color: #fff;	text-decoration: none;}
#top li {float: left;	line-height: 2em;}
#top a:hover {text-decoration: underline;	color: #cff;}
#nav1 {width: 110px;} #nav2 {width: 220px;} #nav3 {width: 220px;} #nav4 {width: 206px;} #nav5 {width: 192px;}
#middle {width: 100%;	background-color: #fff;	border: #ccc 1px solid;}
#botbar {height: 110px; width: 100%;	padding-top: 10px; background-color: #fff; border: #369 1px solid;  text-align: center;}
/*#botbar ul {list-style: none;	width: 810px;	margin: 10px auto 0 auto;}
#botbar li {display: inline;	width: 266px;	float: left;}
#botbar img {padding: 4px 0 0 4px;	border: #900 1px solid;	background-color: #900;}
#botbar img:hover {border: #fff 1px solid;}
*/
#botmenu {width: 958px; color: #069;	margin-top: 15px; margin-left: 30px;}
#botmenu  ul {list-style: none;	cursor: pointer; } 
#botmenu  li {width: 200px;	float: left; padding: 0 10px 0 10px;  margin-left: auto;	margin-right: auto;	}
#botmenu li a {color: #333;	text-decoration: none;}
#botmenu a:hover {padding: 1px 4px 1px 4px;	background-color: #fff;}
#botmenu ul ul li {width: 180px; float: none;	list-style: square inside; font-size: 90%;}
#footer {width: 100%;	text-align:center;	font-size:90%;	color:#ddd;	padding: 10px 0 10px 0;	clear: both;}
#footer a {color:#ddd;	padding: 1px 4px 1px 4px;}
#footer a:hover {padding: 1px 4px 1px 4px;	background-color: #333;}
h1 {font-size: 180%;}  .size1 {font-size: 180%;}
h2 {font-size: 150%;}  .size2 {font-size: 150%;}
h3 {font-size: 125%;}  .size3 {font-size: 125%;}
h4 {font-size: 100%;}  .size4 {font-size: 100%;}
h5 {font-size: 89%;}   .size5 {font-size: 89%;}
h6 {font-size: 75%;}   .size6 {font-size: 75%;}
.clrleft {clear: left;}  .clrright {clear: right;}  .clrboth {clear: both;}
/* global end */

/* home page */
#hm-main h1 {margin-top: 15px; margin-bottom: 15px;}	
#hm-main h1 a {color: #c00;	text-decoration: none;}
#hm-main h1 a:hover {text-decoration: underline; color: #d00;}
#hm-tweet {
	float: right;
	margin-top: 10px;
}
#hm-facebook {
	float: right;
	margin-top: 10px;
}
#hm-main p {margin-left: 10px;}
#hm-main img {
	margin: 0px 0px 10px 10px;
	float: right;
	border: none;
}
#hm-main2l {
	width:440px;
  float: left;
	padding: 0px 20px 10px 20px;
}
#hm-main2r {
	width:440px;
	float: right;
	padding: 0px 20px 10px 0px;
}
.hm-listbx {
	padding: 5px;
	background-color: #E4EAED;
	border: #C4D0D7 1px solid;
}
.hm-listbx a {padding-left: 10px;}
.hm-listbx ul {
	margin-left: 10px;
	list-style: inside;
}
#hm-mid {margin: 20px 20px 10px 20px;}
#hm-mid h3 {
		text-align: center;
		padding: 2px 0 4px 0;
		margin-bottom: 10px;
		background-color:#0084B7;
}
#hm-mid h3 a {
	text-decoration: none;
	color: #fff;
}
#hm-mid h3 a:hover {
	text-decoration: underline;
	color: #cff;
}
#hm-mid p {margin: 0 10px 0 10px;}
#hm-mid img {
	float: right;
	margin-left: 15px;
	border: none;
}
#hm-mid2l {
	float: left;
	width: 440px;
	border: #369 1px solid;
	padding-bottom: 10px;
}
#hm-mid2r {
	float: right;
	width: 440px;
	border: #369 1px solid;
	padding-bottom: 10px;
}
#hm-bot {
	margin: 20px 20px 10px 20px;
	min-height: 100px;
	_height: 100px;
	clear: both;
}
#hm-bot h4 {
	color: #369;
	font-style:italic;
}
#hm-bot h4 a{
	text-decoration: none;
	color: #369;
}
#hm-bot img {
	border: #fff 1px solid;
	margin-left: 20px;
	float: right;
}
#hm-bot img:hover {border: #d00 1px solid;}
/* home page - end */

/* Clearwater Florida page */
#cf-main {width:660px; 	margin-left: 15px;  float: left; display: inline/*ie6*/;}
#cf-main h3 {margin-bottom: 5px;}
#cf-main h3 a {
 color: #03c;
 text-decoration: none;
}
#cf-main a:hover {
color: #d00;
text-decoration: underline;
}
#cf-side {
	width:260px;
  float: right;
  padding-left: 10px;
	margin-right: 10px;
	display: inline/*ie6*/;	
}
#cf-bx1 {
	height: 205px;
	width: 300px;
	overflow: auto;
}
#cf-bx1 ul {margin-left: 20px;}
#cf-bx1 a {
 color: #03c;
 text-decoration: none;
}
#cf-slides {
	width:310px;
	height: 210px;
  float: left;
	margin-right: 15px;
	overflow: hidden;
}
#cf-slides img {
  padding: 4px;  
  border:  #ccc 1px solid;  
  background-color: #eee;  
  width:  300px; 
  height: 200px; 
}
#cf-slides img:hover {border-color: #d00;}
#cf-slides2 {
	width: 260px;
	height: 240px;
	background-image: url(../images/clearwater-florida-map.gif);
	background-repeat:no-repeat;
	overflow: hidden;
}
#cf-slides2 img {
	margin-top: 150px;
	margin-left: 10px;
	width: 118px;
	height: 74px;
}
#cf-main-mid ul {list-style: none;}
#cf-main-mid li {
	width: 200px;
	float: left;
	padding: 6px 10px 0 10px;
}
#cf-news {
	border: #DDE4E8 1px solid;
	background-color: #EBEFF2;
  padding: 5px 10px 10px 10px;
}
#cf-news h3 {color: #369;}
#cf-news ul {margin-left: 20px;}
.cf-photgal {text-align: center;}
.cf-photgal h3 {color: #369;}
.cf-photgal img{border: #fff 1px solid;}
/*.cf-photgal img:hover {border: #d00 1px solid;}*/
/* Clearwater Florida page - end*/

/* Clearwater Beach page */
#cb-main h2, h3 {color: #369;}
#cb-main h3 a, h4 a{
	color: #369;
	text-decoration: none;
}
#cb-main a:hover {text-decoration: underline;}
#cb-main p {margin-left: 15px;}
#cb-mainl {
	width: 420px;
	float: left;
	padding: 0px 15px 10px 20px;
	}
#cb-mainl img {
	margin: 0px 20px 10px 0;
  border:  #fff 1px solid; 
	float: left;
}
#cb-mainl img:hover {border: #d00 1px solid;}
#cb-mainr {
	width: 400px;
	float: left;
	margin-left: 45px;
	border: #369  1px solid;
	background-color: #EBEFF2;
}
#cb-mainr p {margin: 0 10px 0 20px;}
#cb-mainr h3, h4 {margin: 0 0 5px 15px;}
#cb-mainr-h {
	font-size: 125%;
	font-weight: bold;
	padding: 4px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #0084B7;
	border: #369 1px solid;
}
#cb-slides {
	width:408px;
	height: 275px;
	overflow: hidden;
	float: left;
	margin: 10px 10px 30px 40px;
}
/* Clearwater Beach page - end */

/* Accommodations page */
#ac-main {margin: 0 10px 10px 10px;}
#ac-mainl {
	width: 400px;
	float: left;
	padding: 15px;
	margin: 0 10px 10px 10px;
}
#ac-mainl ul {
	list-style: inside;
	list-style-type: none;
}
#ac-mainl li {
	margin-bottom: 20px;
	clear: left;
}
#ac-mainl li img {
	margin-bottom: 25px;
	float: left;
}
#ac-mainl li p {margin-left: 85px;}
#ac-mainr {
	width: 400px;
	float: left;
	padding: 15px;
	margin: 0px 10px 10px 30px;
}
/* Accommodations page - end */

/* Things To Do page */
#ttd-main {
	width:660px;
	margin: 5px 0 0 15px;
  float: left;
	display: inline	/*ie6*/;
}
#ttd-mainbx {
	float: left;
	margin: 0 10px 0 10px;
	display: inline	/*ie6*/;
}
#ttd-mainbx ul {margin-left: 20px;}
#ttd-mainbx a {
 color: #03c;
 text-decoration: none;
}
#ttd-mainbx a:hover {
	color: #d00;
	text-decoration: underline;
}
#ttd-mainbx img {
	float: right;
	margin: 0 20px 0px 20px;
}
#ttd-side {
	width:240px;
  float: right;
  padding: 15px;
	margin: 10px 0px 0 0;
	background-color: #ececec;
	display: inline	/*ie6*/;
}
#ttd-side h2, h3 {color: #369;}
#ttd-side h2 a, h3 a {color: #369; text-decoration: none;}
#ttd-side h2 a:hover {text-decoration: underline;}
/* Things To Do page - end */

/* Beach pictures */
#bpics {
	margin-bottom: 40px;	
	margin-left: 100px;
}
#bpics h2 {
	color: #fff;
}
#bpics table {
	text-align: center;
	border: #369 1px solid;
	margin: 5px 0 20px 0;
}
#bpics caption {
	padding: 5px 0 5px 0;
/*	border-top: #369 1px solid;
		border-left: #369 1px solid;
			border-right: #369 1px solid;*/
	background-color: #0084B7; /*#DDE4E8;*/
}
#bpics td {
padding: 15px 30px;
}
#bpics img:hover {
	border: #d00 1px solid;
}
/* Beach pictures - end */

/* Events */
#eventsl {
	width: 400px;
	float: left;
	padding: 10px 15px 10px 15px;
	margin: 0px 5px 5px 25px;
	border: #0084B7 1px solid;
}
#eventsl h2, h3 {margin-bottom: 15px; color: #369;}
#eventsr {
	width: 400px;
	float: left;
	padding: 10px 15px 10px 15px;
	margin: 0px 5px 5px 35px;
	border: #0084B7 1px solid;
}
#eventsr h2, h3 {margin-bottom: 15px; color: #369;}
 /*#0084B7;  very light gray/teal: #DDE4E8;*/
/* Events - end */

/* Businesses */
#bus p {
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}
#bus table {
	padding: 0;
	margin-left: 20px; 
	margin-top: 10px;
	border-bottom: #ccc 1px solid;
	width: 95%;
}
#bus td {
	vertical-align: top;
	padding: 6px 6px 20px 6px;
	border-top: #ccc 1px solid;
	/*border-bottom: #ccc 1px solid;*/
}
/* Busineseses - end */

/* common */
#mhead {padding: 15px 0px 15px 20px; color: #c00;}
.bx2 td{
	padding: 5px;	
	border: #dfe6ea 1px solid;
	vertical-align: top;
}
.bx2 h4, .bx2 p {margin-left: 90px;}
.bx2 h4 a{color: #369;}
.bx2 a:hover {color: #d00;}
.bx2 img {
	float: left;
	border: none;
}
#mainl {
	width: 400px;
	float: left;
	margin: 0px 20px 20px 40px;
}
#mainl h2, h3 {margin-bottom: 6px; color: #369;}
#mainr {
	width: 400px;
	float: left;
	margin: 0px 20px 20px 40px;
}
#mainr h2, h3 {margin-bottom: 6px; color: #369;}
.pic-r {
	margin: 10px;
	float: right;
	text-align: center;
}
.pic-r img {border: #fff 1px solid;}
.pic-r img:hover {border: #d00 1px solid;}
.pic-l {
	margin: 10px;
	float: left;
	text-align: center;
}
.pic-l img {border: #fff 1px solid;}
.pic-l img:hover {border: #d00 1px solid;}
.pic-c {
	margin: 10px;
	text-align: center;
}
.pic-c img {border: #fff 1px solid;}
.pic-c img:hover {border: #d00 1px solid;}
.pic-l-txtc {
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
.pic-l-txtc img {border: #fff 1px solid;}
.pic-l-txtc img:hover {border: #d00 1px solid;}
.sched p {margin-bottom: 2px; padding-left: 4.6em; text-indent: -4.6em;}
#mainw {
	width: 800px;
	margin: 0 auto 20px auto;
}
#mainw660l {
	width:640px;
	margin: 5px 0 0 15px;
  float: left;
}
#mainw660l img {
	float: right;
	margin: 10px 20px 10px 20px;
}
#mainw1 {
	width: 440px;
	float: left;
	padding: 0 20px 20px 40px;
}
#mainw1 h2, h3 {margin-bottom: 6px; color: #369}
#mainw2 {
	width: 600px;
	margin: 0 0 30px 40px;
	border: #0084B7 1px solid;
	padding: 20px;
}
#mainw2 h2, h3 {margin-bottom: 8px; color: #369}
#mainw2 li {margin-left: 20px;}
#mainn2 {
	width: 430px;
	float: left;
	padding: 0 10px 15px 20px;
}
#mainn1 h2, h3 {margin-bottom: 6px; color: #369}
.imgbor img {border: #fff 1px solid;}
.imgbor img:hover {border: #d00 1px solid;}
.mrgnl20 {margin-left: 20px;}
.mrgnr20 {margin-right: 20px;}
.wid550 {
	width: 550px;
}
.font85 {font-size: 85%};

/* common - end */

/* specific */

/* forms */
#main-div {width: 48em; height:32em; font-size:12px; line-height:15px;}
#main-div h1 {font-size: 180%; margin-bottom: 10px;}
#main-div h2 {font-size: 150%; color: #c00;	margin: 10px 0 10px 0;}
p#err1, p#err2 {visibility: hidden; color: #f00; font-weight:bold;}
span#errName, span#errCategory, span#errAddress, span#errDesc, span#errEmail {visibility: hidden; color: #f00; font-size: 85%;}
#thanku {visibility: hidden; color: #c00;}
#merchant {padding: 10px 10px 0 10px; text-align: left;}
#merchant h2 {color: #c00; text-align: center;}
#merchant td {vertical-align: top;}
.merchFormNotes {color: #03c; font-size: 85%;}
/*forms end*/
#cbxss1 {
	font-weight:bold;
	color: #00f;
}
#cbxss1:hover {
	color: #d00;
}
#cbxss2 {
	font-weight:bold;
	color: #00f;
}
#cbxss2:hover {
	color: #d00;
}
#sitemap {margin-top: 15px;}
#sitemap h3 {color: #c00;}
#sitemap ul {margin-left: 15px;}
#primaryNav li {line-height: 1.5em; margin-left: 20px;}
#primaryNav #home {margin-left: 0;}
#primaryNav #home a {text-decoration: none;}
#home {list-style:none; font-size: 115%; font-weight: bold; margin-bottom: 2px;}
#ihsmainw {
	width: 840px;
	margin: 0 auto 20px auto;
}
.ihsfooter {color: #fff;}
.ihsfooter a {color: #fff;}
.search {margin: 10px;	float: right;} /*google search input box*/
.tweet {float: right; margin: 11px 30px 9px 10px;}
.facebook {float: right; width: 160px; height: 22px; margin: 10px 10px 8px 8px;}
/* specific - end */

/* weather */
#weather {
	width: 726px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align:center;
}
.w1 {background-color:#ccf;	border: 1px solid #fff;}
.w2 {background-color:#fcc;	border: 1px solid #fff;}
.w3 {background-color:#ccc;	border: 1px solid #fff;}
.w4 {background-color:#9cf;	border: 1px solid #fff;}
/* end weather */

/* maps */
#maps {
	width: 930px;
	margin: 10px auto 20px auto;
	margin-bottom: 100px;
}
#maps p{
	margin-left: 20px;
}
.map  {
	float: left;
	width: 230px;
	height: 250px;
	font-weight: bold;
	color: #00c;
	text-align: center;
}
/* end maps */

/* old */
#main h1 {
	margin-top: 15px;
	margin-bottom: 15px;
}	
#main h1 a {
	color: #c00;
	text-decoration: none;
}
#main h1 a:hover {
	text-decoration: underline;
	color: #d00;
}
#main p {margin-left: 10px;}
#main img {
	margin: 0px 0px 10px 10px;
	float: right;
	border: none;
}
/* old - end */

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../images/cbimages/overlay.png) repeat 0 0;}
#colorbox{}
  #cboxTopLeft{width:21px; height:21px; background:url(../images/cbimages/controls.png) no-repeat -101px 0;}
  #cboxTopRight{width:21px; height:21px; background:url(../images/cbimages/controls.png) no-repeat -130px 0;}
  #cboxBottomLeft{width:21px; height:21px; background:url(../images/cbimages/controls.png) no-repeat -101px -29px;}
  #cboxBottomRight{width:21px; height:21px; background:url(../images/cbimages/controls.png) no-repeat -130px -29px;}
  #cboxMiddleLeft{width:21px; background:url(../images/cbimages/controls.png) left top repeat-y;}
  #cboxMiddleRight{width:21px; background:url(../images/cbimages/controls.png) right top repeat-y;}
  #cboxTopCenter{height:21px; background:url(../images/cbimages/border.png) 0 0 repeat-x;}
  #cboxBottomCenter{height:21px; background:url(../images/cbimages/border.png) 0 -29px repeat-x;}
  #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:28px;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:50px; color:#00f;}
    #cboxSlideshow.hover {color:#c00;}
    #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/cbimages/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/cbimages/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(../images/cbimages/loading_background.png) no-repeat center center;}
    #cboxLoadingGraphic{background:url(../images/cbimages/loading.gif) no-repeat center center;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/cbimages/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbimages/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* Colorbox end */