/* 	Newberry County Economic Development
	Website by Cyberwoven
--------------------------------------------------------------------------------------------- */

/* Global HTML Elements 
--------------------------------------------------------------------------------------------- */

html, body
{
	background: #f5f4e9 url(../img/bg.gif) repeat-y top left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	font: 10px Verdana, sans-serif;
	color: #595748;
}

img
{
	padding: 0;
	margin: 0;
	border: 0;
}

.printLogo
{
	display:none;
}

/* GLOBAL LINKS 
---------------------------------------------------------------------------------------------- */

a
{
	font-family: Verdana, sans-serif;
	text-decoration: none;
	color: #d35c2b;
	font-size: 11px;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #434A50;
}

.viewAll a
{
	float:right;
	color:#7fae2b;
	font-weight:bold;
	font-size:10px;
	margin:3px 38px 0 0;
	text-transform:uppercase;
}



/* GLOBAL LISTS
----------------------------------------------------------------------------------------- */


.contentCol ul
{
	margin:10px 0 0 10px; 
	padding:5px 0 15px 20px;
	background:#dad7c5
	border:1px solid #f5f4ea;
}

.contentCol ul li
{
	margin:0;
	padding:0;
	line-height:18px;
	list-style-image:url(../img/list-icon.gif);
}







/* GLOBAL TYPOGRAPHY 
----------------------------------------------------------------------------------------- */

p { line-height: 16px; }

h1,
h2,
h3,
h4,
h5
{
	margin: 0;
	padding: 0;
}

h1
{
	margin: 0;
	position: relative;
	width: 322px;
	background: #f4f2e5 url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
	float: left;
}

h1.internal
{
	background:url(../img/logo.gif) no-repeat;
}

h1 a
{
	display: block;
	height: 140px;
}

h1 a:hover { background: none; }

h2
{
	font-size:16px;
	margin:0;
	padding:0;
}

h3
{
	font-size:14px;
	margin:0;
	padding:0;
}

.contentCol h4
{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 11px;
}

h4
{
	font-size:12px;
	margin:0;
	padding:0;
}

.leftCol h4
{
	font-weight:normal;
	line-height:18px;
	margin:10px 0 10px 0;
	padding:0;
	color:#e1460a;
}

h5
{
	font-size:11px;
	margin:0 0 5px 0;
	padding:0;
}

h6
{
	font-size:10px;
	margin:0 0 5px 0;
	padding:0;
}

.colHeader h3
{
	color:#595748;
	font-size:18px;
	font-weight:normal;
	width:214px;
	margin:0;
	padding:0;
	position:relative;
	top:15px;
	line-height:18px;
}

p
{
	margin:0px 0 10px 0;
	padding:0;
}

.qfh3
{
	color:#9ec54d;
	font-weight:normal;
}

.tel
{
	color:#e1460a;
}

.fax
{
	color:#40b1e0;
}

.green
{
	background:#9ec54d;
}

.orange
{
	background:#e1460a;
}

.blue
{
	background:#40b1e0;
}

tr td div.blue
{
	color:#40b1e0;
	background:none;
}

.footer h6
{
	font-weight:normal;
	margin:5px 0 0 0;
}

