/* ---------------------------------------------
Sumter Economic Development Screen Style Sheet
author: Cyberwoven
version:  2007.11
----------------------------------------------- */

body {
	font:normal 12px/18px verdana, arial, helvetica, sans-serif;
	color:#505050;
	margin:0;
	padding:0;
	background:#fff url(../images/bodybg.jpg) no-repeat center 130px;
	text-align:center;}

a,
a:link {color:#056c93; text-decoration:underline;}
a:visited {color:#075370;}
a:hover {text-decoration:none;}

h2 {
	height:40px;
	padding:0 15px;
	margin:0 0 10px 0;
	font:normal 20px/40px "Trebuchet MS", tahoma, arial;
	background:#549320 url(../images/h2bg.jpg) no-repeat;
	color:#fff;
	letter-spacing:1px;
}

h3 {font:normal 18px/25px tahoma, arial, helvetica, sans-serif; color:#056c93;}
h4, caption {font:bold 15px/20px tahoma, arial, helvetica, sans-serif; color:#5f9a3c; margin-bottom:5px;}
h5 {font:bold 12px/20px tahoma, arial, helvetica, sans-serif;}
h6 {font:bold 11px/20px tahoma, arial, helvetica, sans-serif;}

table {border:none; margin:0; padding:0; border-collapse: separate; border-spacing:0; background:#ddd;}
caption {text-align:left; margin:10px 0 10px 35px;}
tr {padding:0; margin:0;}
td {padding:2px; margin:0;}

/* Layout Blocks
----------------------------------------------- */

#container {width:800px; margin:0 auto 20px auto; text-align:left; position:relative;}
	h1.logo {margin:0; padding:0; height:130px;}
		h1.logo a {display:block; height:130px; width:300px; background:url(../images/sumterlogo.jpg) no-repeat 40px 20px; font-size:1px; text-indent:-9999px; outline:none;}

	.topnav {margin:0; padding:0; position:absolute; top:45px; left:480px; list-style:none; width:300px;}
		.topnav li {display:inline; margin:0; padding:0;}
			.topnav li a {
				display:block;
				float:left;
				width:130px;
				padding:2px 2px 2px 12px;
				margin:0;
				color:#0f2e4b;
				background:url(../images/topnavactive.gif) no-repeat -999px 0;
				font:normal 12px/18px "Trebuchet MS", verdana, tahoma, arial;
				text-decoration:none;}
			.topnav li a:hover {color:#00afeb; background-position:center left; text-decoration:none;}
			.topnav li.active a, .topnav li.active a:hover {color:#0f2e4b; font-weight:bold; background-image:url(../images/arrowlink.gif); background-position:center left; text-decoration:none;}	


#content {margin:0; padding:0;}
	.contentleft {width:480px; float:left; position:relative;}
	.contentleft form,
	.contentleft h3,
	.contentleft h4,
	.contentleft h5,
	.contentleft ul,
	.contentleft ol,
	.contentleft blockquote,
	.contentleft p {margin-left:15px; margin-right:25px;}

	.contentleft table {width:440px;}
	.contentleft table form,
	.contentleft table h3,
	.contentleft table h4,
	.contentleft table h5,
	.contentleft table ul,
	.contentleft table ol,
	.contentleft table blockquote,
	.contentleft table p {margin-left:0; margin-right:0;}
	
	.contentleft td {font:normal 12px/18px verdana, arial, helvetica, sans-serif;}
	
	.contentleft ul {padding:5px 15px;}

	.contentleft img {float:right;  border:3px solid #c0c0c0; margin:0 0 5px 15px;}

	.contentleft img.headerphoto {display:block; float:none; clear:none; border:none; margin:0;}


	.contentright {width:312px; float:right; min-height:400px;}
	.contentright h2 {background:#02304f url(../images/h2bg-right.jpg) no-repeat; padding:0 15px; margin:0;}
		ul.subnav {display:block; width:312px; min-height:176px; background:#d7f5ff; margin:0; padding:10px 0 10px 0; line-height:16px;}
		ul.subnav li {display:inline; list-style:none; margin:0; padding:0;}
		ul.subnav li a {color:#08456b; padding:2px 0 2px 30px; display:block; text-decoration:none; background:url(../images/topnavactive.gif) no-repeat 0px -9999px;}
		ul.subnav li a:hover {color:#00afeb; background-position:15px center;}

		ul.subnav ul {margin:0 0 10px 30px; padding:0; font-size:11px; line-height:12px; }
		ul.subnav ul li a {position:relative; left:0px; width:260px; padding:2px 0 2px 10px; background:none; border-left:1px solid #08456b;}
		ul.subnav ul li a:hover {border-left:3px solid #00afeb;}
		
		/* Quick and "easy" active states for subnav links */
		.availablesites ul.subnav .availablesites,
		.industrialparks ul.subnav .industrialparks,
		.commercialsites ul.subnav .commercialsites,
		.availablebuildings ul.subnav .availablebuildings,
		.sites ul.subnav .sites,
		.community ul.subnav .community,
		.locationclimate ul.subnav .locationclimate,
		.history ul.subnav .history,
		.qualityoflife ul.subnav .qualityoflife,
		.demographic ul.subnavs .demographics,
		.education ul.subnav .education,
		.recreation ul.subnav .recreation,
		.healthcare ul.subnav .healthcare,
		.executivesummary ul.subnav .executivesummary,
		.maps ul.subnav .maps,
		.workforcelinks ul.subnav .links,
		.targetindustries ul.subnav .targetindustries,
		.majoremployers ul.subnav .majoremployers,
		.top20 ul.subnav .top20,
		.existingindustries ul.subnav .existingindustries,
		.existingindustry ul.subnav .existingindustry,
		.nonindustrial ul.subnav .nonindustrial,
		.workforceprofile ul.subnav .workforceprofile,
		.doclaborprofile ul.subnav .doclaborprofile,
		.sizeoflaborforce ul.subnav .sizeoflaborforce,
		.economicsectors ul.subnav .economicsectors,
		.unemployment ul.subnav .unemployment,
		.training ul.subnav .training,
		.programs ul.subnav .programs,
		.pathfinders ul.subnav .pathfinders,
		.about ul.subnav .about,
		.boardstaff ul.subnav .boardstaff,
		.americanspirit ul.subnav .americanspirit,
		.incentives ul.subnav .incentives,
		.links ul.subnav .links,
		.ssgi ul.subnav .ssgi,
		.ssgi-board ul.subnav .ssgi-board,
		.ssgi-goals ul.subnav .ssgi-goals,
		.ssgi-purpose ul.subnav .ssgi-purpose,
		.ssgi-investors ul.subnav .ssgi-investors,
		.incentives ul.subnav .incentives,
		.fee-in-lieu-tax ul.subnav .fee-in-lieu-tax,
		.job-development-credit ul.subnav .job-development-credit,
		.jobs-tax-credit ul.subnav .jobs-tax-credit,
		.special-source-revenue-credit ul.subnav .special-source-revenue-credit,
		.multi-county ul.subnav .multi-county,
		.aid-to-industry-program ul.subnav .aid-to-industry-program,
		.contact ul.subnav .contact {color:#08456b !important; font-weight:bold; background:url(../images/arrowlink.gif) no-repeat 15px center;}

		/* Active states for SubSubNav Links */
		.eiprograms ul.subnav .eiprograms,
		.clusters ul.subnav .clusters,
		.survey ul.subnav .survey,
		.industrialdirectory ul.subnav .industrialdirectory,
		.fortune1000 ul.subnav .fortune1000,
		.privateeducation ul.subnav .privateeducation,
		.publiceducation ul.subnav .publiceducation,
		.highereducation ul.subnav .highereducation,
		.technicalschools ul.subnav .technicalschools,
		.careercenter ul.subnav .careercenter {border-left:3px solid #08456b; font-weight:bold;}
		

		ul.newslist {display:block; width:312px; min-height:240px; background:url(../images/right-news-gradient.jpg) no-repeat; margin:0; padding:10px 0 0 0; font-size:12px; line-height:16px;}
		ul.newslist li {display:inline; list-style:none; margin:0; padding:0;}
		ul.newslist li a {color:#056c93; padding:5px 20px; display:block; text-decoration:none;}
		ul.newslist li a strong {display:block; color:#5f9a3c; font-weight:bold; font-size:11px;}
		ul.newslist li a:hover {color:#08456b; text-decoration:none;}	

		div.gradientbox {display:block; width:282px; min-height:240px; background:url(../images/right-news-gradient.jpg) no-repeat; margin:0; padding:10px 15px; font-size:12px; line-height:16px;}
		
#footer {text-align:right; padding:10px 20px 10px 20px; margin-top:10px; background:#071827 url(../images/footerbg2.jpg) center top no-repeat; color:#fff; font-size:11px; position:relative;}
#footer a.cyberwoven {color:#fff !important; text-decoration:none;}
#footer a.cyberwoven:hover {text-decoration:underline;}
	#footer ul.footernav {float:left; width:500px; text-align:left; margin:0; padding:0;}
	#footer ul.footernav li {display:inline; list-style:none; margin:0; padding:0;}
	#footer ul.footernav li a {display:table-cell; float:left; padding:2px 20px 2px 10px; background:url(../images/footernavactive.gif) no-repeat 0px -9999px; color:#fff; text-decoration:none;}
	#footer ul.footernav li a:hover {background-position:0 center; text-decoration:none;}


/* Home Specific
----------------------------------------------- */
body#home {background-image:url(../images/home-bodybg.jpg);}
#home #container {background:url(../images/homebanner01.jpg) no-repeat center 86px;}
#home #content {padding-top:0;}
	p.mapbottom {display:block; padding:40px 10px 20px 30px; margin:0; background:#071827 url(../images/homebanner_02.gif) no-repeat; color:#fff;}
	.homeleftbox {background:url(../images/right-news-gradient.jpg) no-repeat; width:218px; padding:10px 20px; float:left;}
	.homeleftbox a img {border:3px solid #ccc;}
	.homeleftbox a:hover img {border:3px solid #0f2e4b;}
	
	.homerightbox {background:url(../images/homeright.jpg) no-repeat; width:240px; padding:10px 20px; float:right;}
		.homerightbox p {font-size:11px;}

#home h3 {margin:0 0 5px 0; padding:0; color:#0f2e4b; font-size:18px; line-height:20px;}
#home ul.newslist {display:inline; background:none; margin:0; padding:0; width:auto; height:auto;}
#home ul.newslist li a {padding:3px 0; font-size:11px;}
#home .contentright {display:none;}
#home .contentleft {width:auto; float:none; position:relative;}
#home .contentleft form,
#home .contentleft h3,
#home .contentleft h4,
#home .contentleft h5,
#home .contentleft ul,
#home .contentleft ol,
#home .contentleft blockquote,
#home .contentleft p {margin-left:0; margin-right:0;}
#home .contentleft img {float:none; clear:both; border:3px solid #c0c0c0; margin:0 0 5px 0;}

#flash { width:800px; height:239px; margin:0; padding:0; overflow:hidden;}



/* Forms
----------------------------------------------- */

#content form {font-size:11px;}
#content form fieldset {border:none; margin:0; padding:0;}
#content form label {display: block; float: left; width: 65px; text-align: right; padding: 0 5px 0 0;}
#content form select {font-size: 11px; padding: 0; float: left; margin-bottom: 10px; border: 1px solid #ccc;}
#content form input.textbox {margin: 0 0 10px 0; border: 1px solid #ccc; width:130px; font-size:11px;}
#content form br {clear:left; }
#content form textarea {margin: 0 0 10px 0; width: 345px; border: 1px solid #ccc; padding: 5px;}
#content form textarea.bigtextarea {width:300px;}
#content form input.button {
	font-size: 11px;
	height: 25px;
	padding: 0 15px 3px 15px;
	color: #fff;
	margin: 5px 5px 0 0;
	width: auto !important;
	background: #444;
	border:3px solid #c0c0c0;
	float:right;
}

#content form label.required {font-weight:bold; }

.column {width:220px; float:left; margin:0;}

.linkbutton {
	font-size: 11px;
	height: 25px;
	padding: 0 15px 3px 15px;
	color: #fff !important;
	margin: 5px 15px 0 0;
	width: auto !important;
	background: #444;
	border:3px solid #c0c0c0;
	text-decoration:none;
	display:table-cell;
}

.linkbutton:hover {
	color:#333 !important;
	background:#fff;
}

/* Video
----------------------------------------------- */

.vid {margin-top: 20px;}


/* Reusables
----------------------------------------------- */

a.arrowlink {color:#0f2e4b; font-weight:bold; font-size:11px; text-decoration:none; background:url(../images/arrowlink.gif) no-repeat center right; padding-right:12px;}
a.arrowlink:hover {text-decoration:underline;}

.graybox {border:1px solid #ddd; background:#eee; margin:10px 20px;}
.hidden {display:none;}

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

.clearleft {clear:left;}

.skip {height:0; width:0; overflow:hidden; position:absolute;}

.bodyDark {background:#eee;}

.editor
{

}