/*
*
*	Greater Statesville 
*	Edreamz 2007 | JJohnson
*
*/

body{
	background: #CCE2F1 url(../images/interior-bg.gif) repeat-x left top;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	padding: 0;
	margin: 8px 0 0 0;
	}

body.home{
	background: #CCE2F1 url(../images/page-bg.gif) repeat-x left top; 
}

a img{outline: none; border: 0;}
a{color: #e17025; text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}

h2{color: #8dc803; margin: 0; padding: 0; font-size: 18px; font-weight: normal;}
p{margin: 0; padding: 5px 0; line-height: 16px;}

li{
	list-style-image: url(../images/list-bullet.gif);
	padding: 2px 0;
	}

.clear{clear:both;}

.regional-map{background: url(../images/region-map-bg.gif) no-repeat right bottom; padding: 5px 12px 12px 10px;}
	.regional-map a{background: url(../images/regional-map.gif) no-repeat left top; width: 286px; height: 143px; display: block; text-indent: -9999em;}

.interactive-map, .sites-buildings, .gsdc-news-alerts{padding: 0 5px; width: 287px; border: 1px solid #ccc;}
.interactive-map{padding: 5px;}
.interactive-map a, .sites-buildings a, .gsdc-news-alerts a{display: block; text-indent: -9999em;}
	.interactive-map a{background: url(../images/interactive-map.gif) no-repeat left top; width:287px; height:72px;}
	.sites-buildings a{background: url(../images/sites-buildings.gif) no-repeat left top; width: 287px; height: 43px;}
	.gsdc-news-alerts a{background: url(../images/gsdc-alerts.gif) no-repeat left top; width: 287px; height: 43px;}
	
#hd, #main, #edreamz{width: 752px; padding: 0 10px; margin: 0 auto; background: #fff;}
#edreamz{background: none; font-size: 9px; text-align: right; margin: 5px auto;}
#edreamz a{color: #999;}

#hd{background: #fff url(../images/hd-top.gif) no-repeat left top; height: 123px; position: relative;}

#hd h1{
	margin: 0; 
	padding: 0; 
	position: relative;
	width: 164px; 
	height: 123px; 
	background: url(../images/logo.gif) no-repeat left top; 
	text-indent: -9999em;
	float: left;
	}

#hd h1 a{
	position: absolute;
	left: 10px;
	top: 0;
	width: 154px;
	height: 123px;
	}

#topnav{float: left; width:510px; margin: 20px 0 0 60px;}
#mainnav{position: absolute; left: 210px; top: 74px; width: 552px;}
.subnav{text-align: right; width: 752px; padding: 18px 0 13px 0; margin: 0 auto;}
.subnav a{color: #fff; font-weight: bold; font-size: 10px;}
.subnav a.selected{color: #85bf27;}
.subnav ul{margin: 0; padding: 0;}
.subnav ul li{margin: 0; padding: 0; list-style:none; display: inline; padding: 0 8px 0 0;}

#main{clear: both;}
.home #main{margin-top: 20px;}

.home-left{width: 421px; float: left; padding: 15px 0 0 0;}
	.news-and-events{margin: 30px 0 10px 0;}
	.news-and-events h4{
		margin: 0 0 10px 0; 
		padding: 0;
		background: #e4e4e4 url(../images/h-news-events.gif) no-repeat left center;
		border: 1px solid #ccc;
		height: 13px;
		text-align: right;
		padding: 4px 6px 3px 3px;
		}
	.news-and-events h4 a{font-weight: normal; color: #333; font-size: 10px;}
	.news-and-events .item{width: 193px; float: left; padding: 0 0 0 15px; font-size: 11px;}
	.news-and-events .item.first{border-right: 1px solid #ccc;}
	.news-and-events .item a{color: #194894; font-weight: bold;}
	.news-and-events .item p{margin: 0; padding: 0; font-size: 10px;}
.home-right{width: 308px; float: right;}
	.home-right div{margin: 10px 0;}

.int-left{width: 190px; margin-top: 15px; float: left;}
	.interactive-map-small, .regional-map-small{border: 1px solid #ccc; padding: 5px; margin: 10px 0 10px;}
	.interactive-map-small a, .regional-map-small a{display:block; text-indent: -9999em; width:176px; height:72px;}
	.interactive-map-small a{background: url(../images/interactive-small.gif) no-repeat left top;}
	.regional-map-small a{background: url(../images/regional-small.gif) no-repeat left top;}
	
.int-right{float: right; width: 550px; margin: 15px 0 15px 0;}
	.int-right h3, h3.datapoints{color: #e17025; font-size: 14px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 8px 0 4px 13px; background: url(../images/header-bg.gif) no-repeat left top; font-weight: normal;  }
		.int-right h3 span, h3.datapoints span{color: #005493;}
		.int-right h3 strong, h3.datapoints strong{color: #005493;}
	.int-right .admin-content{border: 1px solid #ccc; border-top:none; padding: 10px 0;}
	.int-right .admin-content p{margin: 0 13px; font-size: 11px;}
	.int-right .admin-content ol{font-size: 11px;}
	.listing{width: 190px; border: 1px solid #ccc; background: #f5f5f5; border-bottom: none; border-right:none; float: right; margin: 20px 0 20px 20px;}
	.listing a{color: #3d7cab; font-size: 11px;}
	.listing h5{margin: 0; padding: 5px 0; font-weight: normal; background: #e4e4e4; border-bottom: 1px solid #ccc; font-size: 11px; text-align: center;}
	.listing ul{margin: 0; padding: 0;}
	.listing li{margin: 0; padding: 3px 5px; list-style:none; border-bottom: 1px solid #ccc;}
	
	.listing table{width: 100%; color: #3d7cab;}
	.listing td{border-bottom: 1px solid #ccc; padding: 3px 5px}

	.point{border: 1px solid #ccc; border-top: none; background: #f5f5f5; width: 240px; font-size: 11px; margin: 0 0 8px 0; padding: 0 0 5px 0;}
	.point table{width: 95%; margin: 0 auto;}
	.point table th{text-align: left; color: #e17025;}

	.point h5{background: #005493; margin: 0 0 5px 0; padding: 3px; color: #fff; font-size: 12px;}
	.point strong{color: #005493;}
	.point td{padding: 3px 5px;}
	.point ul{margin: 0; padding: 0;}
	.point li{margin: 0; padding: 3px 5px; list-style:none;}

.sites, .buildings{width: 245px; border: 1px solid #ccc; float: left; margin-left: 15px; margin-top: 8px;}
.sites h4, .buildings h4{background: #005493; margin: 0 0 5px 0; padding: 3px; color: #fff; font-size: 12px;}

.contact-info{border: 1px solid #629F00; border-left: none; border-right: none; padding: 10px 5px; background: #EDFFCF;}
.driving-directions{font-size: 11px; padding: 10px 5px;}

.sitemap li{font-size: 14px;}
.sitemap li ul li{list-style:none; font-size: 14px; margin: 0; padding: 4px 0;}
.sitemap li ul li ul li{font-size: 12px; padding: 4px 0;}
.sitemap li a{margin: 0; padding: 0; display: inline;}



#news{margin: 0; padding: 0 15px;}
#news dt, #news dd{margin: 0; padding: 0;}
#news dd{padding-bottom: 10px; font-size: 11px;}
#news .headline{font-weight: bold;}

#datapoint{padding-top: 15px;}	
	.statesville-map, .intro-copy{width: 50%; padding-top: 8px;}
	.statesville-map{float: left;}
	.intro-copy{float: right; font-size: 11px;}

#thirds{clear:both;}	
#thirds .left, #thirds .mid, #thirds .right{float: Left; width: 250px;}	
#thirds .right{float: right;}


.com_member{padding: 5px 10px; border-bottom: 1px solid #ccc;}
.com_member.dark{background: #eeeeee; border-top: 1px solid #e4e4e4;}	
	
#ft{clear: both; background: #e4e4e4; padding: 10px; font-size: 10px;}
	#ft address{font-style: normal;}
	#ft address strong{color: #005493;}
	#ft address a{color: #333; text-decoration: underline;}
	#ft address a:hover{text-decoration: none;}

#ft a.signin{float: right; display: block; width: 105px; height: 16px; background: #e17025; border: 1px solid #f60; color: #fff; padding: 3px 0 0 0; text-align: center; text-transform: uppercase;}
#ft a.signin:hover{text-decoration:none; background: #f60; border: 1px solid #e17025;}

#ft .address{float: left; width: 500px;}

/* --- header search style --- */
form#login {
  position:relative;
}

div#search{
  position:relative;
  float:left;
  margin: 0 0 0 30px;
  width: 120px;
}
div#submit{float: left; width: 46px; margin: 2px 0 0 10px;}

input#search-field{
  width:120px;
  padding: 3px;
  border: 1px solid #c3c3c3;
  border-bottom-color: #ddd;
  border-top-color: #7c7c7c;
  background: #fcfcfc;
  font-size: 10px;
}

label.overlabel {
	color:#5d5d5d;
	font-size: 10px;
}
label.overlabel-apply {
	position:absolute;
	top:4px;
	left:5px;
	z-index:1;
	color:#5d5d5d;
	font-size: 10px;
}

/* --- end header search style --- */

	
/* --- main nav styles --- */
#tabout a{
	width: 96px;
	background: url(../images/nav/top-about.gif) top left no-repeat;
	}
#tnews  a{
	width: 113px;
	background: url(../images/nav/top-new.gif) top left no-repeat;
	}
#tcontact  a{
	width: 95px;
	background: url(../images/nav/top-contact.gif) top left no-repeat;
	}

#mregional  a{
	width: 142px;
	background: url(../images/nav/main-regional.gif) top left no-repeat;
	}
#msites  a{
	width: 139px;
	background: url(../images/nav/main-sites.gif) top left no-repeat;
	}
#mfacts  a{
	width: 110px;
	background: url(../images/nav/main-facts.gif) top left no-repeat;
	}
#mbusiness  a{
	width: 161px;
	background: url(../images/nav/main-business.gif) top left no-repeat;
	}
	
#tnav {
	margin: 0;
	padding: 0;
	height: 19px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#tnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#tnav a {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win only */
	}
	
#tnav a:hover {
	background-position: 0 -19px;
	}

#tnav a:active, #tnav a.selected {
	background-position: 0 -19px;
	}

#mnav {
	margin: 0;
	padding: 0;
	height: 49px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mnav a {
	float: left;
	padding: 49px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:49px; /* for IE5/Win only */
	}
	
#mnav a:hover {
	background-position: 0 -49px;
	}

#mnav a:active, #mnav a.selected {
	background-position: 0 -49px;
	}

/* --- end nav styles --- */