/* Stylesheet for Indian Rocks Beach. */

/* May 14, 2008 */



* { margin:0; padding:0; }

.clear { clear:both; }

.hidden { display:none; }

img { border: 0px; }

a:link, a:visited, a:active {

	color: #003366;

	outline: none;

}

a:hover {

	color: #666;

}

body

{

	font-family:verdana, tahoma, arial, sans-serif;

	font-size:12px;

	font-weight:normal;

	background: #003663 url(../../i/background4.gif) 0 0 repeat-x;

}



ul#slider1, ul#slider1 ul, ul#slider1 li {

	margin: 0px !important; padding: 0px !important;

	list-style-type: none !important;

}



div#container

{

	width:800px;

	margin: 0 auto;

	border-left:1px solid #c9c9c9;

	border-right: 1px solid #c9c9c9;

	overflow:hidden;

	position:relative;

	background: transparent url(../../i/container_bg.gif) top left repeat-y;

}



div#container div.header-top

{

	height:138px;

	width:800px;

	background: transparent url(../../i/header_top.png) top left no-repeat;

	position:relative;

}

div#container div.header-top-storm

{

	height:138px;

	width:800px;

	background: transparent url(../../i/header_top_storm.jpg) top left no-repeat;

	position:relative;

}



div#container div.header-top a.home-link

{

	position:absolute;

	top:28px;

	left:30px;

	display:block;

	background-color:transparent;

	height:85px;

	width:430px;

}

div#container div.header-top-storm a.home-link-storm

{

	position:absolute;

	top:28px;

	left:30px;

	display:block;

	background-color:transparent;

	height:85px;

	width:430px;

}

div#container div.header-top-storm a.home-link-storm-alert

{

	position:absolute;

	top:0px;

	left:640px;

	display:block;

	background-color:transparent;

	height:120px;

	width:160px;

}



div#container h2.city

{

	position:absolute;

	color:white;

	top:133px;

	left:205px;

	font-size:12px;

	font-weight:normal;

	letter-spacing:6px;

	z-index:99;

}



div#container div#left-side

{

	width:197px;

	float:left;

	overflow:hidden;

}



div#container div#left-side div.nav

{

	background: white url(../../i/left_side_top_bg.gif) top left no-repeat;

	padding-top:5px;

}



div#container div#left-side div.nav ul

{

	list-style-type:none;

	list-style-position:outside;

	margin: 0 0 0 0;

}



div#container div#left-side div.nav ul li

{

	border-bottom:1px solid #dadbdc;

}



div#container div#left-side div.nav ul li a

{

	font-weight:bold;

	font-size:12px;

	text-decoration:none;

	display:block;

	width:197px;

	height:20px;

	padding:8px 12px 1px 12px;

	color:black;

}



div#container div#left-side div.nav ul li a:hover

{

	background:#dcf4fd url(../../i/navhover.gif) 0 10px no-repeat;

}



div#container div#left-side div.nav ul li a.first

	{ padding:0px 12px 1px 12px; }







div#container div#left-side div.undernav

{

	width:197px;

	padding-top:17px;

	background: #f5f5f5 url(../../i/undernav_bg.gif) top left no-repeat;

}



div#container div#left-side div.undernav div.adsense_180x90

{

	width:180px;

	height:90px;

	margin:0 auto;

	margin-bottom:15px;

}

div#wx_module_463 {

	padding-left: 5%;

}

div#container div#left-side div#newsletter

{

	width:180px;

	margin:0px auto;

	margin-bottom:15px;

	padding: 5px;

	border-bottom:1px solid #666;

}

div#container div#left-side div#newsletter p.newsletter_title

{

	font-size: 15px;

	font-weight: bold;

	color: #362f2d;

	padding-bottom: 10px;

}

div#container div#left-side div#newsletter input.email

{

	width: 98%;

	margin-bottom: 5px;

}

div#container div#left-side div#newsletter p.small_text a

{

	font-size: 10px;

	color: #004a80;;

	margin-top: 15px;

}













div#container div#right-side

{

	float:left;

	width:602px;

	clear:right;

}



div#container div#right-side h2.welcome

