body{
margin: 0px;
padding: 0px;
background-color: #C4DCF3;
font: 11px "Gill Sans MT", "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
*{
outline: none;	
}
a:link, a:visited, a:active{
text-decoration: none;
color:#1D8AF7;
}
a:hover{
text-decoration: none;
color: #044B93;
}
#siteHold{
width: 966px;
margin: 0px auto;
background: url(/images/bg/mainback.png) repeat-y center;
min-height: 600px;
height: auto !important;
height: 600px;
}
#siteHead{
height: 214px;
background: url(/images/bg/headbg.jpg) no-repeat top;
position: relative;
z-index: 1;
}
#subHead{
height: 127px;
background: url(/images/bg/subheadbg.jpg) no-repeat top;
position: relative;
z-index: 1;
}
#siteGallery{
position: absolute;
width: 422px;
height: 194px;
left: 531px;
top: 20px;
background: url(/images/gallery/loading.jpg) no-repeat top;
z-index: 2;
}
#homeLink{
position: absolute;
width: 343px;
height: 98px;
left: 25px;
top: 30px;
z-index: 3;
cursor: pointer;
}
#subhomeLink{
position: absolute;
width: 343px;
height: 98px;
left: 25px;
top: 30px;
z-index: 3;
cursor: pointer;
}
#getinvolvedButton{
position: absolute;
width: 172px;
height: 30px;
left: 775px;
top: 24px;
z-index: 3;
cursor: pointer;
}
#goldbar{
margin: 0px 13px;
background: url(/images/bg/goldbar.png) repeat-x top;
height: 30px;
}
#goldbar img{
border-width: 0px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}
#siteFoot{
width: 966px;
margin: 0px auto;
height: 100px;
background: url(/images/bg/foot.png) no-repeat top;
}
#swapHold{
border-width: 0px;
width: 100%;
height: 461px;
}
#mayorBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/mayor_page.jpg) no-repeat top;
position: relative;
}
#faqBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/faqbg.jpg) no-repeat top;
position: relative;
}
#contactBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/contactbg.jpg) no-repeat top;
position: relative;
}
#calBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/calbg.jpg) no-repeat top;
position: relative;
}


#progressBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/progressbg.jpg) no-repeat top;
position: relative;
}
#progPDF1{
position: absolute;
z-index: 15;
cursor: pointer;
width: 298px;
height: 122px;
left: 28px;
top: 196px;
}
#progPDF2{
position: absolute;
z-index: 16;
cursor: pointer;
width: 298px;
height: 122px;
left: 28px;
top: 326px;
}

#progPDF3{
position: absolute;
z-index: 177;
cursor: pointer;
width: 289px;
height: 111px;
left: 339px;
top: 200px;
}

#progPDF4{
position: absolute;
z-index: 177;
cursor: pointer;
width: 289px;
height: 111px;
left: 338px;
top: 326px;
}

#progSignup{
position: absolute;
z-index: 16;
cursor: pointer;
width: 226px;
height: 67px;
left: 708px;
top: 340px;
}


#rfpBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/rfpbg.jpg) no-repeat top;
position: relative;
}

