/* 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;
}
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;
}

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;
}
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:10px;
	margin-left:1px;
	text-align: justify;
	margin: 0px;
}
div#container div#right-side p.body#
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	line-height:16px;
	font-size:10px;
	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;
}

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#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
{
	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 {
	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 {
	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;}