.lpContent h4
{
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.vessel h2
{
	color:#fff;
	font-weight:normal;
	height:52px;
	line-height:52px;
	margin-left:11px;
	text-transform:uppercase;
}

.vessel h2.newsie
{
	margin-left:5px;
}

.vessel h3
{
	font-size:16px;
	font-weight:normal;
	color:#807767;
	border-bottom:1px solid #807767;
	height:52px;
	line-height:52px;
	padding-left:11px;
}

.vessel h3.newsDetail
{
	font-size:16px;
	font-weight:bold;
	color:#807767;
	border-bottom:none;
	line-height:24px;
	height:auto;
	padding-left:11px;
}

.leftColInt p
{
	padding:10px 0 0 11px;
}

.subNav h3

{
	font-size:14px;
	color:#fff;
	font-weight:normal;
	margin:10px 0 0 26px;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
}



/* GLOBAL NAVIGATION 
----------------------------------------------------------------------------------------- */

.mainNav
{
	background: #e5e0c1 url(../img/mainNav-bg.gif) repeat-y top left;
	margin: 0;
	padding: 15px;
	float: left;
	width: 358px;
	height: 110px;
	display: block;
}

.internalNav
{
	background:none;
}

.mainNavWrap
{
	float:left;
	width: 175px;
	display: inline;
}

.mainNavWrap ul
{
	margin: 0;
	padding: 0;
}

.mainNavWrap ul	li
{
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	list-style-type: none;
	list-style-image: none;
}

.mainNavWrap ul	li a
{
	font-size: 11px;
	color: #5b5a51;
	display: block;
	font-weight: normal;
	padding: 0 0 0 23px;
	height: 22px;
}

.mainNavWrap ul	li a:hover
{
	background: #fff url(../img/3bar.gif) no-repeat 5px 50%;
	color: #434A50;
	text-decoration: none;
}

.subNav
{
	width:229px;
	height:217px;
	float:left;
	margin:9px 0 0 5px;
}


.subNav ul

{
	margin: 5px 0px 0 26px;
	padding: 0;
}

.subNav ul li

{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.subNav ul li a
{
	font-weight: normal;
	color: #fff;
	display: block;
	height: 19px;
	line-height: 19px;
	padding:0 0 0 45px;
}

.subNav ul li a:hover
{
	background: url(../img/arrow.gif) no-repeat 15% 50%;
	text-decoration: none;
	padding: 0 0 0 45px;
}

.blue ul li a:hover
{
	color:#5587a9;
	background:#daf0ff;
}

.green ul li a:hover
{
	color:#5b722b;
	background:#b9d878;
}

.orange ul li a:hover
{
	color:#7a3b1c;
	background:#f6a74a;
}


/* HOME PAGE LAYOUT 
----------------------------------------------------------------------------------------- */

.top
{
	background: #636465;
	height: 7px;
	display: block;
}

.wrapper
{
	width: 760px;
	margin: 0 0 0 20px;
}

.header
{
	background: #f5f4ea;
	width: 710px;
	margin: 23px auto 0;
}

.poster
{
	margin:0 0 0 16px;
	padding:0;
	width:728px;
	display:block;
	clear:both;
}

.container
{
	width:710px;
	margin:-3px 0 0 25px;
	padding:0;
	background:url(../img/containerbg.gif) repeat-y top right;
}

.leftCol
{
	float:left;
	width:302px;
	margin:0;
	padding:0 20px 0 0;
}



.rightCol
{
	float:left;
	width:348px;
	margin:0;
	padding:0 20px 0 20px;
}

.colHeader
{
	width:302px;
	height:48px;
	background: url(../img/colHeader-bg.gif) no-repeat top right;
	margin:0 0 20px 0;
	padding:0;
}

.colHeaderRight
{
	background: url(../img/colHeaderRight-bg.gif) no-repeat top right;
	width:348px;
}

.launchPad
{
	margin:0 0 10px 0;	
}

.lpImg img
{
	background:#f0eee4;
	margin:0;
	padding:5px;
}

.lpImg
{
	margin:0;
	padding:0; 
	float:left;
	width:102px;
}

.lpContent
{
	margin:0 0 0 120px;
	padding:0;
	width:220px;
}

ul.news
{
	margin:0;
	padding:0;
}

ul.news li
{
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}

#txtDate {margin-left:10px;}

/* INTERNAL PAGE LAYOUT 
----------------------------------------------------------------------------------------- */



.internalPoster
{
	background:url(../img/internalposter-bg.gif) no-repeat top left;
	height:231px;
	width:728px;
	display:block;
	clear:both;
}

.posterImage
{
	float:left;
	margin:9px 0 0 9px;
	padding:0;
	height:217px;
	width:476px;
	display:inline;
}

.intContainer
{
	background:url(../img/intcontainerbg.gif) repeat-y top left;
	width:728px;
	margin:0px 0 0 16px;
	padding:0;
	float:left;
	display:inline;
}

.leftColInt
{
	float:left;
	width:472px;
	margin:0 0 0 9px;
	padding:0 5px 0 0;
	background:none;
	display:inline;
}

.rightColInt
{
	float:left;
	width:202px;
	margin:0 0 0 5px;
	padding:0 14px 0 14px;
	background:none;
}

.vessel
{
	background:url(../img/vessel1.gif) no-repeat top left;
	float:left;
	margin:0px 0 20px 0;
	width:728px;
}

.v2
{
	background:url(../img/vessel2.gif) no-repeat top left;
}

.v3
{
	background:url(../img/vessel3.gif) no-repeat top left;
}

.intNews
{
	padding-top:20px;
}

.newsCol
{
	padding-top:20px;
}

.contentCol
{
	padding-top:20px;
}


/* TABLES 
----------------------------------------------------------------------------------------- */


table
{
	width:476px;
}

tr.header
{
	background:#979476;
	height:40px;
	vertical-align:middle;
}

tr.header h4
{
	color:#fff;
	margin:0;
	padding:0;
}

td.left
{
	width:11px;
}

tr.headerSub
{
	color:#40b1e0;
	height:16px;
}

tr.body
{
	height:20px;
}

tr.bodyDark
{
	height:20px;
	background:#ebe9d5;
}

/* FOOTER 
----------------------------------------------------------------------------------------- */


.quickFact
{
	width:348px;
	margin:0;
	padding:0;
	height:1%;
}

.qfHeader
{
	background:url(../img/qfHeader.gif) no-repeat top left;
	height:9px;
	width:348px;
	display:block;
}

.qfContent
{
	background:url(../img/qfContent.gif) repeat-y top left;
	margin:0 0 0 0 !important;
	margin:-3px 0 0 0;
	padding:0;
	height:1%;
}

.qfBars
{
	width:61px;
	height:58px;
	background:url(../img/qfBars.gif) no-repeat top left;
	float:left;
}

.qfCopy
{
	margin: 0 0 0 71px;
	padding: 0 0 10px 0;
	border-bottom:1px solid #d8d2a4;
}

.qfContainer
{
	background:#ebe9d6 url(../img/qfCopy.gif) repeat-x top left;
	width:310px;
	margin:0 auto;
	padding: 20px 10px;
}

.qfFooter
{
	background:url(../img/qfFooter.gif) no-repeat top left;
	height:9px;
	width:348px
}

/* FOOTER 
----------------------------------------------------------------------------------------- */

.footer
{
	clear: both;
	background: #dad7c5 url(../img/footer-bg.gif) repeat-y top left;
	padding: 0;
	height: 130px;
	width: 100%;
}

.footerTop
{
	background: url(../img/footerTop.gif) repeat-y top left;
	height:22px;
	width:760px;
	margin-left:20px;
	display:block;
}

.footerTopint
{
	background: #f2f1e0;
	height:22px;
	width:760px;
	margin-left:20px;
	display:block;
}

.footerContainer
{
	background: url(../img/footerarrow.gif) no-repeat 80px 0px;
	width: 760px;
	margin:0 0 0 20px;
}

.footerCopyright
{
	width: 363px;
	float: left;
	position: relative;
	text-align:right;
	padding:25px 25px 0 0;
}

.footerContact
{
	float:left;
	width:322px;
	padding:25px 0 0 25px;
}

/* MISC 
----------------------------------------------------------------------------------------- */

.clear:after
{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clear
{
	display: inline-block;
	/* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }

/* End hide from IE-mac */
.middleRightColInt img { float: right; }

/* FORMS 
----------------------------------------------------------------------------------------- */

.forminput,
.formtext,
.dropdown
{
	border-left: 1px solid #a4a49c;
	border-top: 1px solid #a4a49c;
	border-right: 1px solid #dfdfd6;
	border-bottom: 1px solid #dfdfd6;
	background: #f5f5f3;
	padding: 2px;
}

.forminput:focus,
.formtext:focus,
.dropdown:focus { background: #fafadf; }
.req { color: #ae0000; }
.formtext { width: 400px; }

.contactTable
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #8193ab;
}



h4.brownblock {font-size:12px; padding:8px 10px; background-color:#979476; color:#fff; font-weight:normal;}
	h4.brownblock a {display:block; color:#fff; font-size:inherit; font-weight:inherit;}

.linkbutton {display:block; width:180px; height:26px; text-align:center; font-weight:bold; background:#ebe9d5; color:#e2460a; font-size:12px; line-height:26px; margin:15px 0; text-decoration:none; border:1px solid #979476;}
.linkbutton:hover {text-decoration:none; background:#dbd5ab; color:#595748;}

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

form.contact {border:none; margin:0; padding:0;}
form.contact fieldset {border:none; display:block; margin:0; padding:0;}
form.contact label {display:block; float:left; width:120px; text-align:right; padding:0 5px 0 0;}
form.contact select {font-size:12px; padding:0; float:left; margin-bottom:10px; border:1px solid #ccc;}
form.contact input.textbox {display:block; width:135px; font-size:12px; padding:2px 5px; float:left; margin:0 10px 10px 0; border:1px solid #ccc;}
form.contact br {clear:left;}
form.contact textarea {width:300px; border:1px solid #ccc; padding:5px;}
form.contact input.button {font-size:12px; height:20px; padding:0 15px 3px 15px; color:#fff; margin:5px 0 0 0; width:auto !important; background:#40B1E0; border:1px solid #444;}
form.contact label.required {font-weight:bold;}