/*////////////////////////////

global

////////////////////////////*/

body
{
background: #fbfbfb;
font-family: arial, helvetica, sans-serif;
font-size: 1.0em;
color: #fff;
}
div.clear
{
height: 0;
width: 0;
overflow: hidden;
clear: both;
}
#wrapper
{
width: 980px;
margin: 0 auto 0 auto;
display: block;
position: relative;
}
.floatleft
{
float: left;
}
.floatright
{
float: right;
}
strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
.center
{
text-align: center!important;
}
.leftjust
{
text-align: left!important;
}


/*////////////////////////////

homepage layout

////////////////////////////*/
#leftmargin_h
{
position: relative;
float: left;
height: 79px;
width: 21px;
display: block;
}
#header
{
position: relative;
float: left;
width: 939px;
display: block;
overflow: hidden;
}
#logo
{
position: relative;
float: left;
height: 79px;
width: 179px;
display: block;
}
#logo img
{
display: block;
margin: 7px 0 0 10px;
}
div.homelink
{
position: relative;
height: 63px;
width: 160px;
display: inline;
float: left;
margin-top: -73px;
margin-left: 30px;
}
div.homelink a
{
position: relative;
height: 63px;
width: 160px;
display: block;
text-indent: -99999px;
overflow: hidden;
background: none;
}
#logo h1, #logo h2, #logo h3, #logo p
{
font-size: 0.2em;
text-indent: -99999px;
overflow: hidden;
}
#main_nav
{
position: relative;
float: right;
width: 760px;
display: block;
}
#signup_margin
{
position: relative;
float: left;
height: 39px;
width: 5px;
display: block;
overflow: hidden;
}
#signup
{
position: relative;
float: right;
width: 755px;
display: block;
overflow: hidden;
}
#menu
{
position: relative;
float: left;
height: 40px;
width: 760px;
display: block;
}
#rightmargin_h
{
position: relative;
float: left;
height: 79px;
width: 20px;
display: block;
}
#content_split
{
position: relative;
height: 7px;
width: 980px;
display: block;
overflow: hidden;
}
#contenttile
{
position: relative;
width: 980px;
display: block;
overflow: hidden;
}
div.ct_home
{
background: url(/i/bg2010/contentTile.png) top left repeat-y;
}
div.ct_inside
{
background: url(/i/contentbg_variable_tile_2.png) top left repeat-y;
}
#contentwrapper
{
position: relative;
width: 980px;
display: block;
overflow: hidden;
z-index: 100;
}
div.cw_home
{
background: url(/i/bg2010/contentGradient.png) top left no-repeat;
}
div.cw_inside
{
background: url(/i/contentbg_variable_2.png) top left no-repeat;
}
#contentleftmargin
{
position: relative;
float: left;
height: 642px;
width: 21px;
display: block;
overflow: hidden;
}
#contentmain
{
position: relative;
float: left;
display: inline;
overflow: hidden;
}
div.cw_fixed
{
height: 655px;
}
div.cm_home
{
width: 888px;
margin: 35px 24px 14px 27px;
}
div.cm_inside
{
width: 939px;
margin: 35px 0px 14px 0px;
}
#contentrightmargin
{
position: relative;
float: left;
height: 642px;
width: 20px;
display: block;
overflow: hidden;
}
#contentbase
{
position: relative;
height: 13px;
width: 980px;
display: block;
overflow: hidden;
}
div.cb_home
{
background: url(/i/bg2010/contentBase.png) top left no-repeat;
}
div.cb_inside
{
background: url(/i/contentbg_variable_base_2.png) top left no-repeat;
}
#footer
{
position: relative;
display: block;
width: 939px;
padding: 0px 20px 5px 21px;
color: #999;

}
#footer p.copyright
{
font-size: 0.7em;
line-height: 1.0em;
padding: 7px 0 5px 0;
}
#footer p.strap
{
font-size: 0.8em;
font-weight: bold;
line-height: 1.1em;
padding: 5px 0 5px 0;
}
#footer a
{
color: #555;
}
#footer a:hover
{
color: #00ace4;
}
/*////////////////////////////

homepage image slider

////////////////////////////*/
#sl_container
{
position: relative;
height: 378px;
width: 570px;
display: block;
padding: 0px;
margin: 0px;
overflow: auto;
background: #3450a2;
}
div.item
{
position: relative;
height: 378px;
width: 570px;
display: block;
padding: 0px;
margin: 0px;
}
#controlWrap
{
position: relative;
height: 14px;
width: 570px;
display: block;
overflow: hidden;
background: #3450a2;
margin: 4px 0 20px 0;
}
#num_nav
{
position: relative;
width: 400px;
height: 14px;
overflow: hidden;
display: block;
float: left;
margin: 0 10px 0 0px;
}
#num_nav ul
{
margin: 0;
padding: 0 0 0 2px;
}
#num_nav ul li
{
position: relative;
display: block;
padding: 0;
margin: 2px 4px 0 0px;
height: 6px;
width: 6px;
float: left;
color:#fcfcfc!important;
overflow: hidden;
background: #fcfcfc;
border: 2px solid #fcfcfc!important;
}
num_nav ul li a
{
position: relative;
display: block;
overflow: hidden;
padding:0;
margin: 0;
height: 6px!important;
width: 6px!important;
cursor:pointer;
background: #fcfcfc;
outline: none;
font-size: 6px;
line-height: 6px;
}
#num_nav ul li a:hover, #num_nav ul li a.active
{
background: #3a9db9;
color: #3a9db9;
}
#sl_controls
{
position: relative;
width: 24px;
height: 14px;
overflow: hidden;
display: inline;
float: right;
margin: 0 10px 0 0;
}
#prev_btn
{
position: relative;
float: left;
height: 14px;
width: 12px;
display: block;
text-indent: -9999em;
overflow: hidden;
background: url(../i/slider-images/controls/prev.gif) top left no-repeat;
}
#next_btn
{
position: relative;
float: left;
height: 14px;
width: 12px;
display: block;
text-indent: -9999em;
overflow: hidden;
background: url(../i/slider-images/controls/next.gif) top left no-repeat;
}
/*////////////////////////////

inside content

////////////////////////////*/
#col_left
{
position: relative;
float: left;
width: 194px;
margin: 0 5px 0 7px;
overflow: hidden;
display: inline;
}
#col_left img.outline, #col_right img.outline
{
border: 1px solid #fff;
margin-bottom: 3px;
}
#col_middle
{
position: relative;
float: left;
width: 495px;
margin: 0px 15px 10px 15px;
overflow: hidden;
display: inline;
}
#col_right
{
position: relative;
float: left;
width: 193px;
margin: 0 7px 117px 8px;
overflow: hidden;
display: inline;
}
#col_middle h3
{
font-size: 1.0em;
font-weight: bold;
line-height: 1.4em;
margin: 0px 0 20px 0;
color: #fff;
}
#col_middle h4
{
font-size: 0.9em;
font-weight: bold;
line-height: 1.3em;
margin: 5px 0 8px 0;
color: #fff;
}
#col_left h3, #col_right h3
{
font-size: 0.9em;
font-weight: bold;
line-height: 1.4em;
margin: 2px 0 20px 0;
color: #fff;
}
#col_left label, #col_right label
{
font-size: 1.0em;
}
#col_left p.forcecenter, #col_right p.forcecenter
{
width: 194px;
text-align: center;
}
#col_middle p, #col_left p, #col_right p
{
font-size: 0.8em;
font-weight: normal;
line-height: 1.2em;
margin: 5px 0 8px 0;
color: #fff;
text-align: justify;
}
#col_middle a
{
/*color: #b3fcff;*/
color: #12639a;
font-weight: bold;
}
#col_middle a:hover
{
text-decoration: underline;
/*color: #fff;*/
color: #095d95;
}
#col_right ul
{
list-style-type: disc;
list-style-position: outside;
width: 175px;
margin: 2px 0 0 0px;
padding: 0 0 0 15px;
}
#col_right ul li
{
font-size: 0.7em;
font-weight: normal;
line-height: 1.1em;
margin: 5px 0 8px 0;
color: #fff;
}
#col_right ul.sublist
{
list-style-type: circle;
list-style-position: outside;
width: 158px;
margin: 2px 0 0 0px;
padding: 0 0 0 15px;
}
#col_right ul.sublist li
{
font-size: 1.0em;
font-weight: normal;
line-height: 1.0em;
margin: 5px 0 8px 0;
color: #fff;
}
#col_right a, #col_left a
{
color: #93dcf3;
}
#col_right a:hover, #col_left a:hover
{
text-decoration: underline;
color: #fff;
}
#col_right img.peter
{
border: 1px solid #fff;
margin-bottom: 3px;
}