#rfpBGnone{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/rfpbgnone.jpg) no-repeat top;
position: relative;
}
#rfpEmail1{
position: absolute;
z-index: 15;
cursor: pointer;
width: 300px;
height: 18px;
left: 345px;
top: 285px;
}
#rfpEmail2{
position: absolute;
z-index: 16;
cursor: pointer;
width: 300px;
height: 18px;
left: 345px;
top: 326px;
}
#rfpLink{
position: absolute;
z-index: 17;
cursor: pointer;
width: 614px;
height: 51px;
left: 270px;
top: 360px;
}
#rfpQALink{
position: absolute;
z-index: 18;
cursor: pointer;
width: 340px;
height: 32px;
left: 313px;
top: 475px;
}
#calHold{
position: absolute;
z-index: 4;
width: 913px;
height: 566px;
left: 25px;
top: 21px;
overflow: auto;
}
#calBG2{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/calbg.jpg) no-repeat top;
position: relative;
}
#calHold2{
position: absolute;
z-index: 4;
width: 913px;
height: 566px;
left: 25px;
top: 21px;
overflow: auto;
}
#contactLeft{
position: absolute;
z-index: 4;
width: 298px;
height: 475px;
left: 26px;
top: 113px;
overflow: auto;
}
#contactLeft p, #contactRight p{
font-size: 15px;
line-height: 18px;
border: 0px solid #ddd;
margin: 10px 0px;
}
#contactRight{
position: absolute;
z-index: 4;
width: 585px;
height: 464px;
left: 346px;
top: 113px;
margin: 0px;
padding: 0px 15px 0px 0px;
overflow: auto;
}
#faqLeft{
position: absolute;
z-index: 4;
width: 298px;
height: 475px;
left: 26px;
top: 123px;
overflow: auto;
}
#faqRight{
position: absolute;
z-index: 4;
width: 575px;
height: 464px;
left: 346px;
top: 113px;
margin: 0px;
padding: 0px 15px 0px 0px;
overflow: auto;
}
#faqFrame{
width: 595px;
height: 464px;
}
.faqlink{
margin-bottom: 7px;
font-size: 13px;
line-height: 1.2em;
}
.faqlink a:link, .faqlink a:visited{
font-weight: 900;
color: #208DC9;
text-decoration: none;
}
.faqlink a:hover{
font-weight: 900;
color: #333;
text-decoration: none;
}
.faqlink a:active, .faqlink a:focus{
font-weight: 900;
color: #034F79;
text-decoration: none;
}
.faqlink2{
margin-bottom: 7px;
font-size: 13px;
line-height: 1.1em;
}
.faqlink2 a:link, .faqlink2 a:visited{
font-weight: 900;
color: #208DC9;
text-decoration: none;
}
.faqlink2 a:hover{
font-weight: 900;
color: #333;
text-decoration: none;
}
.faqlink2 a:active, .faqlink2 a:focus{
font-weight: 900;
color: #034F79;
text-decoration: none;
}
.answer{
width: 595px;
height: 464px;
overflow: auto;
padding-right: 20px;
font-size: 16px;
line-height: 20px;
display: none;
}
.answer ul{
list-style-type: none;
padding: 0px;
margin: 0px;
border: 0px solid #eee;
}
.answer ol li{
font: 100 14px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.answer ul li{ 
background: url(/images/bg/ar.gif) no-repeat 0px 8px;
font: 100 14px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-left: 1em; 
line-height: 1.3em;
margin: 6px 0px;
border: 0px solid #ddd;
}
.answer ul ul li{ 
background: url(/images/bg/ar2.gif) no-repeat 0px 8px;
font: 100 14px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-left: 1em; 
line-height: 1.3em;
margin: 6px 0px;
border: 0px solid #ddd;
}
.answer ul ol li{ 
background-image: none;
font: 100 14px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-left: 0em; 
}
#answer0{
display: inline;
overflow: hidden;
}
.answer p{
margin: 0px 0px 10px 0px;
border: 0px solid #ddd;
}
#procBG{
border-width: 0px;
width: 100%;
height: 1034px;
background: url(/images/bg/procbg.jpg) no-repeat top;
position: relative;
}
#mayorText{
position: absolute;
z-index: 4;
width: 509px;
height: 241px;
left: 44px;
top: 325px;
font-size: 15px;
line-height: 1.6em;
}
#missionBG{
border-width: 0px;
width: 100%;
height: 621px;
background: url(/images/bg/missionbg.jpg) no-repeat top;
position: relative;
}
#missionLeft{
position: absolute;
z-index: 4;
width: 310px;
height: 417px;
left: 23px;
top: 165px;
}
#missionRight{
position: absolute;
z-index: 4;
width: 592px;
height: 417px;
left: 352px;
top: 165px;
}
#missionRight ol{
font-size: 16px;
line-height: 1.5em;
margin: 25px;
padding: 0px;
}
#missionRight li{
margin: 13px 0px;
font-weight: 100;
}
.missionBigText{
font-size: 22px;
line-height: 1.5em;
}
#swapArea{
width: 738px;
height: 461px;
background: url(/images/bg/swapbg.png) no-repeat top;
float: left;
margin: 0px;
padding: 0px;
position: relative;
}
#getInvolved{
width: 228px;
height: 461px;
background: url(/images/bg/invbg.png) no-repeat top;
float: right;
position: relative;
}
#limehouseButton{
position: absolute;
z-index: 4;
width: 173px;
height: 66px;
left: 25px;
top: 291px;
}
#clickWarn{
height: 18px;
background: url(/images/bg/clickwarn.png) no-repeat top;
}
#iconHold{
margin: 0px 15px 0px 25px;
height: 77px;
}
.iconImg{
width: 76px;
height: 77px;
float: left;
display: inline;
cursor: pointer;
margin-left: 1px;
}
.iconImg img{
border-width: 0px;
}
.swapSpace{
position: absolute;
width: 680px;
height: 410px;
left: 35px;
top: 23px;
z-index: 6;
background-color: transparent;
font-size: 14px;
line-height: 20px;
}