{

	height:40px;

	width:603px;

	background: transparent url(../../i/header_bottom.png) top left no-repeat;

	padding: 36px 0 0 20px;

	overflow:hidden;

	font-size:20px;

	font-weight:normal;

	border-bottom:1px solid #d1d1d1;

}

div#container div#right-side h2.pagetitle

{

	height:40px;

	width:603px;

	background: transparent url(../../i/header_bottom.png) top left no-repeat;

	padding: 36px 0 0 20px;

	overflow:hidden;

	font-size:20px;

	font-weight:normal;

	border-bottom:1px solid #d1d1d1;

	margin-bottom: 15px;

}



div#container div#right-side p.intro

{

	background-color:#fffde5;

	padding:15px;

	line-height:16px;

	font-size:10px;

	letter-spacing:1px;

	border-left:1px solid #c9c9c9;

	border-bottom:1px solid #d1d1d1;

	border-top:1px solid #d1d1d1;

	margin-left:1px;

	text-align: justify;

}

div#container div#right-side p.title

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 15px;

	font-size:13px;

	font-weight: bold;

	margin-left:1px;

	color: #003366;

	margin: 0px;

	line-height: 19px;

}

div#container div#right-side p.title a

{

	padding-left: 10px;

	font-size:10px;

	font-weight: bold;

	margin-left:1px;

	color: #003366;

	margin: 0px;

	text-decoration: none;

}

div#container div#right-side p.title a:hover

{

	text-decoration: underline;

}

div#container div#right-side p.small

{

	font-size:10px;

	font-weight: bold;

	color: #999;

}

div#container div#right-side p.body

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 15px;

	line-height:16px;

	font-size:11px;

	margin-left:1px;

	text-align: left;

	margin: 0px;

}

div#container div#right-side p.body#

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 15px;

	line-height:16px;

	font-size:11px;

	margin-left:1px;

	text-align: left;

	margin: 0px;

}

div#container div#right-side div#breakbar

{

	width: 90%;

	background: url(../../i/breakbar_bg.jpg) top left repeat-x;

	text-align: center;

	height: 25px;

	margin: 0px auto;

}

div#container div#right-side img.align

{

	padding-left: 30px;

}

div#container div#right-side a.toplink

{

	padding-left: 30px;

	padding-right: 30px;

	line-height:16px;

	font-size:10px;

	margin-left:1px;

	margin: 0px;

	color: #999;

}

div#container div#right-side a.small_link

{

	font-size:10px;

	color: #999;

}

div#container div#right-side a.viewall

{

	padding-left: 5px;

	line-height:16px;

	font-size:10px;

	margin-left:1px;

	margin: 0px;

	color: #999;

}

div#container div#right-side a.viewallnews

{

	margin-left: 215px;

	line-height:16px;

	font-size:10px;

	color: #999;

}

div#container div#right-side a.viewallupdates

{

	padding-left: 15px;

	line-height:16px;

	font-size:10px;

	margin-left:1px;

	margin: 0px;

	color: #999;

}

div#container div#right-side p.events_date

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 5px;

	font-size:13px;

	font-weight: bold;

	margin-left:1px;

	color: #003366;

	margin: 0px;

}

div#container div#right-side p.events_title

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 5px;

	font-size:13px;

	font-weight: bold;

	margin-left:1px;

	color: #999;

	margin: 0px;

}

div#container div#right-side p.events_body

{

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 5px;

	line-height:16px;

	font-size:10px;

	margin-left:1px;

	text-align: justify;

	margin: 0px;

}

div#container div#right-side ul

{

	list-style-type:none;

	list-style-position:outside;

	padding-left:30px;

	clear:right;

}



div#container div#right-side ul li

{

	width:65%;

	padding-bottom:8px;

	padding-left:15px;

	background: transparent url(../../i/bullet.gif) 0 5px no-repeat;

	font-size: 11px;

	line-height: 21px;

}



div#container div#right-side div#elevation ul

{

	list-style-type: none;

	list-style-position: inherit;

	padding-left:30px;

	clear: none;

	vertical-align: top;

	border-left: 1px dotted #d5d5d5;

}



div#container div#right-side div#elevation ul li

{

	width:100%;

	padding-bottom:0px !important;

	padding-left:0px !important;

	margin-bottom: 4px;

	background: none;

	font-size: 11px;

	vertical-align: top;

}



