/*---------------------------------Land Use Study------------------------------------------------*/

div#intro{background-color:#ebebeb; padding:12px; margin-top:10px;}
div#intro img{border: 1px solid #0a2148; margin:0 20px 0 0;}
div#intro span{color:#1d3f55; font-size:14px; font-weight:bold;}

.coda-slider-wrapper h4, .coda-slider-wrapper .area-column-2 h5{text-transform:uppercase; font-size:24px; color:#6080c8; border-bottom:2px dotted #8c8883; padding:3px 0; margin-bottom:10px;}
.coda-slider-wrapper h5{font-size:18px; margin-bottom:10px;}
.coda-slider-wrapper .area-column-2 h5{font-size:20px; text-transform:none;}
.coda-slider-wrapper a{outline: none;}
.coda-slider-wrapper a.title{float:right; color:#0a0f2b; font-size:11px; text-decoration:none; margin-top:10px; text-transform:uppercase; font-weight:bold;}

.summary{font-weight:bold; text-transform:uppercase; font-size:14px;}
.summary-column-1, .summary-column-2{width:435px; float:left;}
.summary-column-1{padding-right:13px; border-right:1px solid #9ea5b6; margin-right:13px;}

.area-column-1{width:576px; float:left;}
a.area-download{ float:left; position:absolute; width:209px; height:76px; background:url(../img/land-use-study/download-area-flyer.gif) no-repeat; display:block; text-indent:-9999px; top:150px; margin-left: 350px;}
p.area-contact{position:absolute; top:576px; margin-left:346px; font-size:14px;}
p.area-contact span{color:#6080c8; font-weight:bold;}
.area-column-2{width:300px; float:right; padding-top:15px;}
.area-column-2 img{border:1px solid #989898;}
.area-column-2 li:hover {background-color: darkgrey; color: White; cursor: pointer;}

/* Tabs */
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {overflow: auto !important; padding-right: 20px}
#coda-slider-1, #coda-slider-1 .panel { width: 950px } 
.coda-nav ul li a.current { background: #39c }
.coda-slider .panel-wrapper { padding: 20px }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav ul { clear: both; display: block; margin: 0 2px 0 0; overflow: hidden;}
.coda-nav ul li { display: inline; }
.coda-nav ul li a {display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; background-color:#c3c5d0; border-color:#eaeaea !important; color: #1d3f55;  }
.coda-nav ul li a:hover{background-color:#B3B5BF;}
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative; padding-bottom:20px}
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
#coda-nav-1{background-color:#ebebeb; float:left;}

ul.tabs {float: left; height: 30px; border-bottom: 1px solid #c6c7ce; width: 914px;}
ul.tabs li {float: right; overflow: hidden; position: relative; background: #e0e0e0; margin-right:3px;}
ul.tabs li, .coda-nav ul li{height: 29px; line-height: 29px; margin-bottom: -1px;}
ul.tabs li a, .coda-nav ul li a {text-decoration: none; display: block; font-size: 14px; padding: 0 20px; border: 1px solid #fff; text-transform:uppercase; font-weight:bold;}
ul.tabs li a{color:#708391;}
ul.tabs li a:hover{background: #ccc; color: #1d3f55;}
html ul.tabs li.current, .coda-nav ul li a.current  {background: #fff; border: 1px solid #c6c7ce !important; border-bottom: 1px solid #fff !important;}
ul.tabs li.current{line-height: 28px;}
ul.tabs li.current a{color: #1d3f55; background-color:#fff;}
.tab_container {border: 1px solid #c6c7ce; border-top: none; overflow: hidden; clear: both; float: left; width: 912px;}
.tab_content {padding: 7px;}
.tab_content p {margin:0;}