/* ==|== map styles =====================================================
   Author: bluespace creative, Inc.
   ========================================================================== */

.mapLegend {width: 804px; float: left; display: block; height: 187px; background:url(http://www.northcentraliowa.net/map/images/transMap_legend.jpg) no-repeat 0 0;}

.onOffSwitches {float: right; position: relative; z-index:950;}

.mapTAIbuttons {width: 302px; padding: 20px 80px 0px 20px; position: relative; z-index: 900;}

.mapTAIbuttons tr {height: 36px;}
.mapTAIbuttons tr td {text-align: center;}
.mapTAIbuttons tr td.darkText {color: #384042; font-size: 14px; text-align: right; padding: 0px 15px 0px 0px;}
.mapTAIbuttons tr td.whiteText {color: #fff; font-size: 10px; vertical-align: middle;}

.mapTAIbuttons tr td.onButton {background: url(http://www.northcentraliowa.net/map/images/mapOnOffButton_left.jpg) no-repeat 0 1px; width: 50px; height: 31px;}
.mapTAIbuttons tr td.onButton label {padding: 0px 0px 0px 10px;}
.mapTAIbuttons tr td.offButton {background: url(http://www.northcentraliowa.net/map/images/mapOnOffButton_right.jpg) no-repeat 0 1px; width: 50px; height: 31px;}
.mapTAIbuttons tr td.offButton label {padding: 0px 10px 0px 0px;}

.mapTAIbuttons tr.last {width: 302px; height: 34px;}

/*Transportation*/
.transportation .mapContainer {width: 804px; height: 819px; background-color: #e0f5ff; float: left; background-image: url(http://www.northcentraliowa.net/map/images/transMap_bkgd.jpg);}
.transportation .mapContainer span {width: 804px; height: 819px; display: block; position: absolute;}

.transportation #citiesTowns span #mapCitiesTowns {position: relative; float: left; z-index: 400;}
.transportation #airports span #mapAirports {position: relative; float: left; z-index: 300;}
.transportation #highways span #mapHighways {position: relative; float: left; z-index: 200;}
.transportation #railroad span #mapRailroads {position: relative; float: left; z-index: 100;}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: inherit; border-spacing: 0; }
td { vertical-align: middle; }

/*==== Structure Styles ====*/

* {margin: 0px;}

html {overflow: scroll;}

body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: lighter; color: #384042; line-height: 1.4;}

#outerWrapper {width: 804px; margin: 0 auto; padding: 0;}
#wrapper {padding: 0px 21px 30px 21px; float: left; width: 918px; background-color: #fff !important; position:relative; z-index: 20; min-height:100%; height:auto !important; height:100%; margin: 0 auto;}
.sec #mainContent {width: 804px; margin: 20px 0px 0px 0px;}