div#container div#right-side ul li a

	{ color: #a67c52; text-decoration: none; }

	

div#container div#right-side ul li a:hover

	{ color: #004a80; text-decoration: none; }

	

div#container div#right-side div.news-container

{

	background: transparent url(../../i/news_bg.gif) top left repeat-y;

	margin-left:1px;

	zoom:1;

}



div#container div#right-side div.news-container div.events

{

	float:left;

	width:189px;

	background: transparent url(../../i/events_bg.gif) top left no-repeat;

	padding:15px 0 15px 10px;

}



div#container div#right-side div.news-container div.news

{

	float:left;

	clear:right;

	width:392px;

	background: transparent url(../../i/news_top_bg.gif) top left no-repeat;

	padding:15px 0 15px 10px;

}



div#container div#right-side div.library_news

{

	width: 550px;

	padding-left: 30px;

	padding-right: 30px;

}



div#container div#right-side div.news-container div.events h2, div#container div#right-side div.news-container div.news h2, div#container div#right-side div.library_news h2

{

	font-size:16px;

	color:#362f2d;

}



div#container div#right-side div.news-container div.events div.event

{

	margin:15px 0 0 5px;

	padding-right:8px;

}



div#container div#right-side div.news-container div.events div.event p.event-date

{

	font-size:10px;

	font-weight: bold;

	color: #666;

}



div#container div#right-side div.news-container div.events div.event p.event-title

{

	color:#004a80;

	font-size:12px;

	font-weight:bold;

}

div#container div#right-side div.news-container div.events div.event p.event-info

{

	font-size:10px;

}



div#container div#right-side div.news-container div.news div.news-article, div#container div#right-side div.library_news div.news-article

{

	margin:15px 0 0 5px;

	padding-right:8px;

}



div#container div#right-side div.news-container div.news div.news-article p.news-date, div#container div#right-side div.library_news div.news-article p.news-date

{

	color:#666;

	font-size:10px;

	font-weight:bold;

}

div#container div#right-side div.news-container div.news div.news-article p.news-pinned, div#container div#right-side div.library_news div.news-article p.news-pinned

{

	color: #c00;

	font-size: 10px;

	font-weight: bold;

}



div#container div#right-side div.news-container div.news div.news-article p.news-date a, div#container div#right-side div.library_news div.news-article p.news-date a

{

	color:#004a80;

	font-size:13px;

	font-weight:bold;

}



div#container div#right-side div.news-container div.news div.news-article p.news-info, div#container div#right-side div.library_news div.news-article p.news-info

{

	font-size:10px;

	margin:5px 10px 0 0px;

	line-height:14px;

	text-align: justify;

}



div#container div#right-side div.interesting

{

	width:601px;

	background: transparent url(../../i/interesting_bg.gif) top left no-repeat;	

	padding:15px 0 0 15px;

	margin-left:1px;

	margin-bottom:10px;

}



div#container div#right-side div.interesting h2

{

	color:#362f2d;

	font-size:16px;

	margin-bottom:10px;

}



div#container div#right-side div.interesting ul

{

	list-style-type:none;

	list-style-position:outside;

	padding-left:15px;

	clear:right;

}



div#container div#right-side div.interesting ul li

{

	width:45%;

	float:left;

	padding-bottom:8px;

	padding-left:15px;

	background: transparent url(../../i/bullet.gif) 0 5px no-repeat;

}



div#container div#right-side div.interesting ul li a

	{ color: #003663; }









div#container div#right-side div.recycling_conservation

{

	width:601px;

	background: transparent url(../../i/recycling_conservation_bg.gif) top left no-repeat;	

	padding:15px 0 0 15px;

	margin-left:1px;

	margin-bottom:10px;

	clear:both;

}



div#container div#right-side div.recycling_conservation h2

{

	color:#362f2d;

	font-size:16px;

	margin-bottom:10px;

}



div#container div#right-side div.recycling_conservation ul

{

	list-style-type:none;

	list-style-position:outside;

	padding-left:0px;

	padding-bottom: 25px;

	clear:right;

}



div#container div#right-side div.recycling_conservation ul li

{

	width:45%;

	float: left;

	padding-bottom:8px;

	padding-left:15px;

	background: transparent url(../../i/bullet.gif) 0 5px no-repeat;

}



div#container div#right-side div.recycling_conservation ul li a

	{ color: #003663; }

	

div#container div#right-side div.recycling_conservation ul li a:hover

	{ color: #003663; text-decoration: underline; }



div#container div#footer

{

	background: white url(../../i/footer_bg.gif) top left no-repeat;

	width:800px;

	padding-bottom:10px;

}



div#container div#footer div.logo

{

	height:80px;

	width:78px;

	background: transparent url(../../i/irb_logo.gif) top left no-repeat;

	float:left;

	margin:25px 0 0 0px;

	position:relative;

	left:20px;

}



div#container div#footer div.footer_right

{ float:left; width: 85%; margin-top: 25px; padding-left: 30px; }



div#container div#footer ul

{

	list-style-type:none;

	list-style-position:outside;

	float: left;

}



div#container div#footer ul li

{

	float:left;

	padding: 5px;

}



div#container div#footer ul li a

{

	font-size:10px;

	color:gray;

}



div#container div#footer p

{

	font-size:10px;

	text-align:center;

	margin-top:10px;

}

div#container div#footer .address

{

	font-size:11px;

	text-align:center;

	margin-top:10px;

	color: #003366;

}



/* City Departments Show/Hide DIV ID's */



div#container div#right-side div#administration_and_planning, div#container div#right-side div#architecture_design_guideline, div#container div#right-side div#notice_of_elections, div#container div#right-side div#comprehensive_plan, div#container div#right-side div#floodplain_management_information, div#container div#right-side div#newsrack_application, div#container div#right-side div#building_permitting_and_inspections, div#container div#right-side div#code_enforcement, div#container div#right-side div#building_maintenance, div#container div#right-side div#fire_and_rescue, div#container div#right-side div#law_enforcement, div#container div#right-side div#parks_program, div#container div#right-side div#public_services_administration, div#container div#right-side div#recycling_stations, div#container div#right-side div#sanitary_sewer, div#container div#right-side div#solid_waste, div#container div#right-side div#streets_and_drainage, div#container div#right-side div#twelvth_avenue_park, div#container div#right-side div#variance_application, div#container div#right-side div#special_exception, div#container div#right-side div#alcoholic_beverage_designation,

div#container div#right-side div#design_standards_information,

div#container div#right-side div#dock_water_depth_aff,

div#container div#right-side div#occupational_license_app,

div#container div#right-side div#occupational_license_app2,

div#container div#right-side div#request_to_vacate,

div#container div#right-side div#rezoning_property_info,

div#container div#right-side div#site_plan_review_info,

div#container div#right-side div#temp_use_app,

div#container div#right-side div#elevation_certificates,

div#container div#right-side div#zoning_map,

div#container div#right-side div#serve_city_boards,

div#container div#right-side div#bocce_ball,

div#container div#right-side div#skateboard,

div#container div#right-side div#boatdocks,

div#container div#right-side div#replat_app,

div#container div#right-side div#future_land_use,

div#container div#right-side div#administrative_appeal,

div#container div#right-side div#comp_master_plan,

div#container div#right-side div#special_area_plan,

div#container div#right-side div#sign_permit_application,

div#container div#right-side div#tree_permit_application,

div#container div#right-side div#special_except_app,

div#container div#right-side div#banner_sign_application,

div#container div#right-side div#dock_water_depth,

div#container div#right-side div#fence_permit_application


{

	display: none;

}



/* Parks and Recreation Show/Hide DIV ID's */



div#container div#right-side div#twelvth_avenue_park, div#container div#right-side div#brown_park, div#container div#right-side div#chief_chic_a_si_park, div#container div#right-side div#keegan_clair_park, div#container div#right-side div#kolb_park, div#container div#right-side div#leash_free_dog_park, div#container div#right-side div#first_street_boardwalk, div#container div#right-side div#fifteenth_avenue_boat_ramp, div#container div#right-side div#gulf_beach_accesses, div#container div#right-side div#nature_preserve, div#container div#right-side div#tenth_avenue_park {

	display: none;

}



/* Weather Show/Hide DIV ID's */



div#container div#right-side div#firm, div#container div#right-side div#flood, div#container div#right-side div#checklist, div#container div#right-side div#winter_update, div#container div#right-side div#fema_discount, div#container div#right-side div#emergency_planning, div#container div#right-side div#top_ten_facts, div#container div#right-side div#insurance_sense, div#container div#right-side div#homeowners_guide, div#container div#right-side div#plan_prepare_protect, div#container div#right-side div#fmpr {

	display: none;

}



/* Community Links Show/Hide DIV ID's */



div#container div#right-side div#library, div#container div#right-side div#action2000, div#container div#right-side div#ymca {

	display: none;

}



div#container div#right-side form {

	margin-left: 30px;

}

div#container div#right-side p.news_date

{

	font-size:10px;

	font-weight: bold;

	color: #666;

	margin-left: 30px;

}



div#container div#right-side p.news_title

{

	color:#004a80;

	font-size:14px;

	font-weight:bold;

	margin-left: 30px;

}



/* Calendar Styles */



.Cal_Outline {

	margin: 0px auto;

}

.Cal_Outline tr td{vertical-align: text-top;}

.Cal_Date {position: relative; top: 3px; margin: 0px; color: #1a3868; font-size: 12px;}

.Cal_Header {border: 1px solid #CCC; background-color: #1a3868; font-weight: bold; color: #FFFFFF;}

.Cal_Mo_Dark {border: 1px solid #FFF; background-color: #E4E4E4; padding: 4px; height: 100px; width: 13%; font-size: 10px; color: #999;}

.Cal_Mo_Dark .Cal_Date {color: #999;}

.Cal_Mo_Active {border: 1px solid #FFF; background-color: #fef8ce; padding: 4px; height: 100px; width: 13%; font-size: 10px;}

.Cal_Mo_Today {border: 1px solid #FFF; background-color: #C9EDCB; padding: 4px; height: 100px; width: 13%; font-size: 10px;}

.Cal_Mo {border: 1px solid #FFF; background-color: #dce6ee; padding: 4px; height: 100px; width: 13%; font-size: 10px;}

.Body_Def .month {color: #1a3868; font-size: 23px; font-weight: bold;}



/* Gallery Styles */



#gallery_container {

	height: 450px;

}



#gallery_frame {

	width: 560px;

	height: 445px;

	position: relative;

	z-index: 500;

}



ul#slider1, ul#slider1 img, .gallery_list {

	width: 165px !important;

	height: 185px !important;

	padding: 0px;

}



ul#slider1, ul#slider1 ul, ul#slider1 li {

	margin: 0px !important; padding: 0px !important;

	list-style-type: none !important;

}



.bx-wrapper, .bx-window {

    height: 185px !important; 

	width: 165px !important;

}



.bx-wrapper {

    left: 189px;

    position: relative;

    bottom: 289px;

}



#controls {

    margin-top: 144px;

    position: absolute;

    text-align: center;

    z-index: 1000;

	margin-left: 123px;

}



.gallery_link {	

	display: inline-block;

}



.gallery_image {

	width: 165px;

	height: 185px;

}



#go-prev {

    background-image: url("/i/gallery_controls.png");

    background-position: 0 63px;

    display: inline-block;

    height: 50px;

    width: 71px;

	cursor: pointer;

	margin-bottom: 75px;

}



#go-next {

    background-image: url("/i/gallery_controls.png");

    background-position: -79px 63px;

    cursor: pointer;

    display: inline-block;

    height: 50px;

    margin-bottom: 75px;

    width: 59px;

}



div#container div#right-side div#newsletter_wrapper ul li {

    background: url("../../i/bullet.gif") no-repeat scroll 0 5px transparent;

    font-family: Times New Roman;

    font-size: 16px;

    padding-bottom: 8px;

    padding-left: 15px;

    width: 65%;

}

a.electionlink { text-decoration: none; font-size: 9px; letter-spacing: -1px; display: inline-block; margin: 0px; padding-bottom: 5px; }
a.electionlink img { padding-right: 2px; }

.electionarchive a.electionlink { text-decoration: none; font-size: 10px; letter-spacing: -1px; display: inline-block; margin: 0px; padding-top: 3px; margin-right: 5px; }
.electionarchive a.electionlink img { padding-right: 3px; vertical-align: text-bottom; }