div.article
{
margin: 15px 10px 2px 10px;
}
div.article p, div.article label
{
font-size: 0.7em!important;
font-weight: normal;
line-height: 1.1em;
margin: 0 0 0 0!important;
color: #fff;
}
div.article label
{
font-style: italic!important;
margin: -2px 0 0px 0!important;
}
div.article h4
{
font-size: 0.9em;
font-weight: normal;
line-height: 1.3em;
margin: -1px 0 0px 0!important;
color: #fff;
}
h4.plain
{
font-size: 0.9em;
font-weight: bold;
line-height: 1.3em;
margin: 0;
padding: 20px 0 0px 0;
color: #fff;
}
div.newsarticle p
{
padding: 0 5px 0 5px;
}
div.newsarticle p, div.newsarticle label, .dark
{
color: #333!important;
}
div.newsarticle ul
{
list-style-type: disc;
list-style-position: outside;
margin: 14px 20px 14px 20px;
}
div.newsarticle ul li
{
font-size: 0.8em;
color: #333;
}

div.newsarticle a
{
color: #093d75!important;
}
div.newsarticle a:hover
{
color: #095d95!important;
}
#col_middle img.neighbors
{
border: 1px solid #fff;
margin-left: 3px;
display: block;
float: left;
height: 107px;
width: 160px;
}
#col_middle img.nstart
{
margin-left: 0px;
}

