.summary-info-search-box {margin-left: 20px !important; float:right; padding:10px}
#search-map-container {margin-right: 20px}
#map_canvas, #NameIndexContainer {height: 265px}
#map_canvas, #MapMessage {width: 230px}
#MapMessage {height: auto; width: 220px; position: absolute; left: 262px; bottom: 12px; vertical-align: bottom}
#AreaTypeSelectorBox {width: 225px}
#search-form {position:relative}
#search-form input, #search-form button {vertical-align: middle}
#search-form-field {width: 155px; height: 30px; padding-left: 10px; padding-right: 40px; line-height: 28px}
#search-form-submit {position: absolute; top: 5px; left: 172px; height: 22px; width: 30px; background-color: #7B7E57; color:white; font-size:12pt; font-family: arial; font-weight: bold; text-align: center; border-style: none; -moz-border-radius:3px; border-radius:3px; cursor:pointer; padding: 0}
#search-form-submit:hover {background-color:#9C9E81}
#homepage .left-box {width: 710px; float: left; margin-left: 0}
#homepage .right-box {margin-left: 748px !important} /* need !important to override @media (max-width: 1264px) {.container, .box {margin-left: 0 !important}} */
#homepage .left-box, #homepage .right-box {margin-bottom: 15px}
#hamburger-menu {display:none}
#breadcrumbs {display:none}
#column-layout, #column-layout > tbody, #column-layout > tbody > tr, .column-layout-column {display: block}
#column-layout-column-right {max-width:none}
#column-layout-column-left {width: auto !important; margin: 0 0 0 10px !important}
#column-layout-left {width: auto !important; margin-right: 10px !important}
#column-layout-content {width: auto}

#nav-site {display: block}
#secondarynav {display:none}
#navtag-open {float:none; position: absolute; top:0; right: 0}
#mainarea {padding-bottom: 20px}

/* display H1 in special style */
h1 {font-size: 18pt; color: #CB702B; text-align: center; margin: 4px 50px 8px 50px}

#wetland-summary-box h2 {font-size: 16pt; margin-top: 0; margin-bottom: 10px; position: static} /* position static required to avoid invisible cover over links on the right floaty bit */

.container h2.top-bar {text-align: center}

#event-summary-container {margin-top:1em}
.event-summary img {max-width:210px!important; height:auto}
.event-summary li {margin-bottom:1em !important}

@media (max-width: 1100px) {
	#homepage #wetland-summary-box-intro {clear: left}
	#homepage .summary-info-search-box {margin-left: 0 !important; float: left}
	#homepage .left-box {float: none !important; width: auto !important}
	#homepage .right-box {margin-left: 0 !important; margin-right: 0}
}
@media (max-width: 810px) {
	#homepage #search-map-container {float: none !important; margin-bottom: 10px; margin-right: 0}
	#secondarynav {margin-top: 5px}
	h1 {margin-left:0; margin-right:0}
}