/*

Theme Name: Bonita Springs Chamber

Theme URI: http://wordpress.org/

Description: Custom Theme for the Bonita Springs Chamber of Commerce.

Version: 1.0

Author: CyberSunshine, Inc

Author URI: http://www.cybersunshine.com/

Tags: purple, fixed width, Bonita Springs



*/

@charset "utf-8";

/* CSS Document */



HTML

{

	margin: 0;

	padding: 0;

}

BODY

{

	background: #e9bb8b url(images/bg_gradient_top.png) top left repeat-x;

	margin: 0;

	padding: 0;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

a:link, a:visited, a

{

	/* color: #000000;

	text-decoration: underline; */

}

A:hover

{

	color: #ff0000;

}

IMG

{

	border: 0;

}

#page

{

	margin: 0 auto;

	text-align: center;

	width: 960px;

}

#header

{

	/* width: 100%; */

	height: 165px;

	background: url(images/header.gif) top center no-repeat;

	position: relative;

	margin: auto;

}

#headerContent

{

	margin: auto;

	width: 960px;

	position: relative;

	height: 165px;

}

#headerMembers

{

	position: absolute;

	right: 5px;

	top: 6px;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

}

#headerMembers a {color: #fff;}



#header_home_link

{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 450px;

	height: 165px;

}

#header_download_guide

{

	display: block;

	position: absolute;

	bottom: 0;

	right: 0px;

	width: 320px;

	height: 115px;

}

#pagecontent

{

	width: 960px;

	margin: auto;

}

#photoandcal

{

	/* position: relative; */

}

#calendar

{

	/* position: absolute;

	right: 4px;

	top: 0px; */

	width: 295px;

	height: 351px;

	background: url(images/calbg.gif) no-repeat;

	padding-top: 10px;

	float: left;

	margin-left: 5px;

}

#calendar_holder

{

	float: left;

	clear: both;

	width: 220px;

	height: 200px;

	margin: 8px auto auto 30px;

}

.calendar_text

{

	padding-top: 5px;

	text-align: left;

	width: 260px;

	margin: auto;

}

.calendar_text a

{

	/* color: #000; */

	font-weight: normal;

	font-size: 10px;

	line-height: 16px;

}

#busdir

{

	/* position: absolute;

	right: 4px;

	bottom: 0px; */

	float: left;

	margin-left: 5px;

	width: 295px;

	height: 95px;

	background: url(images/bdbg.gif);

	position: relative;

}

#busdir div

{

	width: 195px;

	position: absolute;

	right: 10px;

	bottom: 10px;

	text-align:justify;

	font-weight: bold;

	font-size: 10px;

}

#our_community

{

	width: 954px;

	margin-top: 17px;

	background: url(images/sliver.gif) top left no-repeat;

}

#our_community_text

{

	width: 924px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	padding: 0 15px;

	background: url(images/sliver.gif) top right no-repeat;

	text-align: justify;

}

#our_community_text DIV

{

	height: 35px;

}

#recent_events_header

{

	width: 960px;

	margin: auto;

	text-align: left;

	margin-top: 20px;

}

#recent_events

{

	width: 960px;

	text-align: left;

	position: relative;

	height: 345px;

	margin-top: 5px;

}

.recent_event

{

	margin-bottom: 17px;

	background: url(images/recent_events_bg.gif) no-repeat;

	width: 579px;

	height: 160px;

	padding-left: 15px;

}

.recent_event table tr td

{

	color: #fff;

	font-size: 14px;

	font-weight: bold;

}

.recent_event table tr td a

{

	/*color: #fff;*/

}

.recent_event img

{

	margin-right: 12px;

	margin-left: 8px;

	margin-top: 7px;

	border: 1px solid #ffffff;

}

#recent_events_banners

{

	position: absolute;

	right: -3px;

	top: 0px;

	width: 365px;

}

#recent_events_banners img

{

	padding-top: 4px;

	padding-right: 8px;

}

#bottom_call_actions

{

	margin: auto;

	margin-top: 6px;

	width: 964px;

	height: 313px;

	position: relative;

	background: url(images/bottom_call_actions.gif) top center no-repeat;

}

#eNewsletter

{

	position: absolute;

	top: 260px;

	left: 115px;

	width: 180px;

	text-align: right;

	

}

#eNewsletter a

{

	font-weight: bold;

	/*color: #224b81;*/

	font-size: 11px;

}

#eNewsletter form

{

	margin: 0px;

	text-align: right;

}

#videosPlayer

{

	position: absolute;

	top: 16px;

	left: 342px;

	width: 281px;

	height: 210px;

}

#videosText

{

	position: absolute;

	top: 255px;

	left: 440px;

	width: 180px;

	text-align: left;

	font-weight: bold;

	font-size: 11px;

}

#memberLogin

{

	position: absolute;

	top: 255px;

	left: 750px;

	width: 200px;

	text-align: justify;

	font-weight: bold;

	font-size: 11px;

}

#memberLogin div

{

	text-align: right;

}

#footershell

{

	margin: 0;

	text-align: center;

	background: url(images/home_footer_bg.gif) repeat-x;

	height: 290px;

	padding-bottom: 0;

	margin-bottom: -30px;

	overflow: hidden;

}

#footerbg

{

	/* width: 100%; */

	background: url(images/footer_inner_bg.gif) top center no-repeat;

	height: 173px;

	text-align: center;

}

#footer

{

	margin: auto;

	width: 960px;

	position: relative;

	text-align: center;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #ffffff;

	padding-top: 154px;

}

#footer A

{

	color: #ffffff;

	text-decoration: none;

}

#footer A:hover

{

	color: #000000;

}

#twitterlink

{

	width: 200px;

	height: 120px;

	position: absolute;

	left: 0px;

	top: 80px;

}

#blogicon

{

	background: url(images/blog_icon.png) no-repeat;

	position: absolute;

	top: 83px;

	left: 400px;

	width: 180px;

	height: 71px;

}

#blogicon a

{

	display: block;

	text-decoration: none;

	line-height: 71px;

}

#fblink

{

	width: 200px;

	height: 120px;

	position: absolute;

	right: 0px;

	top: 80px;

}

#innerPageContent
{
	width: 648px;
	float: left;
	text-align: left;
	padding-top: 10px;
}

#innerPageContentFullWidth
{
	width: 950px;
	float: left;
	text-align: left;
	padding-top: 10px;
}

#innerPageContent h1

{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 20px;

	color: #365375;

}

#innerPageContent h1 A

{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: normal;

	font-size: 20px;

	color: #000000;

	text-decoration: none;

}

#innerPageContentDIV

{

	line-height: 18px;

	padding: 12px;

	/* background: #ffffff;

	border: 1px solid #000000; */

	margin-top: 15px;

}

#sidebar

{

	float: right;

	width: 295px;

	margin-right: 6px;

	padding-top: 10px;

}

#sidebarCalendarHide

{

	background: #ffffff;

	height: 20px;

	line-height: 20px;

	margin-bottom: 5px;

}

#sidebarcalendar

{

	/* position: relative; */

	width: 295px;

	height: 351px;

	background: url(images/calbg.gif) no-repeat;

	/* padding-top: 10px; */

}

#sidebarcalendar_holder

{

	float: left;

	clear: both;

	width: 220px;

	height: 200px;

	margin: 8px auto auto 30px;

}

.sidebarcalendar_text

{

	padding-top: 5px;

	text-align: left;

	width: 260px;

	margin: auto;

}

.sidebarcalendar_text a

{

	/* color: #000; */

	font-weight: normal;

	font-size: 10px;

	line-height: 16px;

}



.sidebarHide

{

	/* position: absolute;

	top: 0px;

	right: 5px; */

	display: block;

	width: 290px;

	/* height: 25px;

	line-height: 25px; */

	/* padding-right: 5px; */

	font-size: 10px;

	font-weight: bold;

	text-align: right;

	color: #000;

}

button.sidebarHide

{

	text-align: center;

}

#sidebarBusdirHide

{

	/* background: #ffffff; */

	height: 30px;

	line-height: 30px;

	margin-bottom: 5px;

	text-align: right;

}

#sidebarBusdir

{

	position: relative;

	width: 295px;

	height: 95px;

	background: url(images/bdbg.gif);

}

#sidebarBusdir div

{

	width: 195px;

	position: absolute;

	right: 10px;

	bottom: 10px;

	text-align:justify;

	font-weight: bold;

	font-size: 10px;

}

#sidebarBanner

{

	margin-top: 10px;

}

#footerbanners

{

	margin: auto;

	text-align: center;

	width: 955px;

	position: relative;

	height: 253px;

	background: url(images/innerbotbannerdivider.gif) top center no-repeat;

	padding-top: 20px;

}

#footerbanners iframe

{

	margin: 0px 5px 0px 5px;

}



#tooltip {

	position: absolute;

	z-index: 3000;

	border: 1px solid #000;

	background: url(images/tt_grad.png) repeat-x;

	background-color: #3c3f40;

	padding: 10px;

	width: 200px;

	font-size: 12px;

	color: #fff;

}

