@charset "utf-8";
/* CSS Document */

/*==================================================================
	Reset styles!
==================================================================== */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

a{
  outline: none;
}



/*==================================================================
	Global styles
==================================================================== */
 
.clear {
	clear:both;
	margin:0 0 10px 0;
}

.float-left {
	float:left;
	margin:0 10px 10px 0;
}
.float-right {
	float:right;
	margin:0 0 10px 10px;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold, b, strong {
	font-weight:700;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.uppercase {
	text-transform:uppercase;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}

em {font-style:italic;}

.x25 {height: 25px; width: 25px; clear: both; }

/*==================================================================
	body styles
==================================================================== */

body {
	margin:0; 
	padding:0;
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}

body.fitcity {
	background-color: #478bca;
	background-image:url(/images/fit_city_bg.jpg);
		background-repeat: no-repeat;
	background-position: left top;
}

body.activeliving {
	background-color: #ff8b6a;
	background-image:url(/images/active-living-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body.map {
	background-color: #ffffff;
	background-image: url(/images/curve_gray_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px;
}

body.parksandrec {
	background-color: #4bb157;
	background-image:url(/images/pr_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.grid_overlay {
		z-index:2000;
		visibility: hidden;
		height:800px;
		width:900px;
		background-image:url(/images/layout_grid.png);
		position:absolute;
		top:0;
		left:0;
		}

a, a:visited {
	color:#ff4b19;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff4b19;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;

}
a:hover, a:active	{
	color:#fff;
	background-color:#ff4b19;
	border: 1px solid #ff4b19;
	}

/*==================================================================
	logo styles
==================================================================== */


.header_logo {
	z-index:1000;
	position:absolute;
	top:-25px;
	left:10px;
	background:none;
	margin:0;
	padding:0;

}

.background_mask_fit_city {
	background-color: #5a97cf;
	z-index:200;
	position:absolute;
	top:0;
	left:60px;
	width:45px;
	height:45px;
	
}

.background_mask_active_living {
	background-color: #ff9779;
	z-index:200;
	position:absolute;
	top:0;
	left:60px;
	width:45px;
	height:45px;
	
}

.background_mask_pr {
	background-color: #4bb157;
	z-index:200;
	position:absolute;
	top:0;
	left:60px;
	width:45px;
	height:45px;
	
}





/*==================================================================
	Content styles
==================================================================== */

.content_area_wrap {
	width:718px;
	margin: 0 0 0 70px;
	background-image: url(/images/background_dotted_main.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.content_area_wrap td {vertical-align:top;}

/*==================================================================
	masthead and Nav styles
==================================================================== */
.left_iconbar {
	position:absolute;
	top:30px;
	left:610px;
	visibility: visible;
	z-index:2000;
	}


.left_iconbar ul {margin:3px;}

.left_iconbar ul li {
	display:inline;
	
}

.left_iconbar ul li img {
	margin:0 5px 0 0;
}

.left_iconbar a, .left_iconbar a:visited, .left_iconbar a:hover, .left_iconbar a:active  {border:none; background:none;}

.left_iconbar a, .left_iconbar a:visited {opacity: 0.9; -moz-opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); zoom:1;}
.left_iconbar a:hover, .left_iconbar a:active {opacity: 1; -moz-opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); zoom:1;}


.header_logo a, .header_logo a:visited, .header_logo a:hover, .header_logo a:active  {border:none; background:none;}



.masthead {
	width:658px;
	height: 150px;
	margin:0 0 0 57px;
	
}

.masthead table.masthead_rows {
	height:150px;
}

.top_level_nav {
	width:560px;
	position:relative;
	right:-100px;
	height:24px;
	overflow:hidden;
	z-index:1200;
}

.top_level_nav .center_nav {
	background-image: url(/images/top-level-nav_r1_c2.png);
	background-repeat: repeat-x;
	background-position: center top;
	vertical-align:top;
	padding:6px 10px 0 10px;
}

.top_level_nav .center_nav p {
font-size: .9em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
letter-spacing: 0px;
	}

.top_level_nav .center_nav p img{
margin:0 2px;

	}

.top_level_nav_ft {
	width:90px;
	position:relative;
	left:564px;
	height:36px;
	overflow:hidden;
	z-index:1300;
	margin:3px 0 0 0; 
}

.top_level_nav_ft .center_nav {
	/*background-image: url(/images/top-level-nav_r1_c2.png);
	background-repeat: repeat-x;
	background-position: center top;*/
	vertical-align:top;
	padding:4px 3px 0 6px;
}

.top_level_nav_ft .center_nav img{
margin:0px 4px 0px 0;

	}

.twitter_facebook_head ul li {
	display:inline;
	background:none;
	visibility:hidden;
	display:none;
	}

.top_level_nav a, .top_level_nav a:visited, .permalink_small a, .permalink_small a:visited, .top_level_nav_ft a, .top_level_nav_ft a:visited{
	color:#141e7d;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
	padding:1px;

}
.top_level_nav a:active, .top_level_nav a:hover, .permalink_small a:active, .permalink_small a:hover, .top_level_nav_ft a:active, .top_level_nav_ft a:hover	{
	color:#fff;
	background-color:#ff4b19;
	border: 1px solid #ff4b19;
	}


.top_level_nav_ft a, .top_level_nav_ft a:visited, .top_level_nav_ft a:active, .top_level_nav_ft a:hover {
background:none; border:none;
}


.top_level_buttons {
	height: 39px;
	width:440px;
	position:relative;
	left:245px;
	}
	
.top_level_buttons_pr {
	height: 39px;
	width:490px;
	position:relative;
	left:175px;
	}

.top_level_buttons ul li a, .top_level_buttons ul li a:visited, .top_level_buttons ul li a:hover, .top_level_buttons ul li a:active, .top_level_buttons_pr ul li a, .top_level_buttons_pr ul li a:visited, .top_level_buttons_pr ul li a:hover, .top_level_buttons_pr ul li a:active {
	border:none;
	background:none;
	margin:0;
	padding:0;
	display: inline-block;

	}


.top_level_buttons ul, .top_level_buttons_pr ul {
	margin: 0 10px 0 0; 
	padding:0;
	list-style-type: none;
	}

.top_level_buttons ul li, .top_level_buttons_pr ul li {
	display: inline;
	padding:0;
	margin:0 -4px 0 0;
	list-style:none;
	
	}

/*==================================================================
	side bar styles
==================================================================== */

.side-bar {
	float:left;
	display:inline;
	margin: 40px 10px 20px 15px;
	width:160px;
	padding: 0;
	padding:18px 18px 18px 0;
	background-color: #FFFFFF;
	background-image: url(/images/secondary_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.side-bar ul {
		padding:0;
		margin:0px 20px 20px 0px;
}

.side-bar ul li {
	border: none;
	background-image: url(/images/blue_left_arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 1px;
	padding: 0px 0px 5px 25px;
	margin:0;
	line-height:1.3em;
	font-size: 1.2em;
}


.side-bar ul li a, .side-bar ul li a:visited{

	border:none;
	
	}
		
 .side-bar ul li a:hover, .side-bar ul li a:active {
	color:#fff;
	background-color:#ff4b19;
	border:none;
	}

/*==================================================================
	content styles
==================================================================== */
.content_outer_box {
	margin:0 4px;
	padding:33px 25px 25px 25px;
	background-image: url(/images/curve_gray_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


.content_cell  {
	width:445px;
	margin:0 0 0 10px;
	}

.content {
padding:0 0px 0 0;
}


.content_bg {
	padding:0 0px 10px 0;
	margin: 0 0 10px 0;

}

.frontpage_box  h1, .content h1 {

	font-family: Georgia, serif;
	font-size: 3.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color: #7aaede;
	font-variant: small-caps;
	padding:10px 0 4px 0;
	margin: 0px 0 20px 0;
	border-bottom:1px solid #e9e9e9;
	/*background:url(/images/h1_bg_2.gif) repeat-x bottom left;*/
	clear:both;
	text-align:right;

}

h1.activeliving {
color: #fc8a68;
}

h1.parksrec {
color: #4ab156;
}


.frontpage_box  h2, .content h2 {
	font-size: 3em;
	font-style: normal;
	text-transform: none;
	letter-spacing: -1px;
	line-height: 1.4em;
	color: #141e7d;
	margin:25px 0 10px 0;
	background-image: url(/images/h2_left_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 30px;

}

h2.heading2item {
	color: #ff4b19;
	font-size: 3.5em;
	font-weight:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: none;
	padding:0;

}

h2.icon {padding-left:85px;
	background-repeat:no-repeat;
	background-position:top left;
	line-height:85px;
	min-height: 85px;
	}


.frontpage_box  h3, .content h3 {
	font-size: 2em;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #141e7d;
	margin:20px 0 10px 0;
	padding:5px 0 4px 0;
	background:url(/images/h3_bg.gif) repeat-x bottom left;
	overflow-x: auto;
	overflow-y: hidden;
	

}

.content h3 a, .content h3 a:visited {border-bottom:1px solid #FFFFFF;}

.frontpage_box  h4, .content h4 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: 100;
	text-transform: none;
	letter-spacing: -1px;
	line-height: 1.6em;
	color: #141e7d;
	margin:10px 0 5px 0;
	padding:0px 0 5px 0;
	background:url(/images/h3_bg.gif) repeat-x bottom left;
	overflow-x: auto;
	overflow-y: hidden;

}

.frontpage_box  p, .content p {

font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.5em;
margin: 0 0 10px 0;

}

.content p.posted {
	font-weight:700;
	font-size:1.1em;
	border-bottom:1px solid #e9e9e9;
	color: #141e7d;
}


.content ul {
		padding:0;
		margin:0 0 10px 0;
}

.content ul li {
	border: none;
	background-image: url(/images/blue_dot_top_level.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 0px 0px 5px 18px;
	margin:0;
	line-height:1.5em;
	font-size: 1.3em;
	margin: 0 0 5px 0;
}

.mapLink {
	text-align:left;
	font-size:10px;
}

.googleMap {
border:2px solid #e9e9e9;
margin:10px 0 5px 0;
}

.frontpage_box {
margin:40px 0px;
width:100%;

}

.frontpage_box td img {
margin:0px 0 5px 0;
text-align:center;
}


.frontpage_box td {
padding:0px 20px 0px 20px;
width:33%;
}

.frontpage_box h2 {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:3px;

}

.permalink_small {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-size: 1em;
	border-bottom:1px solid #e9e9e9;
	overflow-x: auto;
	overflow-y: hidden;

}

.offsitelink {
	margin:0px 0 0 0;
	padding:0 0 0px 0;
	font-weight:700;
	font-size: 1em;
	line-height: normal;
	overflow-x: auto;
	overflow-y: hidden;
}

.offsitelink ul li {

	display: inline-block;
	font-weight:700;
	font-size: 1.1em;
	background: none;
	padding:0 10px 0 0;
	}
.offsitelink img {margin:0 2px 0 0;}


img.bdr {
	padding: 2px;
    background:#e9edf4;
    border: #dbdada 1px dotted;
    margin:5px;
    }


 

.icon_list {
	margin: 0 0px 0 0; 
	padding:0;
	}

.icon_list td {

	width: 85px;
	text-align:center;
	padding: 5px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.4em;
	
	}
	
.icon_list td a.imgLink {border:none; background:none;}
a.anchorLink {
	visibility:hidden;
	
}


.fitcity_links_box {
	float:right;
	clear:left;
	}
	
.fitcity_links_box h2 {
	font-size:1.0em;
	font-weight:700;
	margin:10px 0px;
	overflow:visible;
	background:none;
	padding:0 10px 5px 10px;
	border-bottom:1px solid #cdced5;
	letter-spacing: normal;
	text-transform: uppercase;
}

.fitcity_links_box ul {
		padding:0;
		margin:0 0 10px 0;
}

.fitcity_links_box ul li {
	border: none;
	background-image: url(/images/gray_box_li.gif);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding: 0px 10px 5px 18px;
	margin:0;
	line-height:1.4em;
	font-size: 1em;
	margin: 0 0 5px 0;
}

.fitcity_links_box a, .fitcity_links_box a:visited {
	color:#ff4b19;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff4b19;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ebecf4;
	border-right-color: #ebecf4;
	border-left-color: #ebecf4;

}
.fitcity_links_box a:hover, .fitcity_links_box a:active	{
	color:#fff;
	background-color:#ff4b19;
	border: 1px solid #ff4b19;
	}


.box_gray { 
  background: #EBECF4;
  margin:0 0 25px 15px;
  width:150px;
}
.box_gray_top { 
  background: url(/images/ne_gray.gif) no-repeat top right; 
}
.box_gray_top div { 
  font-size: 0;
  height: 10px; 
  background: url(/images/nw_gray.gif) no-repeat top left; 
}
.box_gray_bottom { 
  background: url(/images/se_gray.gif) no-repeat bottom right; 
}
.box_gray_bottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/images/sw_gray.gif) no-repeat bottom left; 
}
.box_gray_content {
  padding: 0;
  margin:0;
  
}

.calendarbox {

	margin:20px 0 10px 0;
}

.calendar_key {
	width:100%;
}

.calendar_key td {
	width: 33%;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 10px;
	font-weight: 700;
	text-align: center;
	}

.calendar_key td.fitcity {

	background-color:#668cb3;
}

.calendar_key td.activeliving {

	background-color:#f2a640;
}

.calendar_key td.parksandrec {

	background-color:#4cb052;
}

/*==================================================================
	footer styles
==================================================================== */

	.footer_clear {
	clear:both;
	}

	.footer_round_fit_city {
	clear: both;
	background: none;
	padding:0 0 20px 0;
	margin:0 0 0 70px;
	position:relative;
	
	}

.footerTagline {
text-align:center;
clear:both;
margin:15px 0 0 0;
padding:10px 0 0 0;
border-top:1px solid #e9e9e9;

}

.footerTagline p {
	margin:6px 0;
}

.footerTagline p img {margin:0 3px;}


/*==================================================================
	Extras
==================================================================== */

.margin_top {
	
	padding-top: 25px !important;
}

.margin_bottom {
	padding-bottom: 25px !important;
}