#homedivLeft{
position: absolute;
width: 339px;
height: 280px;
left: 44px;
top: 130px;
z-index: 7;
/*background-color: red;*/
font-size: 14px;
line-height: 17px;
}

#botShad{
height: 18px;
background: url(/images/bg/botshad.png) no-repeat top;
}
#socialBar{
height: 62px;
background: url(/images/bg/socialbarbg.png) no-repeat top;
position: relative;
}

#socialBar #snap{
position: absolute;
z-index: 10;
width: 162px;
height: 42px;
left: 29px;
top: 9px;
cursor: pointer;
}

#socialBar #gis{
position: absolute;
z-index: 10;
width: 134px;
height: 42px;
left: 371px;
top: 9px;
cursor: pointer;
}

#socialBar #twitter{
position: absolute;
z-index: 10;
width: 36px;
height: 36px;
left: 777px;
top: 12px;
cursor: pointer;
}

#socialBar #fb{
position: absolute;
z-index: 10;
width: 34px;
height: 36px;
left: 819px;
top: 12px;
cursor: pointer;
}

#socialBar #email{
position: absolute;
z-index: 10;
width: 34px;
height: 36px;
left: 859px;
top: 12px;
cursor: pointer;
}

#socialBar #rss{
position: absolute;
z-index: 10;
width: 34px;
height: 36px;
left: 899px;
top: 12px;
cursor: pointer;
}

#rav{
position: absolute;
z-index: 11;
width: 102px;
height: 133px;
left: 439px;
top: 104px;
cursor: pointer;
}
#miss{
position: absolute;
z-index: 11;
width: 108px;
height: 138px;
left: 576px;
top: 99px;
cursor: pointer;
}
#proc{
position: absolute;
z-index: 11;
width: 118px;
height: 150px;
left: 433px;
top: 249px;
cursor: pointer;
}
#faq{
position: absolute;
z-index: 11;
width: 108px;
height: 149px;
left: 576px;
top: 250px;
cursor: pointer;
}

#newsComm{
height: 386px;
position: relative;
background: url(/images/bg/newscommbg.png) no-repeat top;
}

#newsCommSubscribe{
display: block;
position: absolute;
z-index: 1100;
width: 202px;
height: 33px;
left: 123px;
top: 25px;
}

#newsCommLeft{
position: absolute;
z-index: 9;
width: 425px;
height: 277px;
left: 30px;
top: 71px;
overflow: auto;
}

.feedburnerFeedBlock ul{ 
margin: 0px;
padding: 0px;
list-style-type: none;
}
.feedburnerFeedBlock li{
margin-bottom: 7px;
font-size: 13px;
font-weight: 900;
line-height: 1.2em;
}
.feedburnerFeedBlock li a:link, .feedburnerFeedBlock li a:visited, .feedburnerFeedBlock li a:active{
color: #208DC9;
}

.feedburnerFeedBlock li a:hover{
color: #333;
}

#creditfooter{
display: none;
}

#newsCommRight{
position: absolute;
z-index: 9;
width: 425px;
height: 277px;
left: 508px;
top: 71px;
overflow: auto;
}