#tooltip h3, #tooltip div { margin: 0; color: #fff; font-size: 12px; font-weight: normal; text-align: left; }



.tooltip_button

{

	width: 32px;

	height: 32px;

	background: url(images/tt_button.png);

	position: absolute;

	opacity: 0.8;

	line-height: 32px;

}

.tooltip_button a

{

	display: block;

	text-decoration: none;

}



#kayak1

{

	bottom: 40px;

	right: 200px;

}

#kayak2

{

	top: 40px;

	right: 100px;

}

#sunset1

{

	top: 40px;

	left: 300px;

}

#loverskey1

{

	top: 40px;

	left: 100px;

}

#tt_showhide

{

	padding: 5px;

	position: absolute;

	top: 0px;

	left: 0px;

	color: #fff;

	font-weight: bold;

	font-size: 11px;

}

#tt_showhide a

{

	color: #fff;

}

#main_photo

{

	margin-top: 3px;

	width: 655px;

	height: 453px;

	float: left;

	position: relative;

	background: #fff;

}



#main_photo_imgs

{

	position: absolute;

	left: 0px;

	top: 0px;

}

#main_photo_imgs img{

  display:none;

  position:absolute;

  top:0;

  left:0;

}

#main_photo_imgs img.active{

  display:block;

}

.alignleft

