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

/* REDEFINED HTML TAGS */
html { background: #FFF url(../images/bg_body.jpg) top left repeat-x; }
body { margin:0; background: url(../images/bg_seagulls.jpg) top left no-repeat; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1 { font-size: 26px; letter-spacing: -1px; font-family: "Whitney Book", Tahoma, Arial, Verdana, sans-serif;font-weight: normal;margin: 3px 0 13px 7px;padding: 0;line-height: 1em;}
h2 { margin: 0 10px 20px; font-size: 14px; }
h3 { margin: 0 10px 10px; font-size: 12px; }
p { font-weight: normal; margin: 0 10px 15px; line-height: 130%; }
form { margin: 0; padding: 0; }
table { margin: 0px 10px; }

#container { width: 772px; }
#content { width: 772px; background: #FFF url(../images/bg_content.gif) top right repeat-y; }
#caltable table { margin: 0px auto !important; }

/* VARIABLE HEADER CSS */
#header { width: 772px; height: 223px; background: url(../images/header.jpg) top left no-repeat; position: relative; }
#headerres { width: 772px; height: 178px; background: url(../images/header-res.jpg) top left no-repeat; position: relative; }
#headerbus { width: 772px; height: 178px; background: url(../images/header-bus.jpg) top left no-repeat; position: relative; }
#headervis { width: 772px; height: 178px; background: url(../images/header-res.jpg) top left no-repeat; position: relative; }
#headergov { width: 772px; height: 178px; background: url(../images/header-gov.jpg) top left no-repeat; position: relative; }
#headercustom { width: 772px; height: 178px; background: top left no-repeat; position: relative; }
#header h2,
#headerres h2,
#headerbus h2,
#headervis h2,
#headercustom h2,
#headergov h2 { font: bold 12px Arial, Helvetica, sans-serif; position: absolute; top: 70px; left: 23px; text-indent: -9999px; }
#header 
a#homelink,
#headerbus a#homelink, 
#headervis a#homelink,
#headergov a#homelink,
#headercustom a#homelink,
#headerres a#homelink { text-decoration: none; display: block; width: 189px; height: 62px; cursor: pointer; }



/* NAVIGATION CSS */
#menu { padding-left: 5px; width: 767px; height: 31px; background: url(../images/bg_menu.gif) top left no-repeat;}
#nav { width: 393px; float: left; overflow: hidden; }
#nav ul#mainnav { margin:0; padding:0; height: 31px; width: 400px; position: relative; list-style: none; }

li#nav1 { margin:0; padding:0; position: absolute; top: 0px; left: 0px; width: 64px; height: 31px; background: transparent url(../images/nav-home.gif) 0 0 no-repeat; }
li#nav2 { margin:0; padding:0; position: absolute; top: 0px; left: 64px; width: 76px; height: 31px; background: transparent url(../images/nav-residents.gif) 0 0 no-repeat; }
li#nav3 { margin:0; padding:0; position: absolute; top: 0px; left: 140px; width: 70px; height: 31px; background: transparent url(../images/nav-business.gif) 0 0 no-repeat; }
li#nav4 { margin:0; padding:0; position: absolute; top: 0px; left: 210px; width: 64px; height: 31px; background: transparent url(../images/nav-visitors.gif) 0 0 no-repeat; }
li#nav5 { margin:0; padding:0; position: absolute; top: 0px; left: 273px; width: 120px; height: 31px; background: transparent url(../images/nav-government.gif) 0 0 no-repeat; }

ul#mainnav a { display: block; text-indent: -9999px; text-decoration: none; overflow: hidden; }
ul#mainnav a#n1 { width: 64px; height: 31px; }
ul#mainnav a#n2 { width: 76px; height: 31px; }
ul#mainnav a#n3 { width: 70px; height: 31px; }
ul#mainnav a#n4 { width: 63px; height: 31px; }
ul#mainnav a#n5 { width: 120px; height: 31px; }

li#nav1 a:hover { background: transparent url(../images/nav-home-hover.gif) 0 0 no-repeat; }
li#nav2 a:hover { background: transparent url(../images/nav-residents-hover.gif) 0 0 no-repeat; }
li#nav3 a:hover { background: transparent url(../images/nav-business-hover.gif) 0 0 no-repeat;}
li#nav4 a:hover { background: transparent url(../images/nav-visitors-hover.gif) 0 0 no-repeat;}
li#nav5 a:hover { background: transparent url(../images/nav-government-hover.gif) 0 0 no-repeat;}

li#nav1 a:active { background: transparent url(../images/nav-home-active.gif) 0 0 no-repeat; }
li#nav2 a:active { background: transparent url(../images/nav-residents-active.gif) 0 0 no-repeat; }
li#nav3 a:active { background: transparent url(../images/nav-business-active.gif) 0 0 no-repeat;}
li#nav4 a:active { background: transparent url(../images/nav-visitors-active.gif) 0 0 no-repeat;}
li#nav5 a:active { background: transparent url(../images/nav-government-active.gif) 0 0 no-repeat;}

/* OTHER MENU BAR ITEMS */
#controls { float: left; text-align: right; width: 141px; height: 19px; padding: 6px; background: transparent url(../images/bg_nav-divider.gif) top right no-repeat; }
#sizer { float: left; position: relative; text-align: right; width: 141px; height: 19px; padding: 6px; background: transparent url(../images/bg_nav-divider.gif) top right no-repeat; }
#search { float: left; width: 207px; height: 21px; padding: 5px; background-color: transparent; }
#search input.navsearch { width: 125px; height: 17px; border: 1px solid #c4cdd1; background-color: #FFF; padding: 0 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 5px 0 0; float: left; }
#search input.searchbutton { width: 67px; height: 19px; border: none; background: transparent url(../images/button-search.gif) top left no-repeat; margin:0; padding:0; font: bold 10px Tahoma, Arial, Verdana; color: #0079b9; cursor: pointer; float: left; }

#emailthis { padding: 5px 0 5px 7px; text-align: left; position:absolute; left:40px; top:28px; width:188px; height:34px; z-index:10000; visibility: hidden; }
#emailthis label { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #333; display: block; margin-bottom: 2px; }
#emailthis input { border: none; vertical-align: middle; }
input.emailtext { width: 120px; }
.closethis { float: right; margin: -2px 2px 0 0; }

/* FOOTER CSS */
#footer { width: 772px; height: 57px; padding-top: 26px; background: url(../images/bg_footer.gif) top left no-repeat; }
#footerlinks { width: 772px; height: 32px; text-align: center; }
#footerlinks ul { list-style: none; margin:0 0 0 20px; padding: 10px 0 0 0; }
#footerlinks li { display: inline; border-right: 1px solid #1a79a6; margin-right: 10px; padding: 0 8px 0 0; }
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; }
#footerlinks a:hover { color: #1a79a6; }
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active { font-size: 11px; }

#copyright { font-size: 10px;  }
#copyright { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color: #acb2b5; text-align: center; width: 772px; padding-top: 10px; }

/* GENERAL CLASSES */
.noborder { border: none !important; }
.floatnone { float: none !important; }
.clear { clear: both;}
.right { float: right; margin: 5px 5px 16px 25px; }
.left { float: left; margin: 5px 25px 16px 5px; }

/* MASTERPAGE CONFIGURATION */
#onecolumn, #twocolumn, #threecolumn { width: 772px;}
#threecolumn #leftsidebar { float: left; width: 20%; }
#threecolumn #breadcrumbs { float: left; width: 78%; }
#threecolumn #bodycopy { float: left; width: 60%; }
#threecolumn #rightsidebar { float: left; width: 20%; }

#twocolumn #leftsidebar { float: left; width: 20%; }
#twocolumn #breadcrumbs { float: left; width: 78%; }
#twocolumn #bodycopy { float: left; width: 78%; }
#twocolumn #rightsidebar { display: none; }

#onecolumn #leftsidebar { visibility: hidden; height: 10px; }
#onecolumn #breadcrumbs { display: block; margin: 0px 0px 0px 25px; }
#onecolumn #bodycopy { width: 720px; margin: 0 auto; }
#onecolumn #rightsidebar { display: none; }

/* BREADCRUMBS */
#breadcrumbs { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#breadcrumbs { font-size: 9px; }
p.crumbs { padding: 13px 10px; margin: 0; }
#breadcrumbs a { color: #666; text-decoration: underline; }
#breadcrumbs a:hover { color: #000; }

/* New Column 3 Color Switching */
#rightsidebar div { width: auto; padding-bottom: 18px; margin-bottom: 12px;}
#rightsidebar h3 { width: 130px; margin:0; padding: 9px 10px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
/* Commented out original styles to create persistant 3-color motif 
span#rightsideres div { background: url(../images/bg-rightside-div.gif) bottom left no-repeat; }
span#rightsidebus div { background: url(../images/bg-rightside-div-bus.gif) bottom left no-repeat; }
span#rightsidevis div { background: url(../images/bg-rightside-div-vis.gif) bottom left no-repeat; }
span#rightsidegov div { background: url(../images/bg-rightside-div-gov.gif) bottom left no-repeat; }

span#rightsideres h3 { background: url(../images/bg-rightside-h3.gif) top left no-repeat;  }
span#rightsidebus h3 { background: url(../images/bg-rightside-h3-bus.gif) top left no-repeat;  }
span#rightsidevis h3 { background: url(../images/bg-rightside-h3-vis.gif) top left no-repeat;  }
span#rightsidegov h3 { background: url(../images/bg-rightside-h3-gov.gif) top left no-repeat;  }*/

span#rightsideres div { background: url(../images/bg-rightside-div-grey.gif) bottom left no-repeat; }
span#rightsidebus div { background: url(../images/bg-rightside-div-grey.gif) bottom left no-repeat; }
span#rightsidevis div { background: url(../images/bg-rightside-div-grey.gif) bottom left no-repeat; }
span#rightsidegov div { background: url(../images/bg-rightside-div-grey.gif) bottom left no-repeat; }
h3.navy  { background: url(../images/bg-rightside-navy.gif) top left no-repeat; }
h3.blue  { background: url(../images/bg-rightside-blue.gif) top left no-repeat; }
h3.green { background: url(../images/bg-rightside-green.gif) top left no-repeat; }
h3.yellow { background: url(../images/bg-rightside-yellow.gif) top left no-repeat; }

/* COLUMN 3 */
#rightsidebar p { margin: 10px 0; padding:0 10px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666; height: 35px; }

#rightsidebar ul { margin: 10px 0 0 0; padding:0 10px; list-style: none; }
#rightsidebar li { background: url(../images/nav-list-bullet.gif) 3px 2px no-repeat; padding: 0 0 0 11px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666; margin:0; }
#rightsidebar li.external { background: url(../images/external.gif) 0 5px no-repeat; padding: 0 0 0 11px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#rightsidebar a { text-decoration: none; }
#rightsidebar a:hover { color: #000; }
#rightsidebar p.external { padding-left: 22px; background: url(../images/external.gif) 11px center no-repeat; margin-top: 5px;}
#rightsidebar h3 { font-size: 11px; height: 1.35em; }
#rightsidebar p { font-size: 10px; }
#rightsidebar li { font-size: 10px; line-height: 1.4em;}

/* BODYCOPY STYLES */
#bodycopy ul { margin:0 0 20px 15px; padding:0 12px; list-style: none; }
#bodycopy ul li { margin:0; padding: 0 0 0 8px; line-height: 1.4em; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333; background: url(../images/nav-list-bullet.gif) 0% 4px no-repeat; }
#bodycopy ul ul li, #bodycopy ol ul li {margin: 0; padding: 0 0 0 9px; line-height: 1.4em; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333; background: url(../images/nav-list-bullet.gif) 0% 50% no-repeat; }
#bodycopy li ul { margin: 0; padding:0; }
#bodycopy li ol { margin: 0 0 0 23px; padding:0; }
#bodycopy ol { margin:0 0 20px 40px; padding:0 12px; }
#bodycopy ol li { margin:0; padding: 0; line-height: 1.4em; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333; }
#bodycopy ol li ol li { list-style-type: lower-alpha; }
#bodycopy div.twocolumns { width: 49%; margin-top: 10px; float: left; background: url(../images/arrow-link.gif) bottom right no-repeat; padding-bottom: 5px; position: relative; }
#bodycopy div.threecolumns { width: 33%; margin-top: 10px; float: left; background: url(../images/arrow-link.gif) bottom right no-repeat; position: relative;}
#bodycopy div.threecolumnhome { width: 33%; min-height: 375px; margin-top: 10px; float: left; background: url(../images/arrow-link.gif) bottom right no-repeat; position: relative; }
.twocolumns p, .threecolumns p, .threecolumnhome p { margin-bottom: 0;  font-size: 11px; line-height: 120%; }
.twocolumns a, .threecolumns a, .threecolumnhome a { font-weight: bold; text-decoration: none; font-size: 11px; line-height: 120%; }
.twocolumns a:hover, .threecolumns a:hover, .threecolumnhome a:hover { text-decoration: underline; }
.twocolumns h2, .threecolumns h2, , .threecolumnhome h2  { font-weight: bold; font-size: 12px; padding: 0 10px 10px 10px; margin:-2px 0 0 0; }
.twocolumns a h2, .threecolumns a h2, , .threecolumnhome a h2  { color: #000 !important; text-decoration: none; }
.twocolumns h2 a, .threecolumns h2 a, , .threecolumnhome h2  a { color: #000 !important; text-decoration: none; }
p.date { font-size: 85%; color: #999; margin: 2px 0; padding:0 10px; }
p.more a { width: 37px; height: 14px; display: block; text-indent: -9999px; background: url(../images/more.gif) top left no-repeat; margin: 4px 0 15px; }
p.more a:hover { background: url(../images/more-hover.gif) top left no-repeat; }
p.arrow { height: 20px; margin: 15px 0 0 0; }
p.arrow a { display: block; height: 20px; line-height: 20px; width: 100%; padding: 0 0 1px 10px; font-size: 9px; font-family: "Trade Gothic", Tahoma, Arial, Helvetica, Sans-serif; white-space: nowrap; position: absolute; bottom: 0px; }
p.arrow a:hover { text-decoration: underline; }
#rightline { border-right: 1px solid #CCC; }
#leftline { border-left: 1px solid #CCC; }

#bodycopy div.threebluetabs { width: 194px; float: left; margin-left: 5px; margin-bottom: 10px; background: url(../images/bg_3tab_bottom.gif) bottom left no-repeat; }
#bodycopy div.threebluetabs h3 { width: 184px; height: 14px; padding: 15px 0 6px 10px; display: block; background: url(../images/bg_3tab_blue.gif) top left no-repeat; font-weight: bold; color: #FFF; margin: 0; white-space: nowrap; }
#bodycopy div.threebluetabs h3 a { color: #FFF; text-decoration: none; display: block; width: 176px; height: 16px; } 
#bodycopy div.threebluetabs h3 a:hover { color: #FFF; text-decoration: underline; display: block; width: 176px; height: 16px; } 
#bodycopy div.threebluetabs p { font-size: 11px; color: #666; line-height: 120%; margin: 10px 10px 20px; }

/* Form CSS */
#bodycopy fieldset { width: 480px; border: none; margin: 0 auto; background: url(../images/bg_fieldset.gif) bottom left no-repeat; padding-bottom: 30px; }
#bodycopy fieldset legend { font-size: 10px; color: #6a6a6a; padding: 0 0 8px 28px; }
#bodycopy label { display: block; float: left; width: 150px; padding: 3px 0; margin: 5px 0 0; text-align: right; font-size: 11px;}
#bodycopy fieldset label:first-letter { text-decoration:underline; }
#bodycopy input, #bodycopy textarea, #bodycopy select { width:auto; margin:5px 0 0 10px !important; border: 1px solid #c4cdd1 !important; }
#bodycopy select#QuestionRegarding { font-size: 11px; color: #333; width: 200px; padding: 2px; }
#bodycopy input#reset { margin-left:0px; }
#bodycopy textarea { overflow: auto; border: 1px solid #c4cdd1 !important; }
#bodycopy .required{ font-weight:bold; }
#bodycopy #contactform br, #bodycopy #form br { clear:left; }
#bodycopy #contactform span, #bodycopy #form span  { color: #ff9955; }
input#HomePhone, input#Prefix, input#Number { width: 50px; }
.hidden { visibility: hidden; }
#panelRegister { background-color: #FF0000}
#Label1 { display: block; float: left; width: 150px; padding: 3px 0; margin: 5px 0 0; text-align: right; }

#welcome { width: 350px; float: left; padding-top: 10px; margin-top: 10px; }
#welcome p { font-size: 11px; line-height: 140%; width: 314px; }
#welcome h1 { margin-left: 0; }
#promo { width: 360px; float: left; text-align: right;  margin-top: 10px; }

#filters { width: 712px; margin: 12px 0 15px 10px; }
h3#filterres { width: 180px; height: 132px; background: url(../images/residents.jpg) top left no-repeat; float: left; margin:0; padding:0; }
h3#filterbus { width: 180px; height: 132px; background: url(../images/business.jpg) top left no-repeat; float: left; margin:0; padding:0; }
h3#filtervis { width: 180px; height: 132px; background: url(../images/visitors.jpg) top left no-repeat; float: left; margin:0; padding:0; }
h3#filtergov { width: 172px; height: 132px; background: url(../images/government.jpg) top left no-repeat; float: left; margin:0; padding:0; }
h3#filterres a { width: 170px; height: 132px; display: block; text-indent: -9999px; text-decoration: none; }
h3#filterbus a { width: 170px; height: 132px; display: block; text-indent: -9999px; text-decoration: none; }
h3#filtervis a { width: 170px; height: 132px; display: block; text-indent: -9999px; text-decoration: none; }
h3#filtergov a { width: 170px; height: 132px; display: block; text-indent: -9999px; text-decoration: none; }



/*===================================================================================*/
/*             These are standard sIFR styles... DO NOT EDIT OR DELETE */
/*===================================================================================*/

.sIFR-flash { visibility: visible !important;margin: 0; }
.sIFR-replaced {visibility: visible !important; }
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash h1 {	visibility: hidden;}

/*===================================================================================*/
/*                              EKTRON CSS HACKS                                     */
/*===================================================================================*/
div.EktronEditorsMenuWrapper { background-image: none !important; }
/*.EktronEditorsMenuWrapper img { border: none; margin-right: 8px; }*/
.EktronEditorsMenuWrapper li a { background-image: none !important; }


/* -- Added for Web Alerts -- 07/09/2008 --*/
td { font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#bodycopy table { margin: 0 0 0 10px; }

.smaller { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333; }
#profile { margin-bottom: 20px; }
#bodycopy #alertoptions label { display: block; float: left; clear: both; text-align: left; margin:0 0 0 10px; padding:0;}
#bodycopy #alertoptions label input { border: none; }
#bodycopy #alertoptions legend { font-size: 12px; font-weight: bold; color: #333; padding: 0 0 8px 0px;  }
#bodycopy #alertoptions fieldset { display: block; margin: 10px; border: 1px solid #ccc; width: 500px !important; background: none !important; padding-bottom: 15px !important; }
#alertwelcome { margin-bottom: 30px; }
#forgotpassword #alertsuccess #alertunsubscribe { margin-bottom: 200px !important; }
.underline { height: 1px; border-bottom: 1px solid #666; width: 90%; margin: 20px 0; }

/*================= EMAIL POPUP PAGE FADE =========================*/

#page_screen
{
   background-color:#000;
   filter:alpha(opacity=80);  
   opacity: 0.8;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
}

#page_panel
{
   width:530px; /* This width is variable BUT there is a corresponding number value in the function - see js/common.js */
   height:300px; /* This height is variable BUT there is a corresponding number value in the function - see js/common.js */
   background-color:#FFF;
   font-size: 11px; 
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   border:1px solid #000;   
   position:absolute;
   top:0px;
   left:0px;
   padding: 10px; 
}
div.close { float: right; margin-top: -4px; }
div.close a { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #990000; text-decoration: none; }
#page_panel td { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; }
#page_panel td input { border: 1px solid #c4cdd1; }
#page_panel .label { font-weight: bold; color: #666; text-align: right; padding-right: 3px; vertical-align: text-top; }
#page_panel h2 { margin: 0 0 13px 0; font-size: 15px; }
#page_panel p { margin: 0 0 10px inherit; }
#page_panel p.special { margin: 0 0 5px inherit; color: #CC3300; font-size: 10px; }