#dcpFoot{
height: 84px;
background: url(/images/bg/dcpfootbg.png) no-repeat top;
margin: 0px;
padding: 12px 0px 0px 0px;
font-weight: bold;
position: relative;
}
#dcpFootLink{
position: absolute;
z-index: 9;
width: 264px;
height: 77px;
left: 18px;
top: 0px;
cursor: pointer;
}

#dcpFootText{
text-align: right;
margin-right: 15px;
color: #7d7d7d;
}

.balloonTit{
font-size: 18px;
margin-bottom: 5px;
color: #000;
letter-spacing: -1px;
}
.balloonTit b{
color: #FFC70D;
}

.balloonDesc{
font: 13px/17px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
color: #000;
}

/*** divs for swap ***/
#home{
display: inline;
width: 738px;
height: 461px;
background: url(/images/bg/homebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#openspace{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/openspacebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#preserve{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/preservebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#move{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/movebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#art{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/artbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#work{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/workbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#live{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/livebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#services{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/servicesbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#facilities{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/facilitiesbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#design{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/designbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#learn{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/learnbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#power{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/powerbg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}
#landuse{
display: none;
width: 738px;
height: 461px;
background: url(/images/bg/landusebg.png) no-repeat top;
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
}

.divsectLeft{
position: absolute;
z-index: 5;
width: 342px;
height: 350px;
left: 36px;
top: 82px;
font-size: 14px;
line-height: 16px;
overflow: auto;
padding-right: 5px;
}
.divsectRight{
position: absolute;
z-index: 5;
width: 314px;
height: 223px;
left: 404px;
top: 82px;
font-size: 14px;
line-height: 16px;
overflow: auto;
padding-right: 5px;
}

.divsectRight ul{
list-style-type: none;
padding: 0px;
margin: 0px;
border: 0px solid #eee;
}
.divsectRight li{ 
font: 100 14px "Gill Sans MT","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-left: 1.5em; 
line-height: 1.3em;
margin: 6px 0px;
}
#openspace .divsectRight li{
background: url(/images/button/openli.gif) no-repeat top left;
}
#preserve .divsectRight li{
background: url(/images/button/preserveli.gif) no-repeat top left;
}
#move .divsectRight li{
background: url(/images/button/moveli.gif) no-repeat top left;
}
#art .divsectRight li{
background: url(/images/button/artli.gif) no-repeat top left;
}
#work .divsectRight li{
background: url(/images/button/workli.gif) no-repeat top left;
}
#live .divsectRight li{
background: url(/images/button/liveli.gif) no-repeat top left;
}
#services .divsectRight li{
background: url(/images/button/servicesli.gif) no-repeat top left;
}
#facilities .divsectRight li{
background: url(/images/button/facilitiesli.gif) no-repeat top left;
}
#design .divsectRight li{
background: url(/images/button/designli.gif) no-repeat top left;
}
#learn .divsectRight li{
background: url(/images/button/learnli.gif) no-repeat top left;
}
#power .divsectRight li{
background: url(/images/button/powerli.gif) no-repeat top left;
}
#landuse .divsectRight li{
background: url(/images/button/landuseli.gif) no-repeat top left;
}

.divbuttonHome{
position: absolute;
z-index: 5;
width: 111px;
height: 109px;
left: 509px;
top: 330px;
cursor: pointer;
}

.divbuttonHome2{
position: absolute;
z-index: 5;
width: 111px;
height: 109px;
left: 437px;
top: 330px;
cursor: pointer;
}

.divbuttonPlan{
position: absolute;
z-index: 5;
width: 111px;
height: 109px;
left: 574px;
top: 330px;
cursor: pointer;
}

.homeHex{
color: #FFC70D;
}
.openHex{
color: #5BDD4D;
}
.preserveHex{
color: #571D03;
}
.moveHex{
color: #01255B;
}
.artHex{
color: #FD5F00;
}
.workHex{
color: #075301;
}
.liveHex{
color: #FD7D61;
}
.servicesHex{
color: #3af;
}
.facilitiesHex{
color: #CD0505;
}
.designHex{
color: #B335B9;
}
.learnHex{
color: #075F4F;
}
.powerHex{
color: #BDDF00;
}
.landuseHex{
color: #5F0B21;
}