{

  float: left;

}

.alignright

{

  float: right;

}

#bd_header {

	width: 100%;

	position: relative;

}

#bd_icon

{

	float: left;

	width: 70px;

	height: 91px;

	background: url(images/bd_chair.png);

	

}

#bd_top

{

	float: right;

	width: 525px;

}

#bd_search

{

	background: url(images/bd_bg.gif);

	width: 630px;

	height: 234px;

	position: relative;

	margin-bottom: 150px;

}

#bd_search form {margin: 0px;}

#bd_search_new

{

	position: absolute;
	left: 15px;
	top: 130px;

}

#bd_search_keyword

{

	position: absolute;

	top: 25px;

	left: 15px;

	width: 220px;

	height: 55px;

}

#bd_search_keyword input[type=text]

{

	width: 215px;

}

#bd_search_new input[type=submit]

{

	border: 0px;
	
	background: none;

	color: #224b81;

	text-decoration: underline;

	font-weight: bold;

	margin: 0;

	padding: 0;

	font-size: 11px;

	cursor: pointer;

	text-align: right;

}

#bd_search_keyword input[type=submit], #bd_search_category input[type=submit]

{

	position: absolute;

	right: 0px;

	bottom: 0px;

	border: 0px;

	background: none;

	color: #224b81;

	text-decoration: underline;

	font-weight: bold;

	margin: 0;

	padding: 0;

	font-size: 11px;

	cursor: pointer;

	text-align: right;

}

#bd_search_keyword span, #bd_search_category span, #bd_search_separator, #bd_search_new span

{

	color: #355275;

	font-size: 18px;

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	font-weight: bold;

}

#bd_search_category i

{

	font-size: 11px;

}

#bd_search_separator

{

	position: absolute;

	left: 265px;

	top: 53px;

}

#bd_search_category

{

	position: absolute;

	left: 328px;

	top: 25px;

	width: 290px;

	height: 170px;

}

#bd_search_category select

{

	width: 290px;

}

#bd_search_head

{

	font-family: "Times New Roman", Times, serif;

	font-size: 24px;

	color: #2e333a;

	font-weight: bold;

	font-style: italic;

	margin: 0;

	padding: 0;

}

.bd_result_bronze

{

	padding: 5px;

	*float: left;

	*width: 605px;

	*clear: both;

}

.bd_result_silv

{

	border: 1px solid #4e6585;

	padding: 5px;

	background: url(images/bd_sv_bg.gif) repeat-x #f3c095;

	*float: left;

	*width: 621px;

	*clear: both;
	

}

.bd_result_silv .map, .bd_result_gold .map, .bd_result_bronze .map

{

	width: 99%;

	height: 200px;

	padding: 2px;

	border: 1px solid #aa7e50;

	display: none;

	margin-top: 15px;

}

.bd_result_silv .address, .bd_result_gold .address, .bd_result_bronze .address

{

	font-weight: bold;

	font-size: 14px;

}