table.process_steps
{
font-size: 0.65em;
float: left;
margin: 0 0 0 1px;
border-collapse: separate!important;
border-spacing: 3px;
}
table.process_steps td
{
border: 1px solid #fff;
vertical-align: middle;
padding: 3px;
}
table.process_steps td.incomplete
{
color: #fff;
background: transparent;
}
table.process_steps td.complete
{
color: #333;
background: #8aca88;
}
span.complete_ind
{
background: #8aca88;
padding: 0px 2px 0 2px;
margin-left: 4px;
}

#col_right ul li span.sidelinkoff
{
color: #93dcf3;
cursor: pointer;
}
#col_right ul li span.sidelinkon
{
cursor: pointer;
color: #fff;
text-decoration: underline;
}
#col_right label
{
font-size: 11px;
}
div.renderings
{
position: relative;
display: block;
width: 100%;
overflow: hidden;
margin: 10px 0 10px 0;
}
div.renderings span
{
position: relative;
float: left;
width: 162px;
overflow: hidden;
margin: 0px 0px 15px 56px;
}
div.renderings span p
{
font-size: 11px!important;
color: #036!important;
}
div.renderings span img
{
border: 1px solid #fff;
}
div.renderings .endspan
{
padding: 0;
}

/*////////////////////////////

home - yes on B

////////////////////////////*/
body.homepage #yesOnB
{
position: relative;
display: inline;
z-index: 3000;
height: 170px;
margin: -185px 0 0 48px;
float: left;
overflow: hidden;
}
/* this is for the glow effect */
#yobBoxWrap
{
position: relative;
width: 296px;
background: #fcfcfc;
display: block;
overflow: hidden;
padding: 2px;
z-index: 4000;
height: 170px;
}
body.homepage .yobBox
{
position: relative;
width: 296px;
height: 170px;
background: #fcfcfc;
display: block;
overflow: hidden;
padding: 0 0 0px 0;
z-index: 4000;
}
body.homepage .yobBox img
{
display: block;
border: none;
margin: 0;
padding: 0;
}
body.homepage .yobBox ul
{
list-style-position: outside;
list-style-type: disc;
color: #38ac44;
margin: 2px 0 0 0px;
padding: 0 0 0px 16px;
display: block;
width: 250px;
}
body.homepage .yobBox ul li
{
padding-left: 1px;
margin: 0 0 6px 10px;
font-size: 18px;
line-height: 14px;
font-weight: bold;
}
body.homepage .yobBox ul li span
{
color: #292929;
font-size: 12px;
line-height: 14px;
}
body.homepage .yobBox p
{
width: 260px;
padding: 0px 20px 2px 20px;
text-align: right;
font-size: 12px;
line-height: 14px;
}
body.homepage .yobBox p a
{
color: #38ac44;
text-decoration: none;
font-weight: bold;
}
body.homepage .yobBox p a:hover
{
color: #188c24;
text-decoration: none;
}
#yobLinkWrap
{
position: relative;
display: block;
width: auto;
padding: 0px;
left: 348px;
height: 170px;
top: -185px;
margin: 0 0 -170px 0;
float: left;
z-index: 2500;
}
#yobLinks
{
position: relative;
width: 180px;
height: 170px;
overflow: hidden;
background: #38ac44;
display: block;
padding: 0 0 0px 0px;
z-index: 6000;
}
.cm_home_left div.width0
{
width: 0px!important;
}
#yobLinks ul
{
list-style: none;
width: 320px;
margin: 0;
padding: 5px 0 0 0;
}
#yobLinks ul li
{
width: 148px;
display: block;
overflow: hidden;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0 5px 8px 12px;
}
#yobLinks ul li a
{
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#yobLinks ul li a:hover
{
color: #f5ff60;
}

/*////////////////////////////

contact form

////////////////////////////*/
span.req
{
position: relative;
font-size: 1.4em;
font-weight: bold;
color: #fff;
top: 5px;
}
#contact_fs
{
width: 453px;
border: 1px solid #87d0f9;
padding: 20px;
background: #49a4d7; 
}
#contact_fs p.submit
{
width: 453px;
text-align: center;
}
table.contactform
{
margin: 10px 0 15px 0;
width: 410px;
border-collapse: collapse;
}
table.contactform td
{
font-size: 0.8em;
font-weight: normal;
line-height: 1.2em;
color: #fff;
vertical-align: middle;
padding: 2px 5px 2px 5px;
}
table.contactform td.odd
{
background: #5094ba;
}
table.contactform span.req
{
top: 0px!important;
}
table.contactform input.std
{
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
border: 1px solid #1a6995;
height: 20px;
width: 192px;
padding: 6px 3px 3px 3px;
background: #c3dfee;
color: #444;
font-size: 13px;
}
table.contactform textarea
{
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
border: 1px solid #1a6995;
height: 100px;
width: 192px;
padding: 6px 3px 3px 3px;
background: #c3dfee;
color: #444;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
}
#cf_submit
{
width: 120px;
height: 28px;
overflow: hidden;
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
cursor: pointer;
}


/*////////////////////////////

homepage content

////////////////////////////*/
div.cm_home_left
{
position: relative;
float: left;
width: 300px;
display: block;
z-index: 2000;
}
div.cm_home_right
{
position: relative;
float: left;
width: 570px;
margin-left: 16px;
overflow: hidden;
display: block;
z-index: 1000;
}
div.cm_home_right img
{
/*width: 570px;
height: 454px;
overflow: hidden;*/
}
div.cm_home_underimg
{
	width: 100%;
	height: 20px;
	background: #3bbb4e;
}
div.cm_home_underimg p
{
	color: #99fffb;
	font-size: .75em;
	padding-top: 3px;
	text-align: center;
}
div.cm_home_underimg p a
{
	color: #99fffb;
}
div.cm_home_text
{
position: relative;
top: 0;
width: 549px;
padding: 15px 10px 2px 10px;
overflow: hidden;
}
div.cm_home_text p
{
font-size: 0.8em;
font-weight: normal;
line-height: 1.2em;
margin: 5px 0 8px 0;
color: #fff;
}
ul.features
{
list-style: none;
line-height: 0;
display: block;
width: 300px;
overflow: hidden;
margin-bottom: 185px;
}
ul.features li
{
float: left;
margin: 0 0 9px 0;
line-height: 0;
padding: 0;
width: 300px;
height: 72px;
overflow: hidden;
display: inline;
}
ul.features .liend
{
margin-bottom: 0;
}
ul.features li a
{
position: relative;
display: block;
width: 300px;
height: 72px;
overflow: hidden;
text-indent: -99999px;
}
ul.features li#fl_sports
{
background: url(/i/homeButtons2010/sports.jpg) 0px -72px no-repeat;
}
ul.features li#fl_sports a
{
background: url(/i/homeButtons2010/sports.jpg) 0px 0px no-repeat;
}
ul.features li#fl_space
{
background: url(/i/homeButtons2010/space.jpg) 0px -72px no-repeat;
}
ul.features li#fl_space a
{
background: url(/i/homeButtons2010/space.jpg) 0px 0px no-repeat;
}
ul.features li#fl_homes
{
background: url(/i/homeButtons2010/homes.jpg) 0px -72px no-repeat;
}
ul.features li#fl_homes a
{
background: url(/i/homeButtons2010/homes.jpg) 0px 0px no-repeat;
}
ul.features li#fl_services
{
background: url(/i/homeButtons2010/services.jpg) 0px -72px no-repeat;
}
ul.features li#fl_services a
{
background: url(/i/homeButtons2010/services.jpg) 0px 0px no-repeat;
}
ul.features li#fl_jobs
{
background: url(/i/homeButtons2010/jobs.jpg) 0px -72px no-repeat;
}
ul.features li#fl_jobs a
{
background: url(/i/homeButtons2010/jobs.jpg) 0px 0px no-repeat;
}
ul.features li#fl_civic
{
background: url(/i/homeButtons2010/civic.jpg) 0px -72px no-repeat;
}
ul.features li#fl_civic a
{
background: url(/i/homeButtons2010/civic.jpg) 0px 0px no-repeat;
}

ul.features li#fl_sports a:hover, ul.features li#fl_space a:hover, ul.features li#fl_homes a:hover, ul.features li#fl_services a:hover,
ul.features li#fl_jobs a:hover, ul.features li#fl_civic a:hover
{
background: transparent;
}

#getinvolved
{
display: block;
margin-top: 20px;
width: 300px;
overflow: hidden;
}
#getinvolved div.gi_head
{
display: block;
height: 10px; /* change to 40px to restore header */
width: 300px;
background: url(/i/involved_head.png) top left no-repeat;
overflow: hidden;
text-indent: -99999px;
}
#getinvolved div.gi_content
{
display: block;
width: 300px;
background: url(/i/involved_content.png) top left repeat-y;
overflow: hidden;
}
#getinvolved div.gi_content p
{
width: 270px;
margin: 8px 15px 8px 15px;
font-size: 0.8em;
font-weight: normal;
}
#getinvolved div.gi_content p a
{
color: #a3fcff;
}
#getinvolved div.gi_content p a:hover
{
color: #fff;
text-decoration: underline;
}
#getinvolved div.gi_foot
{
display: block;
height: 10px;
width: 300px;
background: url(/i/involved_foot.png) top left no-repeat;
overflow: hidden;
}
/*////////////////////////////

homepage text area

////////////////////////////*/
#hpText
{
position: relative;
width: 300px;
margin: 0 0 5px 0;
padding: 10px 0 0 0;
display: block;
overflow: hidden;
float: left;
z-index: 1000;
}
#hpText p
{
width: 100%;
color: #596565;
font-size: 12px;
line-height: 18px;
padding-bottom: 7px;
}
#hpText a
{
font-weight: bold;
color: #274795;
text-decoration: underline;
}
#hpText a:hover
{
color: #111;
}
/*////////////////////////////

homepage video area

////////////////////////////*/
#hpVideos
{
position: relative;
width: 256px;
margin: 0 0 10px 10px;
padding: 2px;
display: block;
overflow: hidden;
z-index: 1000;
float: left;
}
#hpVideos h3
{
position: relative;
width: 100%;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #334fa0;
padding: 0 0 8px 0;
}
#hpVideos table img
{
margin: 2px 0 2px 0;
}
#hpVideos table span
{
font-size: 12px;
line-height: 14px;
}
#hpVideos table span a
{
color: #334fa0;
text-decoration: underline;
}
#hpVideos table span a:hover
{
color: #000;
}

/*////////////////////////////

fixed length pages

////////////////////////////*/
div.cm_fixed
{
width: 939px;
height: 655px;
padding: 0;
overflow: hidden;
}
div.tour_sports_bg
{
background: url(/i/satellite/sports.jpg) top left no-repeat;
}
div.tour_civic_bg
{
background: url(/i/satellite/civic.jpg) top left no-repeat;
}
div.tour_ferry_bg
{
background: url(/i/satellite/ferry.jpg) top left no-repeat;
}
div.tour_homes_bg
{
background: url(/i/satellite/homes.jpg) top left no-repeat;
}
div.tour_jobs_bg
{
background: url(/i/satellite/jobs.jpg) top left no-repeat;
}
div.tour_space_bg
{
background: url(/i/satellite/space.jpg) top left no-repeat;
}

/*////////////////////////////

tour sub menu

////////////////////////////*/
#tourmenu
{
position: relative;
display: block;
width: 939px;
height: 48px;
overflow: hidden;
}
ul.tourlinks
{
list-style: none;
line-height: 0;
display: block;
height: 48px;
width: 939px;
background: url(/i/tour_menu.gif) 0px -48px no-repeat;
}
ul.tourlinks li
{
position: relative;
float: left;
display: inline;
margin-left: 3px;
height: 48px;
width: 154px;
overflow: hidden;
}
ul.tourlinks li a
{
position: relative;
height: 48px;
width: 154px;
overflow: hidden;
text-indent: -99999px;
display: block;
}
ul.tourlinks li#tm_sports
{
margin-left: 0px;
}
ul.tourlinks li#tm_sports a
{
background: url(/i/tour_menu.gif) 0px 0px no-repeat;
}
ul.tourlinks li#tm_space a
{
background: url(/i/tour_menu.gif) -157px 0px no-repeat;
}
ul.tourlinks li#tm_civic a
{
background: url(/i/tour_menu.gif) -314px 0px no-repeat;
}
ul.tourlinks li#tm_jobs a
{
background: url(/i/tour_menu.gif) -471px 0px no-repeat;
}
ul.tourlinks li#tm_ferry a
{
background: url(/i/tour_menu.gif) -628px 0px no-repeat;
}
ul.tourlinks li#tm_homes a
{
background: url(/i/tour_menu.gif) -785px 0px no-repeat;
}
ul.tourlinks li#tm_sports a:hover, body.tour_sports ul.tourlinks li#tm_sports a,
ul.tourlinks li#tm_space a:hover, body.tour_space ul.tourlinks li#tm_space a,
ul.tourlinks li#tm_civic a:hover, body.tour_civic ul.tourlinks li#tm_civic a,
ul.tourlinks li#tm_jobs a:hover, body.tour_jobs ul.tourlinks li#tm_jobs a,
ul.tourlinks li#tm_ferry a:hover, body.tour_ferry ul.tourlinks li#tm_ferry a,
ul.tourlinks li#tm_homes a:hover, body.tour_homes ul.tourlinks li#tm_homes a
{
background: transparent;
}

/*////////////////////////////

tour info panel

////////////////////////////*/
#tip
{
position: relative;
float: left;
width: 300px;
overflow: hidden;
z-index: 400;
}
#tiptop
{
position: relative;
width: 300px;
height: 40px;
overflow: hidden;
background: url(/i/tourinfo/top.png) top left no-repeat;
}
#tiptop1
{
position: relative;
width: 300px;
height: 40px;
overflow: hidden;
background: url(/i/tourinfo/top1.png) top left no-repeat;
}
#tipfoot
{
position: relative;
width: 300px;
height: 40px;
overflow: hidden;
background: url(/i/tourinfo/foot.png) top left no-repeat;
}
#tipbody
{
position: relative;
width: 300px;
overflow: hidden;
background: url(/i/tourinfo/tile.gif) top left repeat-y;
}
#tb_left
{
position: relative;
float: left;
width: 40px;
height: 5px;
overflow: hidden;
}
#tb_middle
{
position: relative;
float: left;
width: 220px;
overflow: hidden;
}
#tb_right
{
position: relative;
float: left;
width: 40px;
height: 5px;
overflow: hidden;
}
div.tip_sports
{
display: inline;
margin: -440px 0 0 15px;
}

#tb_middle h4
{
width: 200px;
padding: 10px;
color: #fff;
font-size: 1.0em;
line-height: 1.4em;
margin-bottom: 5px;
font-weight: bold;
}

#tb_middle p
{
width: 200px;
padding: 0 10px 0 10px;
color: #fff;
font-size: 0.7em;
line-height: 1.1em;
margin-bottom: 5px;
}

#tb_middle table
{
width: 200px;
margin: 10px;
border-collapse: collapse;
}
#tb_middle table td
{
vertical-align: middle;
padding: 2px;
text-align: center;
}

div.yesFloater
{
position: relative;
float: right;
width: 187px;
height: 107px;
background: #fff;
display: inline;
margin: -117px 31px 0 0;
z-index: 8000;
overflow: hidden;
}
div.yesFloater a
{
text-decoration: none;
outline: none;
border: 0;
cursor: pointer;
width: 187px;
height: 107px;
overflow: hidden;
}
div.yesFloater a img
{
outline: none;
border: 0;
}




/*////////////////////////////

news images

////////////////////////////*/
div.floatright
{
float: right;
margin: 0px 0px 5px 15px;
}
div.floatleft
{
float: left;
margin: 0px 15px 5px 0px;
}
#aerial
{
width: 202px;
background: #f2f2f2;
}
div.aerialcap
{
width: 194px;
padding: 4px;
}
#officers
{
width: 345px;
background: #f2f2f2;
}
div.officerscap
{
width: 337px;
padding: 4px;
}
div.img
{
padding: 0px;
margin-bottom: 4px;
}
div.img img
{
border: 1px solid #7C97B1;
}
div.caption
{
font-size: 11px;
color: #333;
}

/*////////////////////////////

blog

////////////////////////////*/
div.blogcontent
{
color: #333!important;
padding: 0 5px 0 5px!important;
width: 485px!important;
}
div.bc_entry
{
margin: 0 0 30px 0;
border: 1px solid #666;
background: #69c4f7; 
padding: 5px;
}
div.blogcontent p
{
color: #333!important;
font-size: 1.0em;
}
span.bc_date
{
font-style: italic;
font-weight: normal;
color: #444;
}
div.blogcontent h4
{
color: #333!important;
font-weight: bold;
}
div.blogcontent a
{
color: #333!important;
}
div.blogcontent a:hover
{
color: #A00!important;
text-decoration: underline!important;
}
div.blogcontent img
{
margin-top: 10px;
margin-bottom: 8px;
border: 5px solid #fcfcfc;
}
img.wp-smiley
{
margin: 0!important;
border: 0!important;
position: relative;
top: 2px;
overflow: hidden;
}
span.bc_date a
{
font-weight: normal!important;
}
span.shrink
{
font-size: 0.8em;
}
div.cr_blog li
{
font-size: 0.8em!important;
}
div.wp-caption
{
display: block;
margin-bottom: 20px;
}
div.wp-caption p.wp-caption-text
{
font-size: 0.7em!important;
text-align: center!important;
}
ol.commentlist
{
list-style-type: decimal;
list-style-position: outside;
padding-left: 30px;
padding-bottom: 20px;
width: 400px;
margin-left: 20px;
}
ol.commentlist li.comment
{
font-size: 10px!important;

padding: 5px;
margin: 0 auto 15px auto;
border: 1px solid #666;
background: #69c4f7; 
}
div.comment-meta
{
font-size: 11px!important;
}
div.comment-author
{
font-size: 12px;
padding-bottom: 8px;
}
div.comment-author cite
{
font-style: italic;
}
ol.commentlist li p
{
font-size: 12px!important;
font-weight: normal;
}
textarea#comment
{
width: 400px!important;
}
li.archivelist p
{
text-align: left!important;
font-size: 12px!important;
}
div.aligncenter, img.aligncenter
{
margin-left: auto!important;
margin-right: auto!important;
}
div.alignright, img.alignright
{
float: right;
padding: 5px;
clear: both;
}
div.alignleft, img.alignleft
{
float: left;
padding: 5px;
clear: both;
}

/*////////////////////////////

main navigation menu

////////////////////////////*/
#menu ul
{
list-style: none;
line-height: 0;
display: block;
height: 40px;
width: 760px;
background: url(/i/menu2010.png) 0px -40px no-repeat;
}
#menu ul li
{
position: relative;
float: left;
display: inline;
margin-left: 0px;
height: 40px;
overflow: hidden;
}
#menu ul li a
{
position: relative;
height: 40px;
overflow: hidden;
text-indent: -99999px;
display: block;
background: url(/i/menu2010.png) no-repeat;
}
#menu ul li.mm_home
{
margin-left: 24px;
width: 70px;
}
#menu ul li.mm_home a
{
width: 70px;
background-position: -24px 0px;
}
#menu ul li.mm_tour
{
width: 98px;
}
#menu ul li.mm_tour a
{
width: 98px;
background-position: -94px 0px;
}
#menu ul li.mm_hood
{
width: 111px;
}
#menu ul li.mm_hood a
{
width: 111px;
background-position: -192px 0px;
}
#menu ul li.mm_plan
{
width: 137px;
}
#menu ul li.mm_plan a
{
width: 137px;
background-position: -303px 0px;
}
#menu ul li.mm_faq
{
width: 127px;
}
#menu ul li.mm_faq a
{
width: 127px;
background-position: -440px 0px;
}
#menu ul li.mm_think
{
width: 122px;
}
#menu ul li.mm_think a
{
width: 122px;
background-position: -567px 0px;
}
#menu ul li.mm_news
{
width: 71px;
}
#menu ul li.mm_news a
{
width: 71px;
background-position: -689px 0px;
}


#menu ul li.mm_tour a:hover, #menu ul li.mm_hood a:hover, #menu ul li.mm_plan a:hover, #menu ul li.mm_think a:hover, #menu ul li.mm_news a:hover,
#menu ul li.mm_faq a:hover, #menu ul li.mm_blog a:hover, #menu ul li.mm_home a:hover,
body.ip_plan #menu ul li.mm_plan a, body.ip_hood #menu ul li.mm_hood a, body.ip_think #menu ul li.mm_think a, body.ip_news #menu ul li.mm_news a,
body.ip_tour #menu ul li.mm_tour a, body.ip_faq #menu ul li.mm_faq a, body.homepage #menu ul li.mm_home a
{
background: transparent;
}

/*////////////////////////////

faq page

////////////////////////////*/
ol.faq
{
list-style: decimal;
list-style-position: outside;
padding: 5px 5px 5px 5px;
width: 470px;
margin: 0;
}
ol.faq li
{
margin: 0 0 10px 0px;
border: 1px solid #666;
background: #69c4f7; 
padding: 8px 10px 4px 10px;
cursor: pointer;
overflow: hidden;
font-size: 14px;
line-height: 19px;
color: #333;
}
ol.faq li p.element
{
padding: 10px;
margin: 0 0 10px 0!important;
font-size: 1.0em;
line-height: 1.5em!important;
text-align: left!important;
}
ol.faq li.faqlinkoff
{
border: 1px solid #666;
cursor: pointer;
}
ol.faq li.faqlinkon
{
border: 1px solid #fff!important;
cursor: pointer;
}


/*////////////////////////////

search box

////////////////////////////*/

#suf_table
{
border-collapse: collapse;
margin: 4px 0 4px 0;
padding: 0;
float: right;
}
#suf_table td
{
vertical-align: middle;
}
#suf_table label
{
font-size: 0.7em;
line-height: 1.1em;
padding: 0px 5px 0 5px;
font-weight: bold;
color: #3bbb4e;
overflow: hidden;
float: right;
}
#suf_table input#suf_email
{
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
border: 1px solid #999;
height: 14px;
width: 150px;
padding: 3px;
background: #fff;
color: #999;
font-size: 11px;
float: left;
margin: 0 5px 0 5px;
}
#suf_btn
{
margin: 0 0 0 0;
width: 50px;
height: 20px;
overflow: hidden;
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
background: url(/i/btn_emailsubmit.png) top left no-repeat;
float: left;
}
#suf_submit
{
width: 50px;
height: 20px;
overflow: hidden;
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
cursor: pointer;
}
#suf_submit:hover
{
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*////////////////////////////

tour plan

////////////////////////////*/
span.tm_siteplan
{
height: 28px;
width: 80px;
margin-left: 10px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_siteplan.gif) 0px -28px no-repeat;
}
span.tm_siteplan a
{
height: 28px;
width: 80px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_siteplan.gif) 0px 0px no-repeat;
text-indent: -99999px;
}
span.tm_sportsplan
{
height: 28px;
width: 80px;
margin-left: 10px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_sportsplan.gif) 0px -28px no-repeat;
}
span.tm_sportsplan a
{
height: 28px;
width: 80px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_sportsplan.gif) 0px 0px no-repeat;
text-indent: -99999px;
}
span.tm_waterfront
{
height: 28px;
width: 80px;
margin-left: 10px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_waterfront.gif) 0px -28px no-repeat;
}
span.tm_waterfront a
{
height: 28px;
width: 80px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_waterfront.gif) 0px 0px no-repeat;
text-indent: -99999px;
}
span.tm_transit
{
height: 28px;
width: 80px;
margin-left: 10px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_transit.gif) 0px -28px no-repeat;
}
span.tm_transit a
{
height: 28px;
width: 80px;
display: block;
overflow: hidden;
background: url(/i/tourinfo/btn_transit.gif) 0px 0px no-repeat;
text-indent: -99999px;
}
span.tm_siteplan a:hover, span.tm_sportsplan a:hover, span.tm_waterfront a:hover, span.tm_transit a:hover
{
background: transparent;
}
/*////////////////////////////

Google RSS Feeds API plugin

////////////////////////////*/
.gfg-root {
  width : 248px;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : left;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #BCCDF0;
  padding: 4px;
  float: right;
  background: #d4f2f9;
}

.gfg-title {
  font-size: 16px;
  font-weight : bold;
  color : #3450a2;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  padding: 1px;
}

.gfg-title a {
  color : #222;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  /*background-color: #E5ECF9;*/
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #222;
}

.gfg-entry {
  /*background-color : white;*/
  width : 248px;
  height : 100px;
  padding-bottom: 5px;
  /*padding: 4px;*/
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
  margin-bottom: 5px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  /*background-color : white;*/
  width : auto;
  height : 100%;
  padding-left : 1px;
  padding-right : 4px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.2em;
  overflow : hidden;
  /*white-space : nowrap;*/
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding: 5px 5px 5px 15px;
  margin-left : 1px;
  margin-right : 1px;
  color: #666;
  border-bottom: 1px solid #c9d7db;
}
.gfg-listentry a
{
color: #555;
}

.gfg-listentry-odd {
  /*background-color : #8eb0b9;*/
}

.gfg-listentry-even {
	/*background-color: #a3c2ca;*/
}

.gfg-listentry-highlight { 
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  /*white-space : nowrap;*/
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
  width: 248px;
  color: #333;
}
.gfg-root .gfg-entry .gf-result .gf-title  a
{
color: #333;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}