/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{font-family: Arial,sans-serif;	color: #003366;	line-height: 1.166;	margin: 0px;padding: 0px;background: #cccccc url(http://www.mybocadelray.com/i/bg_grad.jpg) fixed;}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{ text-decoration: underline;}
a:hover{text-decoration: underline;}


#filmarea {position:relative; width:600px; height:640px; background:#888; border:1px solid #000; margin:0 auto;}
#filmarea b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.slidea {background:url(http://www.mybocadelray.com/i/benn/bmh1.jpg);}
a.slideb {background:url(http://www.mybocadelray.com/i/benn/bmh2.jpg);}
a.slidec {background:url(http://www.mybocadelray.com/i/benn/bmh3.jpg);}
a.slided {background:url(http://www.mybocadelray.com/i/benn/bmh4.jpg);}
a.slidee {background:url(http://www.mybocadelray.com/i/benn/bmh5.jpg);}
a.slidef {background:url(http://www.mybocadelray.com/i/benn/bmv1.jpg);}
a.slideg {background:url(http://www.mybocadelray.com/i/benn/bmv2.jpg);}
a.slideh {background:url(http://www.mybocadelray.com/i/benn/bmv3.jpg);}
a.slidei {background:url(http://www.mybocadelray.com/i/benn/bmv4.jpg);}
a.slidej {background:url(http://www.mybocadelray.com/i/benn/bmv5.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:440px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}



/************** header tag styles **************/
h1{ font: bold 150% Arial,sans-serif; color:black; margin: 0px; padding: 0px;}
h2{ font: bold 120% Arial,sans-serif; color:yellow; margin: 0px; padding: 0px;}
h3{ font: bold 120% Arial,sans-serif; color:yellow; background-color: #003366; margin: 0px; padding: 5px;}
h4{ font: bold 115% Arial,sans-serif; color:black; background-color: #BFE4FF; margin: 0px; padding: 2px; border:solid 1px #000000;}
h5{ font: bold 115% Arial,sans-serif; color:black; background-color: #ffffcc; margin: 0px; padding: 5px; border:solid 2px #000000;}
h6{ font: 110% Arial,sans-serif; color:black; background-color: #f8f8f8; margin: 0px; padding: 3px; border:solid 1px #000000;}
/*************** list tag styles ***************/
ul{ list-style-type: square;}
ul ul{ list-style-type: disc;}
ul ul ul{ list-style-type: none;}

/* Layout Divs */
#pagecel1{	position:absolute;	top: 0px;left: .75%;right: .75%;width:98.1%;background-color: #003366;	border:solid 2px #000000;}
#tl {position:absolute;	top: -1px;left: -1px;margin: 0px;padding: 0px;	z-index: 100;}
#tr {position:absolute;	top: -1px;right: -1px;	margin: 0px;padding: 0px;z-index: 100;}
#navbar{background:url(http://www.mybocadelray.com/i/my-bocadelray-side.jpg) no-repeat;float: left;width:210px; padding: 0px;	font: small Verdana,sans-serif;}
#content{background-color:#FFFFFF;	padding: 0px;margin:0px 0px 0px 202px;border-left: 1px solid #000000; }
#photos1{background-color:#FFFFFF;	padding: 5px; }
#photos2{background-color:#FFFFFF;	padding: 5px; }
#photos3{background-color:#FFFFFF;	padding: 5px; }
#beige{background-color:#FFcc80;	padding: 10px; border:solid 1px #000000; }
#adtop{background-color:#FFFFcc; border:solid 1px #000000;	padding: 5px; width:500px; height:140px; }
#admiddle{background-color:#FFFFcc; border:solid 1px #000000;	padding: 5px; width:500px; height:140px; }
#adbottom{background-color:#FFFFcc; border:solid 1px #000000;	padding: 5px; width:500px; height:140px; }
#adnav{background:url(http://www.mybocadelray.com/i/your-smokies-side.jpg) no-repeat;float: left; width:210px; padding: 0px;	font: small Verdana,sans-serif;}
#featuread{background-color:#ffffcc; font: 100% Courier-New;	padding: 10px; border:solid 1px #000000; }
/* Component Divs  */

/************** pageName styles ****************/
#siteName{	margin: 0px;padding: 16px 0px 8px 0px;color: #ffffff;font-weight: normal;}
#pageName{	background:url(http://www.mybocadelray.com/i/my-boca-delray-top.jpg) no-repeat #003366;	padding: 0px 0px 0px 10px;margin: 0px;height:100px;}
#pageName h2{font: bold 175% Arial, sans-serif;color: #000000;margin:0px;padding: 0px;}

/************** feature styles *****************/
.feature{	padding: 0px 0px 10px 10px;	font-size: 80%;	min-height: 200px;height: 200px;}
html>body .feature {height: auto;}
.feature h3{font: bold 175% Arial, sans-serif;color: yellow;padding: 30px 0px 5px 0px;}
.feature img{float: left;padding: 0px 10px 0px 0px;}

/*************** story styles ******************/
.story {padding: 10px;font-size: 80%; background:#FFFFFF;color: black; height: 100%;}
.story h3{font: bold 125% Arial, sans-serif;	color: yellow;}
.story p {font: 100% Arial, sans-serif;	color: black; padding: 0px 0px 10px 0px;}
.story a.capsule{font: bold 1em Arial, sans-serif;color: #000000;display:block;padding-bottom: 5px;}
.story a.capsule:hover{text-decoration: underline;}
td.storyLeft{padding-right: 12px;}

/************** footer ****************/
#footer{clear: both;border-top: 1px solid #000000;font: 100% Arial,sans-serif; color: #ffffff;	padding: 10px;	margin-top: 0px;text-align: center;}
#footer a{font: 100% Arial, sans-serif; color: yellow; text-decoration: underline;}
#footer a:hover{text-decoration: underline; color:yellow;}

/************ navlinks styles **************/
.navlinks{margin: 7px;padding: 0px;}
.navlinks h3{padding: 10px 0px 2px 10px;border-bottom: 1px solid #000000;}
.navlinks a:link, .navlinks a:visited {	display: block;	border-top: 1px solid #000000;border-bottom: 1px solid #000000;	background-color: #3571AF; width:181px; height:20px; font-weight: bold;padding: 3px 0px 3px 8px;color: #FFFFFF; text-decoration: none}
.navlinks a:hover{border-top: 1px solid #000000;background-color: #000000;background-image: none;font-weight: bold;text-decoration: none;color:white;}

.navlinkstarget{margin: 7px;padding: 0px;}
.navlinkstarget h3{padding: 10px 0px 2px 10px;border-bottom: 1px solid #ffffff;}
.navlinkstarget a:link, .navlinkstarget a:visited {	display: block;	border-top: 1px solid #000000;border-bottom: 1px solid #000000;	background-color: #A10048; width:181px; height:20px; font-weight: bold;padding: 3px 0px 3px 8px;color: #ffffff; text-decoration: none}
.navlinkstarget a:hover{border-top: 1px solid #000000;background-color: #000000;background-image: none;font-weight: bold;text-decoration: none;color:yellow;}

.navlinksys{margin: 7px;padding: 0px;}
.navlinksys h3{padding: 10px 0px 2px 10px;border-bottom: 1px solid #ffffff;}
.navlinksys a:link, .navlinksys a:visited {	display: block;	border-top: 1px solid #000000;border-bottom: 1px solid #000000;	background-color: #ffff99; width:181px; height:20px; font-weight: bold;padding: 3px 0px 3px 8px;color: #000000; text-decoration: none}
.navlinksys a:hover{border-top: 1px solid #000000;background-color: #000000;background-image: none;font-weight: bold;text-decoration: none;color:yellow;}

.navlinkstable{margin: 7px;padding: 0px;}
.navlinkstable h3{padding: 10px 0px 2px 10px;border-bottom: 1px solid #ffffff;}
.navlinkstable a:link, .navlinkstable a:visited {display: block; border-top: 1px solid #000000;border-bottom: 1px solid #000000;	background-color: #3571AF; width:370px; height:20px; font-weight: bold;padding: 3px 0px 3px 8px;color: #ffffff; text-decoration: underline}
.navlinkstable a:hover{border-top: 1px solid #000000;background-color: #000000;background-image: none;font-weight: bold;text-decoration: none;color:yellow;}

/**************** navtitle styles *****************/
.navtitle{margin: 10px; padding: 0px;}
.navbanner {background:#003366; text-align:center; margin:10px 0px; padding:10px 0px; width:200px;}
#quote{background-color:#ffffcc; font: 120% Courier-New; padding: 10px; border:solid 1px #000000; }
/********************* end **********************/