/* generic styles 
-----------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.5em;}
body {position: relative; font: 75% Verdana, Arial, Helvetica, sans-serif; text-align: center;}
.hidden, .print, .lowvision {display: none;}
#accessibility {display: block; width: 100%;}
#accessibility p {margin: 0; clear: none;}
#lowvision {display: none;}
#accessbar .lowvision, #accessbar .lowvision:visited {position: relative; top: 1px; display: inline; margin: 0 80px 0 0; padding: 0; font-size: 0.9em; font-weight: bold;  width:130px;}
#accessbar {position: relative; display: block; width: 94%; max-width: 1283px; margin: 0 auto; padding: 8px 2%; text-align: left; text-indent: 2%;}
#accessbar a, #accessbar a:visited {text-decoration: underline; font-weight: normal;}
#container {display: block; width: 100%; padding: 17px 0 0 0; min-height: 350px; text-align: center;}
#container2 {display: block; width: 94%; max-width: 1280px; min-width: 700px; margin: 0 auto; text-align: left;}
#header {float: left; position: relative; display: block; width: 100%; background: url(/images/contentleft.png) left repeat-y;}
#branding {float: left; display: inline; width: 96%; padding: 0 2% 0 0; margin: 0 0 0 2%; text-align: left;}
#contentinner {float: left; position: relative; display: inline; width: 100%;}
#contentinner2 {float: left; display: inline; width: 100%; }
#contentinner3 {position: relative; left: 3px; float: left; display: inline; width: 100%; background: url(/images/sidebar.gif) 75% top repeat-y; overflow: hidden;}
#contentinner4 {position: relative; left: -6px; float: left; display: inline; width: 100%; background: url(/images/sidebartop.png) 75% top no-repeat;}
#contentinner5 {float: left; display: inline; width: 100%; background: url(/images/sidebarbottom.png) 75% bottom no-repeat; padding: 0 0 25px 0;}
#contenttop {float: left; display: block; width: 100%; background: url(/images/contenttop.gif) top right no-repeat; text-align: left;}
#contenttop span {float: left; display: block; width: 44px; height: 44px; background: url(/images/contenttop2.gif) top left no-repeat;}
#contentbottom {float: left; display: block; width: 100%; background: url(/images/contentbottom_main.gif) 75% top repeat-y; text-align: left;}
#contentbottom .cb_right {float: right; display: block; width: 44px; height: 44px; background: url(/images/contentbottom3.gif) bottom right no-repeat;}
#contentbottom .cb_left {float: left; display: block; width: 44px; height: 44px; background: url(/images/contentbottom2.gif) bottom left no-repeat;}
#basket {position: fixed; display: block; bottom: 0; right: 0; width: 300px; padding: 25px 25px 0 25px; background: #ccc; z-index: 100;} 

.resultsdivider {display: block; height: 1px; overflow: hidden; width: 100%; clear: both;}

#pageCover {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; background: #fff; opacity:0.5;}
#pageCoverLoading {position: fixed; top: 450px; left: 0; right: 0; height: 30px; z-index: 9999; background: url(/images/wait.gif) 50% 50% no-repeat;}

.sidecol {position: relative; right: 3px; float: right; width: 20%; padding: 0 2.5% 0 2.5%; clear: right;}
.maincol {position: relative; left: 2.5%; float: left; width: 70%;}
#mapContainer {float: left; width: 70%; padding: 31px 2.5% 25px 2.5%; background: url(/images/mapbox.png) top repeat-x; margin: 0 0 25px 0; border-bottom: 1px solid #e1e1d9;}
#mapContainerWide {float: left; width: 95%; padding: 31px 2.5% 25px 2.5%; background: url(/images/mapbox.png) top repeat-x; margin: 0 0 25px 0; border-bottom: 1px solid #e1e1d9;}
#mapContainerWide #map {width: 100%; height: 550px;}
#sidecol_mapcontrols {float: right; min-height: 500px; width: 20%; padding: 31px 2.5% 0 2.5%; background: url(/images/mapbox.png) top repeat-x; margin: 0 0 25px 0; border-bottom: 1px solid #e1e1d9;}
.sidecol_mapcontrols_wide {padding-top: 0 !important; background: none !important;}

.box {position: relative; float: left; display: block; width: 100%; margin: 0 0 25px 0 !important;}
.halfbox {float: left; display: block; width: 48%; margin: 0 4% 25px 0;}
.thirdbox {float: left; display: block; width: 31%; margin: 0 2.3% 25px 0;}
.twothirdbox {float: left; display: block; width: 64%; margin: 0 2.65% 25px 0;}
.halfbox + .halfbox {margin-right: 0;}
.thirdbox + .twothirdbox {margin-right: 0;}
.twothirdbox + .thirdbox {margin-right: 0;}
.thirdbox + .thirdbox + .thirdbox {margin-right: 0;}

.underline {padding-bottom: 0; border-bottom: 3px solid #2f3e46; margin: 0 0 25px 0;}
.underline2 {padding-bottom: 0; border-bottom: 3px solid #2f3e46; }
.right {float: right; margin-left: 10px;}
.left {float: left; display: block; width: 100%; clear: both;}


#accessclose {position: absolute; top: 10px; right: 40px; display: block; width: 16px; height: 16px; background: url(/images/accessclose.gif) top left no-repeat; margin: 0 25px 0 0;}
#accessclose:hover {background-position: bottom;}
#accessclose span {display: none;}


#logo {position: absolute; top: -19px; display: block; z-index: 100;}
#logo span {display: none;}


#tools {position: relative; top: -10px; text-align: right;}
#tools ul {list-style: none; margin: 6px 0 9px 0; padding: 0;}
#tools li {display: inline; padding: 0 6px; border-left: 1px solid #ccc; background: none;}
#tools li:first-child {border-left: none;}
#tools label {position: relative; left: -217px;}

#bannerimg {float: left; position: relative; display: block; width: 100%; height: 220px; margin: 0 0 1px 0;}
#bannerimgthin {position: relative; display: block; width: 100%; height: 160px; margin: 0 0 1px 0;}
#bannerimg span, #bannerimgthin span {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 41px; background: url(/images/bannerwave.png) top repeat-x;}


.maincol form, .sidecol form {float: left; display: block; width: 100%; margin: 0 0 25px 0;}

form div p {margin-top: 15px; color: #666;}
.sLabel {float: none; display: block; font-size: 0.9em; text-transform: uppercase; margin: 0; color:#999;}
.field {float: left; line-height: 1em; width: 75%; padding: 4px 1% 3px 1%; margin: 0 0 5px 0; background: url(/images/field.gif) top left no-repeat; border: 1px solid #96969d; clear: both;}
.maincol .field {width: 192px;}
#sField, #mapField {float: none; width: 209px; padding: 4px 3px 3px 3px;}
/* .sButton {float: none; clear: none; position: relative; top: 1px; left: -3px; width: 25px; height: 22px; padding: 0; border: none;} */
.sButton {float: none; clear: none; position: relative; top: -3px; padding: 3px 2px 2px 2px; margin-left: 4px;}
input, label, select {float: left; clear: both; margin: 0 0 2px 0; }
.maincol fieldset, .maincol label, .maincol fieldset div {float: left; display: block; width: 100%;}
.maincol textarea {width: 350px;}
.field, textarea {font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
select {float: left; line-height: 1em; padding: 1px; margin: 0 0 5px 0; width: 213px; background: url(/images/field.gif) top left no-repeat #fff; border: 1px solid #96969d; clear: both;}
label span { visibility: hidden;}
label.required span { visibility: visible; color: #FF0000;}
textarea {float: left; clear: both; display: block; width: 95%; height: 75px; padding: 4px 1% 3px 1%; margin: 0 0 5px 0; background: url(/images/field.gif) top left no-repeat; border: 1px solid #96969d;}
fieldset {float: left; display: block; width: 100%; border: 0; padding: 0; margin: 0;}
fieldset div {float: left; display: block; width: 100%;}
fieldset div img {margin: 2px 0 0 15px; position: relative; top: 2px;}
.formValid, .formError {display: block; float: left;  width: 90%; padding: 15px 5%; margin: 0 0 25px 0; color: #333; font-weight: bold; background: #fff;}
.formValid {border: 2px solid #308700; color: #308700;} 
.formValid h4 {color: #308700;}
.formError {border: 2px solid #d70000; color: #d70000;}
.formError h4 {color: #d70000;}
.formValid h4, .formError h4 {margin: 0; width: 450px;}
.formValid p, .formError p {margin: 0; color: #333;}
.button {float: left; margin: 0 0 0 10px;}
.button img {float: left; border: none; margin: 0;}
.radiolabel {position: relative; float: left; clear: both; display: block; width: 96%; padding: 0 0 0 4%;}
.radiolabel input {position: absolute; top: 2px; left: 0;}
.right input {clear: none; margin: 0 0 0 10px;}


#nav {float: left; display: block; width: 100%; }

#nav ul {float: left; display: block; width: 100%; clear: both; list-style: none; margin: 0 0 4px 0;}
#nav li {position: relative; display: inline; left: 10px; float: left; padding: 5px 0; background: none;}
#nav a {float: left; display: block; position: relative; padding: 5px 15px; font: bold 1.1em Tahoma, Verdana, Arial, sans-serif; text-decoration: none; white-space: nowrap;}
#nav a .navcorner1, #nav a .navcorner2, #nav a .navcorner3 {display: none;} 
#nav a:hover .navcorner1 {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 25px; overflow: hidden;  font-size: 1px; line-height: 20px;}
#nav a:hover .navcorner2 {position: absolute; bottom: 0; left: 0; display: block; overflow: hidden; width: 6px; height: 6px; font-size: 1px; line-height: 0;}
#nav a:hover .navcorner3 {position: absolute; bottom: 0; right: 0; display: block; overflow: hidden; width: 6px; height: 6px; font-size: 1px; line-height: 0;}

#nav .subnav {background-image: none; margin: 0;}
#nav .subnav li {padding: 0 0 5px 0;}
#nav .subnav a, #nav .subnav a:visited {color: #2f3e46; font-size: 1em; padding: 6px 16px;}
#nav .subnav a:hover {color: #2f3e46; text-decoration: underline; background: none;}
#nav .subnav a:hover * {display: none !important;}
#nav #pnCurrent2 a:hover * {display: block !important;}

#nav #pnCurrent {position: relative; background: url(/images/pnCurrent_left.gif) top left no-repeat #c9d6dd; margin-left: 5px; margin-right: 5px;}
#pnCurrent a:hover .navcorner1, #pnCurrent a:hover .navcorner2, #pnCurrent a:hover .navcorner3 {display: none;}

#nav #pnCurrent2 { margin-left: 5px; margin-right: 5px;}
#nav #pnCurrent2 a, #nav #pnCurrent2 a:hover {padding: 6px 16px;  text-decoration: none !important;}
#nav #pnCurrent2 a .navcorner1, #nav #pnCurrent2 a:hover .navcorner1 {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 25px; overflow: hidden;  font-size: 1px; line-height: 20px;}
#nav #pnCurrent2 a .navcorner2, #nav #pnCurrent2 a:hover .navcorner2 {position: absolute; bottom: 0; left: 0; display: block; overflow: hidden; width: 6px; height: 6px;  z-index: 100; font-size: 1px; line-height: 0;}
#nav #pnCurrent2 a .navcorner3, #nav #pnCurrent2 a:hover .navcorner3 {position: absolute; bottom: 0; right: 0; display: block; overflow: hidden; width: 6px; height: 6px;  z-index: 100; font-size: 1px; line-height: 0;}






.navtabs {float: left; display: block; width: 100%;  padding: 0 0 17px 0 !important; margin: 0 0 10px 0 !important;}
.navtabs li {float: left; display: inline; background: none; margin: 0 2px 0 0; padding: 0;}
.navtabs a {position: relative; display: block; padding: 6px 12px 5px 12px;  border-bottom: 1px solid #fff; text-decoration: none !important; white-space: nowrap !important;}
.navtabs .navcorner1 {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 6px; overflow: hidden; }
.navtabs a:hover {padding: 6px 12px 6px 12px;  border: none;}
.navtabs li.sCurrent {position: relative; display: block; font-weight: bold; padding: 6px 12px 6px 12px;  border: none;}

.navtabs .sDisabled a {position: relative; display: block; font-weight: bold; padding: 4px 12px 4px 12px; margin-top: 4px;  border: none;}


.relatedlinks {float: left; clear: both; width: 100%; padding: 0 !important; margin: -25px 0 25px 0 !important;}
.relatedlinks li {float: left; display: block; width: 100% !important; padding: 0 0 8px 0 !important; background: none; margin-bottom: 0; border-bottom: 1px dotted #999;}
.relatedlinks a {float: left; display: block; width: 100%; clear: both; margin: 0 !important; padding: 5px 0 0 0; font-weight: bold;}
.relatedlinks .imgborder { margin: 15px 0 10px 0;}
.relatedlinks .imgborder span {top: 0; display: block; width: 100%; height: 80px;}
.relatedlinks a:hover .imgborder {border-color: #bbb;}
.relatedlinks span {display: block; position: relative; top: -10px;}

.relatedlink {float: left; display: block; width: 30%; margin: 0 3% 0 0; padding: 0; color: #333; font-weight: normal; border-bottom: 25px solid #fff;}
.relatedlink50 {float: left; display: block; width: 47%; margin: 0 3% 0 0; padding: 0; color: #333; font-weight: normal; border-bottom: 25px solid #fff;}
.thirdbox .relatedlink, .twothirdbox .relatedlink, .halfbox .relatedlink {width: 100%; margin-right: 0;}
/*.twothirdbox .relatedlink {width: 48%; margin-right: 2%;}*/
.relatedlink span, .relatedlink50 span {display: block;  clear: both; margin: 0 0 10px 0;}
.relatedlink:hover, .relatedlink50:hover {color: #333;}
.relatedlink:hover span, .relatedlink50:hover span {color: #558c37;}
.relatedlink .imgborder span, .relatedlink50 .imgborder span {display: block; width: 100%; height: 130px; margin: 0;}

a.relatedlink span.heading, a.relatedlink50 span.heading {color: #7A80BB  !important;}
a.relatedlink:hover span.heading, a.relatedlink50:hover span.heading {color: #7A80BB  !important;}
a.relatedlink:visited span.heading, a.relatedlink50:visited span.heading {color: #7A80BB  !important;}

.relimglinks {float: left; clear: both; width: 100%; padding: 0;}
.relimglinks li {float: left; display: block; width: 100%; padding: 5px 0; background: none; margin-bottom: 0; border-top: 1px dotted #999;}
.relimglinks li:last-child {border-bottom: 1px dotted #999;}
.relimglinks a {position: relative; float: left; display: block; width: 96%; clear: both; margin: 0; padding: 5px 2%; line-height: 100%; font: bold 1.4em Arial, Helvetica, sans-serif; line-height: 1em;}
.relimglinks img {position: absolute; background: #fff; padding: 1px; border: 1px solid #888;}
.relimglinks a:hover {background: #dfdfdf;}
.relimglinks span {display: block; /*float: left;*/ margin: 21px 5px 21px 75px; }


.relatedimg a {float: left; display: block; width: 100%; clear: both; border-bottom: 1px dotted #2f3e46; margin: 0 0 25px 0; padding: 0 0 15px 0;}
.relatedimg .imgborder span {top: 0; display: block; width: 100%; height: 80px;}
.relatedimg a:hover .imgborder {border-color: #bbb;}
.relatedimg span {float: left; position: relative; top: -10px;}

.imgborder {float: left; display: block; width: 96%; border: 5px solid #ccc; padding: 1px; clear: both; margin: 0 0 15px 0;}
.sidecol .imgborder {border-color: #C6C8DD;}
.plannermap {float: left; display: block; width: 100%; height: 88px; background: url(/images/planner_map.jpg) top no-repeat;}




.img {padding: 1px; border: 5px solid #ccc; margin: 0 0 15px 0;}
.sidecol .relatedlink img, .sidecol .img {padding: 1px; border: 5px solid #b7c4b0; margin: 0 0 15px 0;}

div.captionleft {float: left; padding: 6px; margin:0 20px 20px 0; background: #dbe5ea;}
div.captionright {float: right; padding: 6px; margin: 0 0 20px 20px; background: #dbe5ea;}
.captionleft img, .captionright img {padding: 0; margin: -1px; border: 1px solid #fff;}
.captionleft p, .captionright p {margin: 0; padding: 3px 0;}
img.captionleft {float: left; padding: 1px; border: 5px solid #ccc; margin:0 20px 20px 0;}
img.captionright {float: right; padding: 1px; border: 5px solid #ccc; margin:0 0 20px 20px;}
div.captionleft img.captionleft {float: left; padding: 0; border: 0; margin: 0 0 5px 0;}
div.captionright img.captionright {float: right; padding: 0; border: 0; margin: 0 0 5px 0;}

div.rtampmember {
    background: transparent url(/images/logo_small.gif) no-repeat top left;
    padding-left: 180px;
    line-height: 52px;
    height: 52px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#planner {float: left; display: block; width: 100%; background: url(/images/planner.gif) top right no-repeat; margin: 35px 0 25px 0; padding: 0 0 10px 0;}
#planner dl {float: left; margin: 0; padding: 0;}
#planner dt {float: left; display: block; width: 73%; margin: 10px 0 0 7%; padding: 0 0 2px 13%; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; background: url(/images/resPlan.gif) top left no-repeat;}
#planner dd {float: left; display: block; width: 86%; margin: 10px 0 0 6%; padding: 1%; background: #e4f3dc;}

a#planner {float: left; display: block; width: 100%; background: url(/images/planner.gif) top right no-repeat; margin: 35px 0 10px 0; padding: 0 0 10px 0;}
a#planner span.planner01 {float: left; display: block; width: 73%; margin: 10px 0 0 7%; padding: 0 0 2px 13%; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; background: url(/images/resPlan.gif) top left no-repeat;}
a#planner span.planner02 {float: left; display: block; width: 86%; margin: 10px 0 0 6%; padding: 1%; background: #ecedf4; color: #297681;}
a#planner:hover span.planner02 {color: #000;}
.index a#planner {margin: 0pt 0pt 25px}


.maptitle {float: left; display: block; width: 100%; position: relative; border-top: 5px solid #2f3e46; padding: 10px 0 15px 0;}
.maptitle a {font-weight: bold; position: relative; top: 7px;}
.maptitle a:last-child {margin-bottom: 10px;}
.maptitle p {float: right;}
.maptitle form {position: relative; top: 5px; float: none; margin: 0; width: 80%;} 
.maptitle fieldset {float: none;} 
.maptitle input {float: none;}
.maptitle label {position: relative; top: -4px; float: none; margin: 0 5px 0 0; width: auto;}
#multipleresults {display: block; clear: both; border-top: 1px solid #558c37; padding: 24px 24px 24px 24px; font-weight: normal; margin: 1.5em 0 0 0; background: #ceebbd;}
#multipleresults p {float: none; font-weight: bold;}
#multipleresults p + br {float: left;}
#multipleresults br + p {font-weight: normal;}

#mapbox {position: relative; float: left; display: block; width: 100%; background: url(/images/mapbox.png) top repeat-x; margin: 0 0 25px 0; border-bottom: 1px solid #e1e1d9;}
#mapbox .maincol, #mapbox .sidecol { padding-top: 30px; padding-bottom: 25px;} 
#mapboxbottom {float: left; display: block; width: 951px; height: 5px; background: url(/images/mapboxbottom.gif) top right no-repeat; overflow: hidden; margin: 0 0 20px 0;}
#map {float: left; display: block; width: 100%; height: 405px; border: 1px solid #979797;}
span#map {height: 1px; overflow: hidden;}
#detailmap {float: right; display: block; width: 48%; height: 200px; border: 1px solid #979797; margin: 0 0 25px 25px;}
.detailmapwide {display: block; width: 100% !important; margin-left: 0 !important;}
#landingmap {float: left; display: block; width: 100%; height: 300px; border: 1px solid #979797; margin: 0 0 25px 0;}
#mapresultsbox {float: left; display: block; width: 100%;}

.mapresults {clear: both; display: block; position: relative; top: 25px;}
.mapresults .results {position: relative; top: -50px;}
.mapresults h3 {float: left; clear: both; display: block; width: 100%; margin: 0 0 25px 0 !important; position: relative; top: -25px;}
.mapresults #tagsBox h3 {margin: 0 0 5px 0 !important; top: 0 !important;}
.results {float: left; display: block; width: 100%;}
.highlight {background: #f1f6f8;}
.result {position: relative; float: left; display: block; clear: both; width: 100% !important; padding: 10px 0; border-bottom: 1px dotted #2f3e46; min-height: 6em; max-height: auto;}


.result img {float: left; margin: 0 15px 0 0; padding: 1px; border: 2px solid #2f3e46; height: auto; width: auto; max-height: 70px; max-width: 100px;}
.result dl {float: left; margin: 0 20em 15px 0;} 
.result p {float: none; clear: none; margin: 0 0 8px 0;} 
.planitem {min-height: 6.7em; width: 100% !important;}
.planitem p {display: block; clear: both; margin: 0 20em 5px 0;}
.resRating {position: relative; padding: 0; display: block; width: 65px; height: 13px; background: url(/images/ratings_bkg.gif) top left no-repeat;}
.result .resRating {position: absolute; top: 5.7em; right: 4em; clear: none; margin: 0 0 10px 0;}
.result .ratinglabel {position: absolute; top: 5.4em; right: 9.9em;  clear: none; margin: 0 0 10px 0; }

.planitem .resRating {position: absolute; top: 5.7em; right: 4em; clear: none; margin: 0 0 10px 0;}

.empty {background: url(/images/ratings_bkg_empty.gif) top left no-repeat;}
.resRating li {position: absolute; background: none; padding: 0; margin: 0;}
.resRating a {display: block; width: 65px; height: 13px;}
.resRating  .rating_current {display: block; height: 13px; background: url(/images/ratings_current.gif) top left no-repeat;} 
.resRating span {display: none;}
.resRating .vote01 a {display: block; width: 13px; height: 13px; background: url(/images/ratings_05.gif) -52px 13px no-repeat;}
.resRating .vote02 a {display: block; width: 26px; height: 13px; background: url(/images/ratings_05.gif) -39px 13px no-repeat;}
.resRating .vote03 a {display: block; width: 39px; height: 13px; background: url(/images/ratings_05.gif) -26px 13px no-repeat;}
.resRating .vote04 a {display: block; width: 52px; height: 13px; background: url(/images/ratings_05.gif) -13px 13px no-repeat;}
.resRating .vote05 a {display: block; width: 65px; height: 13px; background: url(/images/ratings_05.gif) 0 13px no-repeat;}


.resRating .vote01 a:hover {background: url(/images/ratings_05.gif) -52px 0 no-repeat !important;}
.resRating .vote02 a:hover {background: url(/images/ratings_05.gif) -39px 0 no-repeat !important;}
.resRating .vote03 a:hover {background: url(/images/ratings_05.gif) -26px 0 no-repeat !important;}
.resRating .vote04 a:hover {background: url(/images/ratings_05.gif) -13px 0 no-repeat !important;}
.resRating .vote05 a:hover {background: url(/images/ratings_05.gif) top left no-repeat !important;}
.resPlan {position: absolute; right: 20px; top: 1.2em; display: block; width: 13em; margin-left: 30px; margin-right: 30px;}
.mapresults h3 {cursor: pointer;}
.mapresults .resMap, body .mapresults .res01 {position: absolute; float: none; right: 20px; top: 1.2em; display: block; width: 13em; margin: 0 0 0 30px;}
.box .res01 {float: right; display: block; width: 13em; margin: 0 20px 0 30px;}
.title .res01 {float: right; display: block; width: 13em; margin: -5px -3px 0 30px;}
.mapresults .resPlan, .mapresults .res02 {position: absolute; right: 20px; top: 3.3em; display: block; width: 13em; margin-left: 30px;}
.mapresults .res03 {position: absolute; right: 20px; top: 5.4em; display: block; width: 13em; margin-left: 30px;}
.mapresults .res04 {position: absolute; right: 20px; top: 7.5em; display: block; width: 13em; margin-left: 30px;}
.mapresults .res05 {position: absolute; right: 20px; top: 9.6em; display: block; width: 13em; margin-left: 30px;}
.buttonPlan {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resPlan.gif) top left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonInPlan {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resInPlan.gif) top left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonNoPlan {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resNoPlan.gif) top left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonDload {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resDownload.gif) left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonPodcast {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resPodcast.gif) left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonTxt {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resTxt.gif) left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.buttonMap {float: left; display: block; padding: 3px 0 3px 20px; background: url(/images/resMap.gif) left no-repeat; white-space: nowrap; margin: 0 0 25px 0;}
.dload {font: bold 0.6em Verdana, Arial, Helvetica, sans-serif; color: #558c37; background: url(/images/resDownload.gif) left no-repeat; padding: 1px 0 0 20px;}
.plan {font-size: 12px; color: #558c37; background: url(/images/resPlan.gif) left no-repeat; padding: 1px 0 0 20px;}
.inPlan {font-size: 12px; color: #558c37; background: url(/images/resInPlan.gif) left no-repeat; padding: 1px 0 0 20px;}
.resicon01 {text-indent: 25px; background: url(/images/cat01_plusminus.gif) bottom left no-repeat;}
.resicon02 {text-indent: 25px; background: url(/images/cat02_plusminus.gif) bottom left no-repeat;}
.resicon03 {text-indent: 25px; background: url(/images/cat03_plusminus.gif) bottom left no-repeat;}
.resicon04 {text-indent: 25px; background: url(/images/cat04_plusminus.gif) bottom left no-repeat;}
.resicon05 {text-indent: 25px; background: url(/images/cat05_plusminus.gif) bottom left no-repeat;}
.resicon06 {text-indent: 25px; background: url(/images/cat06_plusminus.gif) bottom left no-repeat;}
.resicon07 {text-indent: 25px; background: url(/images/cat07_plusminus.gif) bottom left no-repeat;}

.podcastpage .res01, .podcastpage .res02, .podcastpage .res03 {float: none; display: block; margin: 0;}
.podcastpage .res01 {margin-top: 20px;}
.podcastpage .res03 {margin-bottom: 20px;}
.podcastpage img.podcastthumb {float: left; margin: 0 15px 0 0; padding: 1px; border: 2px solid #2f3e46; height: auto; width: auto; max-height: 70px; max-width: 100px;}


#activities {float: left; display: block; width: 100%; margin-top: 0; padding-bottom: 25px; border-bottom: 1px dotted #2f3e46;}
#activities li {padding: 0; background: none;}
#activities a {display: block; background: url(/images/bullet.gif) top left no-repeat; font-weight: normal; color: #333; padding: 1px 0 1px 15px;}
#activities a:hover {background-color: #c9d6de;}

#mapcontrols li {background: url(/images/mapBullet.gif) top left no-repeat; padding: 0;}
#mapcontrols .ticked {background: url(/images/mapBullet_open.gif) top left no-repeat; padding: 0;}
#mapcontrols li ul {display: none; padding-left: 15px;}
#mapcontrols .ticked ul {display: block;}
#mapcontrols .ticked li {display: block; background: url(/images/mapBullet_sub.gif) top left no-repeat;}
#mapcontrols a {display: block; padding: 1px 0 1px 15px;}
#cat01 a {background: url(/images/cat01.gif) top right no-repeat;}
#cat02 a {background: url(/images/cat02.gif) top right no-repeat;}
#cat03 a {background: url(/images/cat03.gif) top right no-repeat;}
#cat04 a {background: url(/images/cat04.gif) top right no-repeat;}
#cat05 a {background: url(/images/cat05.gif) top right no-repeat;}
#cat06 a {background: url(/images/cat06.gif) top right no-repeat;}
#cat07 a {background: url(/images/cat07.gif) top right no-repeat;}
#cat01 li a {background: url(/images/cat01_li_select.gif) top right no-repeat;}
#cat02 li a {background: url(/images/cat02_li_select.gif) top right no-repeat;}
#cat03 li a {background: url(/images/cat03_li_select.gif) top right no-repeat;}
#cat04 li a {background: url(/images/cat04_li_select.gif) top right no-repeat;}
#cat05 li a {background: url(/images/cat05_li_select.gif) top right no-repeat;}
#cat06 li a {background: url(/images/cat06_li_select.gif) top right no-repeat;}
#cat07 li a {background: url(/images/cat07_li_select.gif) top right no-repeat;}
#mapcontrols .ticked a {background-position: bottom right;}
#mapcontrols .ticked li a {background-position: bottom right;}
#mapcontrols .ticked li.ticked a {background-position: top right;}
#mapcontrols .ticked .ticked li a {background-position: bottom right;}
#mapcontrols .ticked .ticked li.ticked a {background-position: top right;}
#mapcontrols .ticked .ticked .ticked li a {background-position: bottom right;}
#mapcontrols .ticked .ticked .ticked li.ticked a {background-position: top right;}

#waiting {position: relative; float: left; display: block; width: 100%; clear: both; height: 1px; max-height: 1px; margin: 0; padding: 0; line-height: 1px; z-index: 9999;}
#waiting img {display: none; float: none; position: absolute; left: 50%; top: 150px; margin: 0 0 0 -25px; z-index: 9999;}

/*
#cat01 span {background: url(/images/cat01.gif) top right no-repeat;}
#cat02 span {background: url(/images/cat02.gif) top right no-repeat;}
#cat03 span {background: url(/images/cat03.gif) top right no-repeat;}
#cat04 span {background: url(/images/cat04.gif) top right no-repeat;}
#cat05 span {background: url(/images/cat05.gif) top right no-repeat;}
#cat06 span {background: url(/images/cat06.gif) top right no-repeat;}
#cat07 span {background: url(/images/cat07.gif) top right no-repeat;}
#cat01 li span {background: url(/images/cat01_li_select.gif) top right no-repeat;}
#cat02 li span {background: url(/images/cat02_li_select.gif) top right no-repeat;}
#cat03 li span {background: url(/images/cat03_li_select.gif) top right no-repeat;}
#cat04 li span {background: url(/images/cat04_li_select.gif) top right no-repeat;}
#cat05 li span {background: url(/images/cat05_li_select.gif) top right no-repeat;}
#cat06 li span {background: url(/images/cat06_li_select.gif) top right no-repeat;}
#cat07 li span {background: url(/images/cat07_li_select.gif) top right no-repeat;}
*/

#newsarchives {float: left; width: 100%;}
#newsarchives li {float: left; display: block; width: 27%; margin-right: 3%;}
#newsarchives li li {width: 100%;}

.announcement {position: relative; float: left; display: block; width: 100%; padding: 15px 0; border-bottom: 1px dotted #2f3e46;}
.announcement .summary {float: left; clear: both; width: 100%; margin: 0;}
.announcement h4 a, .announcement h3 a {font-weight: normal; color: #1f75bd; font-weight: bold;}
.announcement h4 a:hover, .announcement h3 a:hover {color: #0d4574;}
.announcement h4 {float: left; clear: none; margin-bottom: 10px; margin-right: 20px;}
.annDate {position: relative; top: 30px; float: right; margin: 0; background: url(/images/annDate.gif) top left no-repeat #cedee0; padding: 2px 10px 1px 10px; color: #666;}
.announcement .annDate {top: 2px;}
.annDate span {position: absolute; display: block; width: 6px; height: 6px; z-index: 100;}
.annCorner1 {top: 0; right: 0; background: url(/images/annDate2.gif) top right no-repeat;}
.annCorner2 {bottom: 0; right: 0; background: url(/images/annDate3.gif) bottom right no-repeat;}
.annCorner3 {bottom: 0; left: 0; background: url(/images/annDate4.gif) bottom left no-repeat;}
/*.event .resMap {position: absolute; right: 20px; top: 1.6em; display: block; width: 13em; margin-left: 30px;}*/
.event .resMap {position: absolute; right: 0; top: 1.4em; display: block; text-align: right;}
.event h4 {margin-right: 0;}
.event .annDate {position: relative; top: 3px; float: right; display: block; margin-left: 30px; margin-right: 12em;}

h1 {font: normal 2.2em Arial, Helvetica, sans-serif, "Arial Narrow"; color: #1f75bd; margin: 21px 0 12px 0; padding: 4px 0; max-width: 500px; letter-spacing: -1px;}
h2 {font: normal 2em Arial, Helvetica, sans-serif, "Arial Narrow"; color: #1f75bd; margin: 0 0 22px 0; padding: 2px 0;}
h3 {font: normal 1.6em Arial, Helvetica, sans-serif, "Arial Narrow"; color: #1f75bd; margin: 0 0 25px 0; padding: 2px 0;}
h4, .relatedlink span.heading, .relatedlink50 span.heading {font: bold 1.4em Arial, Helvetica, sans-serif, "Arial Narrow"; color: #1f75bd; margin: 0 0 25px 0; padding: 2px 0;}
h4 img {margin-right: 10px;}
.title {position: relative; float: left; display: block; width: 100%; font: bold 1.7em Arial, Helvetica, sans-serif, "Arial Narrow"; border-top: 3px solid #2f3e46; padding: 6px 0; color: #2f3e46; border-bottom: 1px dotted #2f3e46; margin: 0 0 25px 0;}
.title span {padding: 2px 0 0 0;}
.title span span {color: #1f75bd;}
.titlebar {float: left; display: block; width: 100%; border-top: 5px solid #2f3e46; padding: 10px 0; color: #2f3e46; border-bottom: 1px dotted #2f3e46; margin: 0 0 25px 0;}
.sidecol .title span {display: block; width: 135px; padding: 0; font-weight: normal; font-size: 0.85em;}
.plusminus {float: left; display: block; width: 100%;}
.plusminus h4 {padding-left: 25px; margin: 0; background: url(/images/tminus.gif) left top no-repeat; cursor: pointer;}
.plusminus h4:hover {cursor: pointer;} 
.plusminus form {display: block; width: 96%; background: url(/images/tagsBoxbox.gif) top right no-repeat #d7dee2; padding: 2%;}
.title2 {clear: left; display: block; font: 1.7em Arial, Helvetica, sans-serif, "Arial Narrow"; color: #1f75bd; width: auto; max-width: 500px;}
.nobotmargin {margin: 0 !important;}
.topmargin {margin-top: 25px;}
p {margin: 0 0 20px 0;}
.boldpara {font-weight: bold; font-size: 1.2em; color: #444; margin-right: 25px;}

.valuepair { float: left; display: block; width: 100%; margin: 0 0 5px 0;}
.valuepair dt {float: left; display: block; width: 20%; font-weight: bold; margin-right: 20px;}
.valuepair dd {float: left; display: block; width: 70%}
.valuepair dd span {display: none;}
.valuepair .pair_true {background: url(/images/pair_true.gif) top left no-repeat;}
.valuepair .pair_false {background: url(/images/pair_false.gif) top left no-repeat;}
.valuepair .longdesc {clear: both; width: 100%;}

.articleDate {font-weight: bold; font-size: 1.2em; color: #666; margin-right: 25px; margin-top: -20px;}
.breadcrumb {margin: 15px 0;}
.breadcrumb span {display: inline; font-weight: bold;}
.leftquote {float: left; display: block; width: 30%; margin: 0 2% 16px 4%; font: 1.4em "Times New Roman", Times, serif; font-style: italic; color: #303e47; border-left: 6px solid #ccc; padding-left: 1%;}
.rightquote {float: right; display: block; width: 30%; margin: 0 2% 16px 4%; font: 1.4em "Times New Roman", Times, serif; font-style: italic; color: #303e47; border-left: 6px solid #ccc; padding-left: 1%;}

ul {clear: left; margin: 0 0 25px 0; list-style: none;}
.index ul {margin: 35px 0pt 10px;}
.spacedlist li {margin-bottom: 20px;}
ul li {padding: 0 0 0 15px; background-image: url(/images/bullet.gif); background-position: top left; background-repeat: no-repeat;}
ul ul li {background: url(/images/bullet2.gif) top left no-repeat;}
ul ul {margin-bottom: 0;}
ol {clear: both; margin: 0 0 25px 20px;}
ol ol {margin-bottom: 0;}
#sitemap li {font-size: 1.4em; background-position: 0 5px; margin: 0 0 20px 0;}
#sitemap li li {font-size: 0.8em; background-position: 0 2px; margin: 0;}
#sitemap li li li {font-size: 1em; background-position: 0 0;}
#sitemap li li li li {font-size: 0.9em; background-position: 0 0;}
#sitemap li li li li li {font-size: 1em; background-position: 0 0;}
#sitemap li a {font-weight: bold;}
#sitemap li li a {font-weight: bold;}
#sitemap li li li a {font-weight: normal;}
blockquote {display: block; width: 95%; padding: 2% 2% 1px 2%; border-left: 6px solid #ccc; margin: 0 0 25px 0; background: #eee;}
.pagesbar {position: relative; top: -1px; float: left; display: block; width: 100%; border-top: 5px solid #2f3e46; padding: 10px 0; color: #2f3e46; border-bottom: 1px dotted #2f3e46; margin: 0 0 25px 0;}

.imageLeft {float: left; margin: 0 20px 20px 0; border: 6px solid #dbe5ea; padding: 1px;}
.imageRight {float: right; margin: 0 0 20px 20px; border: 6px solid #dbe5ea; padding: 1px;}

.printonly {display: none;}

.maincol table {width: 100%; margin: 0 0 25px 0; padding: 0; border: 1px solid #ccc; border-collapse: collapse; padding: 0;}
.maincol table tr:hover {background: #f5f5f5;}
.maincol table th {font-weight: bold; background: #c9d6dd; border: 1px solid #ccc; padding: 3px;}
.maincol table td {border-left: 1px solid #ccc; border: 1px solid #ccc; padding: 3px;}

p a[href^="#map"], p a[href^="#detailmap"], p a[href^="#landingmap"]  {padding-right: 8px; background: url(/images/mapicon.gif) top right no-repeat; margin-right: 3px;}
a {text-decoration: none; color: #558c37; font-weight: bold;}
a em {font-weight: normal; font-style: normal;}
p a, .maincol ul a, .maincol ol a {text-decoration: underline;}

a:hover {color: #0D717F;}
.highlightlink {display: block; width: 100%; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; padding: 5px 0; margin: 0; background: url(/images/highlightlink.gif) 10px 50% no-repeat; text-indent: 30px;}
.highlightlink:hover {background-color: #e5eee0;}
.rss {font-size: 11px; color: #ea8733; background: url(/images/rss.gif) right no-repeat; padding-right: 20px;}
.map_bigger {position: relative; z-index: 100; color: #1f75bd; background: url(/images/map_bigger.gif) right no-repeat; padding-right: 12px; text-decoration: none;}

.downloads {float: left; display: block; width: 100%; background: url(/images/resDownload.gif) top left no-repeat; margin: 0 0 10px 0;}
.downloads dt {float: left; margin: 0 0 0 5%; display: block; width: 95%; clear: both;}
.downloads dd {float: left; margin: 0 0 0 5%; display: block; width: 95%; clear: both;}

#tagsBox {float: left; display: block; width: 96%; padding: 2%; background: url(/images/tagsBoxbox.gif) top right no-repeat #d7dee2; margin: 0 0 25px 0;}
#tagsBox h3, #tagsBox p, #tagsBox ul {clear: both; margin: 0 0 5px 0; width: auto;}
#tagsBox li {display: inline; background: none; padding: 0 30px 0 0;}
#tagsBox form {margin-top: 15px;}
.tagtype {color: #333; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;}
.announcement h4 img {position: relative; left: 5px; top: 2px;}

.galleryImageDiv {float: left; display: block; width: 184px; margin: 0 20px 24px 0;}
.galleryImageDiv .buttonPlan, .galleryImageDiv .buttonNoPlan {clear: both; margin: 6px 11px 0 11px;}
.galleryImg {float: left; position: relative; display: block; width: 162px; height: 162px; padding: 11px 11px 3.3em 11px; border-bottom: 1px solid #fff; text-align: center;}
.galleryImg img {padding: 1px; border: 5px solid #ccc; margin: auto; max-width: 150px; max-height: 150px; text-align: center;}
.galleryImg span {position: absolute; bottom: 0; left: 13px; display: block; width: 162px; height: 3em; overflow: hidden; text-align: center;}
.galleryImg:hover {padding: 10px 10px 3.3em 10px; border: 1px solid #558c37; cursor: pointer;}
.galleryImg:hover span {left: 12px;}
.galleryImgDetail {display: block; width: 100%; text-align: center;}
.galleryImgDetail img {max-width: 500px;}
.galleryImgDetail span {position: relative; left: 50%; float: left; clear: both; width: 500px; margin: 10px 0 0 -250px; border-bottom: 25px solid #fff; text-align: left;}

.itemdetails {margin: 0 0 25px 0;}
.itemdetails dt {font-weight: bold;}
.itemdetails li {display: inline; background: none; border-right: 1px solid #999; padding: 0 10px 0 0; margin: 0 5px 0 0;}

.relbox {position: relative; float: left; display: block; width: 100%; min-height: 262px; clear: both; margin: 0 0 25px 0; line-height: 1.3em;}
.relbox div {float: left; display: block; width: 45%; padding: 4px 2%; background: #eaeff2; margin: 0 0 2px 0; clear: both;}
.relbox div:hover {cursor: pointer; background: #e3e9ed;}
.relbox div:hover h4 {color: #1a629d;}
.relbox .imgborder span {display: none;}
.relbox h4 {display: block; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; color: #1f75bd; margin: 0;}
.relbox p, .relbox a {display: none;}
.relbox h4 a {display: inline; color: #1f75bd; }
.relbox .relboxcurrent h4 a {display: inline; color: #000; }
.relbox .relboxcurrent {float: left; display: block; width: 45%; padding: 12px 2% 13px 2%; background: url(/images/relboxcorner.gif) bottom left no-repeat #ccdcc3; margin: 0 0 2px 0; clear: both; border-right: 6px solid #ccdcc3;}
.relbox .relboxcurrent:hover {cursor: default; background: url(/images/relboxcorner.gif) bottom left no-repeat #ccdcc3;}
.relbox .relboxcurrent:hover h4 {color: #000;}
.relbox .relboxcurrent h4 {float: left; color: #000; margin: 0 0 5px 0;}
.relbox .relboxcurrent p {float: left; clear: both; display: block; width: 100%; margin: 0 0 10px 0;}
.relbox .relboxcurrent a {float: left; clear: both; display: block; width: 100%;}
.relbox .relboxcurrent a.imgborder {position: absolute; top: 0; right: 0; float: left; width: 49%; padding: 1px; border-color: #ccdcc3;}
.relbox .relboxcurrent a.imgborder span {display: block; float: right; width: 100%; height: 250px; padding: 0; margin: 0;}

.highlightlink {background: url(/images/highlightlink.gif) 10px 50% no-repeat;}

#maptop {position: relative; top: -2px;}

.catlist {float: left; margin: 0 0 25px 0; padding: 0; width: 100%;}
.catlist li {float: left; display: block;  background: none; width: 184px; margin: 0 20px 3px 0; padding: 0;}
.catlist a {float: left; display: block; width: 174px; background: #eee; padding: 2px 5px;}
.catlist a:hover {background: #ccc;}
.catlist #sCurrent {width: 174px; padding: 2px 5px; background: #666; color: #fff; font-weight: bold;}

.inlinelist li {display: inline; margin: 0 15px 0 0; padding: 0; background: none;}
.inlinelist img {position: relative; top: 3px;}

.sKeyword {color: #CC3300; font-weight: bold; text-transform: uppercase;}


#footer {float: left; display: block; width: 100%; list-style: none; text-align: center; margin: 15px 0 0 0; border-bottom: 25px solid #8bc5be;}
#footer li {display: inline; padding: 0 10px; background: none;}
#footer li:first-child {border: none;}
#stPromote, #stDisclaimer, #stAccessibility {border-left: 1px solid #666;}
#footer a, #footer a:visited {}


#imgmap {position: relative; float: left; display: block; width: 100%; height: 160px; background: url(/images/imgmap.gif) top left no-repeat; list-style: none;}
#imgmap li {position: absolute; padding: 0 !important; background: none !important;} 
#imgmap a {display: block; background: transparent;}
#imgmap a span {display: none;}

#imgmap01 {top: 10px; left: 0px;}
#imgmap01 a {width: 90px; height: 40px;}

#imgmap02 {top: 67px; left: 35px;}
#imgmap02 a {width: 65px; height: 40px;}

#imgmap03 {top: 45px; left: 100px;}
#imgmap03 a {width: 55px; height: 40px;}

#imgmap04 {top: 0px; left: 165px;}
#imgmap04 a {width: 70px; height: 33px;}

#imgmap05 {top: 33px; left: 185px;}
#imgmap05 a {width: 70px; height: 32px;}

#imgmap06 {top: 65px; left: 154px;}
#imgmap06 a {width: 65px; height: 35px;}

#imgmap07 {top: 120px; left: 200px;}
#imgmap07 a {width: 70px; height: 35px;}

#imgmap08 {top: 80px; left: 220px;}
#imgmap08 a {width: 60px; height: 40px;}

#imgmap09 {top: 50px; left: 280px;}
#imgmap09 a {width: 60px; height: 40px;}

#imgmap10 {top: 116px; left: 290px;}
#imgmap10 a {width: 70px; height: 34px;}

#imgmap11 {top: 110px; left: 410px;}
#imgmap11 a {width: 100px; height: 40px;}

#imgmap12 {top: 80px; left: 340px;}
#imgmap12 a {width: 70px; height: 35px;}

#imgmap13 {top: 50px; left: 410px;}
#imgmap13 a {width:100px; height: 50px;}

#pageCoverLoading {text-align: center;}
#pageCoverLoading p {text-align: center; font: bold 1.2em Arial, Helvetica, sans serif; margin: 45px auto 0 auto; padding: 20px; width: 50%; background: #fff; border: 1px solid #558C37; opacity: 0.8;}

.twothirdbox .result {margin-left: 10px;}

.rtampThumb {width: 45px;}

/* weather */
#weather {float: left; display: block; width: 90%; padding: 5%; border: 1px solid #4e9bc8; background: #5db1e2;}
#weather h3 {font-size: 1.3em; font-weight: bold; color: #fff; margin-bottom: 0.5em;}
#weather ol {margin: 0; list-style: none; color: #fff}
#weather li {margin: 0 0 10px 5px;}
.weatherfoot {color: #abd6f0; font-size: 0.9em; margin: 0; line-height: 1.1em;}


/* google maps */

#polylineDiv {display: none;}
#polylineDiv .title {display: block; background: url(/images/thamespath.gif) right no-repeat;}
#polylineDiv .title span {display: block;}
#polylineDiv {float: left; clear: both; display: block; width: 100%; margin: 0 !important;}
#polylineDiv p {clear: both; display: block; margin: 0 0 8px 0;}
.polyToggle {position: relative; float: left; width: 100%; background: url(/images/polyBottom.gif) bottom no-repeat; padding-bottom: 7px; margin: 0 !important;}
#polyOn {position: relative; float: left; display: block; width: 49%; margin-right: 1%; background: url(/images/polyLeft.gif) top left no-repeat; padding: 6px 0 2px 0; text-align: center;}
#polyOff {position: absolute; right: 0; display: block; width: 49%; margin-left: 1%; background: url(/images/polyRight.gif) top right no-repeat; padding: 6px 0 2px 0; text-align: center;}
#polyOn span {position: absolute; bottom: -7px; left: 0; display: block; width: 7px; height: 7px; background: url(/images/polyLeftCorner.gif) top right no-repeat; overflow: hidden;}
#polyOff span {position: absolute; bottom: -7px; right: 0; display: block; width: 7px; height: 7px; background: url(/images/polyRightCorner.gif) top right no-repeat; overflow: hidden;}
#polyOn1 {position: relative; float: left; display: block; width: 49%; margin-right: 1%; background: url(/images/polyLeft.gif) top left no-repeat; padding: 6px 0 2px 0; text-align: center;}
#polyOff1 {position: absolute; right: 0; display: block; width: 49%; margin-left: 1%; background: url(/images/polyRight.gif) top right no-repeat; padding: 6px 0 2px 0; text-align: center;}
#polyOn1 span {position: absolute; bottom: -7px; left: 0; display: block; width: 7px; height: 7px; background: url(/images/polyLeftCorner.gif) top right no-repeat; overflow: hidden;}
#polyOff1 span {position: absolute; bottom: -7px; right: 0; display: block; width: 7px; height: 7px; background: url(/images/polyRightCorner.gif) top right no-repeat; overflow: hidden;}
.polySelected {background: url(/images/polyLeftSelect.gif) top left no-repeat !important; color: #2f3e46; text-decoration: none; font-weight: normal;}
a#polyOff.polySelected {background: url(/images/polyRightSelect.gif) top right no-repeat !important; color: #2f3e46; text-decoration: none; font-weight: normal;}


/* google maps */

.bubblediv {float: left !important; display: block !important; clear: both !important; width: 300px !important;}
.bubblediv dl {float: left !important; display: block !important; clear: both; width: 300px !important; margin: 5px 0 10px 0;}
.bubblediv a {float: left !important; display: block !important; clear: both; width: 300px !important; margin: 0;}
.bubblediv .resRating {display: none;}
.bubblediv p {display: none;}
.bubblediv h4 { font: 1em Verdana, Arial, Helvetica, sans-serif;}
.bubblediv h4 img {position: absolute; top: 3px; left: -2px;} 
.bubblediv h4 a {padding: 0 0 0 20px; width: 280px !important;}
.bubbledivSmall {float: left !important; display: block; clear: both !important; width: 217px; font-weight: bold;}
.bubbledivSmall * {position: absolute; visibility: hidden;}
.bubbledivSmall dl dt {width: 217px;}
.bubbledivSmall dl dt a {position: relative; visibility: visible;}



/* sifr */

/* These are standard sIFR styles. do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}
a .sIFR-replaced, a .sIFR-flash { cursor: pointer;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.imgLeft {float:left;}
.imgRight {float:right;}



/* edit these for colour shemes 
-----------------------------------------------------------------------------*/
h1 { color:#0b6370;   } /*dark*/
body {background: #8ac5be; color: #333;}
#accessibility { background: #fffa73;}
#accessbar a, #accessbar a:visited {color: #0067b1;}
#container {background: url(/images/bkg.gif) top repeat-x;}
#header {background: url(/images/contentleft.png) left repeat-y;}
#branding {background: url(/images/headerright.png) bottom right repeat-y;}
#contentinner {background: url(/images/contentleft.png) left repeat-y;}
#contentinner2 {background: url(/images/contentright.png) right repeat-y transparent;}
#contenttop {background: url(/images/contenttop.gif) top right no-repeat;}
#contenttop span {background: url(/images/contenttop2.gif) top left no-repeat;}
#contentbottom {background: url(/images/contentbottom_main.gif) 75% top repeat-y;}
#contentbottom .cb_right {background: url(/images/contentbottom3.gif) bottom right no-repeat;}
#contentbottom .cb_left {background: url(/images/contentbottom2.gif) bottom left no-repeat;}
#logo {width: 440px; height: 83px; background: url(/images/logo.gif) top left no-repeat;}
#logo:hover {background-position: bottom;}
#nav {background: url(/images/nav_sublevel.gif) bottom right no-repeat;}
#nav ul {background: url(/images/nav_toplevel.png) bottom right no-repeat;}
#nav a { color: #c9d6dd;}
a { color: #5aa79d }
#footer a { color: #0a5965; }
#nav a:hover {background: url(/images/pnHover_left.gif) top left no-repeat #003840; color: #fff;}
#nav a:hover .navcorner1 {background: url(/images/pnHover_right.gif) top right no-repeat #003840;}
#nav a:hover .navcorner2 {background: url(/images/pnHover_bot_left.gif) bottom left no-repeat;}
#nav a:hover .navcorner3 {background: url(/images/pnHover_bot_right.gif) bottom right no-repeat;}
#nav #pnCurrent {background: url(/images/pnCurrent_left.gif) top left no-repeat #a9cccb;}
#pnCurrent a {color: #000; background: url(/images/pnCurrent_right.gif) top right no-repeat;}
#pnCurrent a:hover { background: url(/images/pnCurrent_right.gif) top right no-repeat; color: #000 ;}
#nav #pnCurrent2 a, #nav #pnCurrent2 a:hover {color: #000; background: url(/images/pnCurrent2_left.gif) top left no-repeat #fff !important;}
#nav #pnCurrent2 a .navcorner1, #nav #pnCurrent2 a:hover .navcorner1 {background: url(/images/pnCurrent2_right.gif) top right no-repeat #fff !important;}
#nav #pnCurrent2 a .navcorner2, #nav #pnCurrent2 a:hover .navcorner2 {background: url(/images/pnCurrent2_botleft.gif) top left no-repeat !important;}
#nav #pnCurrent2 a .navcorner3, #nav #pnCurrent2 a:hover .navcorner3 {background: url(/images/pnCurrent2_botright.gif) top right no-repeat !important;}
.navtabs {background: url(/images/navtabs_bkg.gif) bottom repeat-x;}
.navtabs a {background: url(/images/navtabs_left.gif) top left no-repeat #f1f4f6; color: #56646c;}
.navtabs .navcorner1 {background: url(/images/navtabs_right.gif) top right no-repeat;}
.navtabs a:hover {background: url(/images/navtabs_left_hover.gif) top left no-repeat #c9d6dd; color: #2f3e46;}
.navtabs a:hover .navcorner1 {background: url(/images/navtabs_right_hover.gif) top right no-repeat;}
.navtabs li.sCurrent {background: url(/images/navtabs_left_hover.gif) top left no-repeat #c9d6dd; color: #2f3e46;}
.navtabs li.sCurrent .navcorner1 {background: url(/images/navtabs_right_hover.gif) top right no-repeat;}
.navtabs .sDisabled .navcorner1 {background: url(/images/navtabs_right.gif) top right no-repeat;}
.navtabs .sDisabled a {background: url(/images/navtabs_left.gif) top left no-repeat #f1f4f6; color: #a0adb4;}
.navtabs .sDisabled a:hover{color: #a0adb4;}
.navtabs .sDisabled a:hover .navcorner1 {background: url(/images/navtabs_right.gif) top right no-repeat;}
.relatedlink:hover span, .relatedlink50:hover span { color:#c6c8dd; }
.imgborder { border: 5px solid #c6c8dd; }
a.relatedlink span.heading, a.relatedlink50 span.heading { color:#599e9c !important; }
a.relatedlink:hover span.heading, a.relatedlink50:hover span.heading {  color:#599e9c !important; }
.relbox .relboxcurrent , .relbox .relboxcurrent:hover { background:#b6d4d4 url(/images/relboxcorner.gif) no-repeat scroll left bottom; cursor:default; }
.relbox .relboxcurrent a.imgborder { border-color:#d7d9ea; }
.relbox .relboxcurrent {  background:#d7d9ea url(/images/relboxcorner.gif) no-repeat scroll left bottom;  border-right:6px solid #d7d9ea; }
.relbox div { background:#e7e8f3 none repeat scroll 0 0; }
.relbox h4 a { color:#0a5965; }
h4, .relatedlink span.heading, .relatedlink50 span.heading { color:#0a5965; }
.announcement h4 a, .announcement h3 a { color:#0a5965; }
.announcement h4 a:hover, .announcement h3 a:hover { color:#0a5965; }

/* related links & images... new styles */
.relatedlink .imgborder {margin: 0 15px 15px 0;}
.relatedlink .imgborder, .relatedlink .imgborder span {max-width: 400px; height: 175px;}
.relatedlink .heading {clear: none; margin: 0 0 15px;}