.bd_result_silv .links, .bd_result_gold .links, .bd_result_bronze .links

{

	float: right;
	
	text-align: right;

}

.bd_result_gold .links span

{

	color: #a77037;

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 18px;

	font-weight: bold;

}

.bd_result_gold .container

{

	position: relative;
	
	margin-top: 5px;

}

.bd_result_gold .container .left

{

	float: left;

	width: 150px;

}

.bd_result_gold .container .right

{

	float: right;

	width: 450px;

}

.bd_result_gold .container .right span

{

	text-transform: uppercase;
	
	color: #917c1f;
	
	font-size: 14px;
	
	font-weight: bold;

}

.bd_result_silv .links table, .bd_result_gold .links table, .bd_result_bronze .links table

{

	margin: auto;

}

.bd_result_silv .links table tr td a, .bd_result_gold .links table tr td a, .bd_result_bronze .links table tr td a

{

	color: #013557;

	text-decoration: underline;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

}

.maphide

{

	display: none;

	width: 100%;

	text-align: right;

	font-size: 11px;

}

.bd_result_silv .links table, .bd_result_gold .links table, .bd_result_bronze .links table

{

	margin-top: 15px;

}

.bd_result_gold

{

	border: 2px solid #49658a;

	background: url(images/bd_ft_bg.gif) repeat-x #fbddbb;

	padding: 5px;

	*float: left;

	*width: 605px;

	*clear: both;

}



.bd_result_bronze h3, .bd_result_gold h3, .bd_result_silv h3

{

	font-size: 20px;

	text-decoration: underline;
	
	margin-bottom: 2px;
	
	padding-bottom: 2px;
	
	padding-top: 0px;
	
	margin-top: 0px;

}

.bd_result_silv .container

{

	position: relative;
	
}

.bd_result_silv .container .left

{

	float: left;

	width: 450px;

}

.bd_result_silv .container .right

{

	float: right;

	width: 150px;

}

.bd_result_silv h3, bd_result_gold h3
{
	font-weight: bold;
}

.bd_result_bronze h3 a, .bd_result_gold h3 a, .bd_result_silv h3 a
{
	color: #02416a;
	
}

.bd_result_bronze h3
{

	font-size: 16px;
	
	font-weight: bold;
}

.bd_result_divider

{

	height: 4px;

	border-bottom: 2px solid #071e2c;

	line-height: 4px;

	font-size: 4px;
	
	margin: auto;

	margin-top: 10px;

	margin-bottom: 10px;
	
	width: 560px;

}

#bd_results_spacer

{

	width: 630px;

	position: relative;

	height: 20px;

	margin-bottom: 20px;

}

#bd_results_spacer div

{

	height: 10px;

	border-bottom: 1px solid #aa7e50;

	width: 44%;

}

#bd_results_spacer .head

{

	color: #2e333a;

	font-style: italic;

	font-family: "Times New Roman", Times, serif;

	font-size: 24px;

	float: left;

	border: 0px;

	height: 20px;

	width: 12%;

	text-align: center;

}

.mapicon

{

	background: url(images/bd_icon_map.gif) no-repeat;

	width: 30px;

	height: 32px;

}

.webicon

{

	background: url(images/bd_web.gif) no-repeat;

	width: 21px;

	height: 21px;

}

.emailicon

{

	background: url(images/bd_icon_email.gif) no-repeat;

	width: 33px;

	height: 32px;

}

.vidicon

{

	background: url(images/bd_icon_video.gif) no-repeat;

	width: 31px;

	height: 32px;

}

.greenicon

{

	background: url(images/bd_icon_green.gif) no-repeat;

	width: 37px;

	height: 32px;

}

.peticon

{

	background: url(images/bd_icon_pet.gif) no-repeat;

	width: 31px;

	height: 32px;

}

.wifiicon

{

	background: url(images/bd_icon_wifi.gif) no-repeat;

	width: 48px;

	height: 32px;

}

.mapicon a, .webicon a, .emailicon a, .vidicon a

{

	display: block;

	text-decoration: none;
	
	line-height: 32px;

}

.icontext, .icontext a

{

	line-height: 32px; 
	
	font-size: 14px; 
	
	font-style: italic; 
	
	text-decoration: underline; 
	
	color: #000;

}

.bgiframe

{

	text-align: left;

	width: 630px;

	margin: 0;

	padding: 0;

}

.bgiframe iframe

{

	margin: 0px;

	padding: 0px;

	width: 630px;

}