#s1{
position: absolute;
z-index: 4;
width: 240px;
height: 122px;
left: 366px;
top: 111px;
cursor: pointer;
}
#s2{
position: absolute;
z-index: 4;
width: 290px;
height: 58px;
left: 335px;
top: 233px;
cursor: pointer;
}
#s3{
position: absolute;
z-index: 4;
width: 326px;
height: 60px;
left: 322px;
top: 291px;
cursor: pointer;
}
#s4{
position: absolute;
z-index: 4;
width: 397px;
height: 60px;
left: 285px;
top: 351px;
cursor: pointer;
}
#s5{
position: absolute;
z-index: 4;
width: 468px;
height: 61px;
left: 254px;
top: 411px;
cursor: pointer;
}
#s6{
position: absolute;
z-index: 4;
width: 545px;
height: 58px;
left: 216px;
top: 472px;
cursor: pointer;
}
#s7{
position: absolute;
z-index: 4;
width: 640px;
height: 60px;
left: 167px;
top: 530px;
cursor: pointer;
}
#s8{
position: absolute;
z-index: 4;
width: 715px;
height: 61px;
left: 130px;
top: 590px;
cursor: pointer;
}

#t1{
position: absolute;
z-index: 5;
width: 44px;
height: 63px;
left: 216px;
top: 857px;
cursor: pointer;
}
#t2{
position: absolute;
z-index: 5;
width: 43px;
height: 63px;
left: 266px;
top: 857px;
cursor: pointer;
}
#t3{
position: absolute;
z-index: 5;
width: 46px;
height: 69px;
left: 314px;
top: 883px;
cursor: pointer;
}
#t4{
position: absolute;
z-index: 5;
width: 45px;
height: 63px;
left: 365px;
top: 883px;
cursor: pointer;
}
#t5{
position: absolute;
z-index: 5;
width: 44px;
height: 63px;
left: 415px;
top: 883px;
cursor: pointer;
}
#t6{
position: absolute;
z-index: 5;
width: 43px;
height: 110px;
left: 465px;
top: 870px;
cursor: pointer;
}
#t7{
position: absolute;
z-index: 5;
width: 43px;
height: 55px;
left: 515px;
top: 912px;
cursor: pointer;
}
#t8{
position: absolute;
z-index: 5;
width: 44px;
height: 41px;
left: 563px;
top: 939px;
cursor: pointer;
}
#t9{
position: absolute;
z-index: 5;
width: 44px;
height: 41px;
left: 613px;
top: 939px;
cursor: pointer;
}
#t10{
position: absolute;
z-index: 5;
width: 44px;
height: 28px;
left: 663px;
top: 952px;
cursor: pointer;
}
#t11{
position: absolute;
z-index: 5;
width: 44px;
height: 28px;
left: 713px;
top: 952px;
cursor: pointer;
}
#t12{
position: absolute;
z-index: 5;
width: 44px;
height: 28px;
left: 762px;
top: 952px;
cursor: pointer;
}
#t13{
position: absolute;
z-index: 5;
width: 586px;
height: 14px;
left: 217px;
top: 980px;
cursor: pointer;
}

.imp{
color: #646464;
font-size: 20px;
font-weight: 900;
line-height: 1.3em;
}

.gTitle{
font: 900 16px Arial, sans-serif;
margin: 5px 0px 5px 25px;
}

#keyHold{
height: 60px;
background-color: #f8f8f8;
}
#keyHold img{
border-width: 0px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}

.blurb{
margin-bottom: 10px;
padding-top: 5px;
border-top: 1px solid #eee;
}
.blurb .title{
font-size: 13px;
font-weight: 900;
}
.blurb .abstr{
font-size: 13px;
}
.blurb .stamp{
font-size: 10px;
color: #555;
}
.blurb a:link, .blurb a:visited{
color: #208DC9;
text-decoration: none;
}
.blurb a:hover{
color: #333;
text-decoration: none;
}