/*                                                                                ***
/**********************************************************************************  ***
/*                                                                                      ***
/*  Styles for the Goodwill Industries of Northwest North Carolina, Inc. Web site          ***
/*                                                                                      ***
/**********************************************************************************  ***
/*                                                                                ***/


/****************************
    Universal Styles
****************************/

body {
	Xtext-align: center;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	background-color: #8ab1ce;
	Xbackground-image: url(images/goodwill_bg2.jpg);
	background-image: url(images/goodwill_bg.jpg);
	Xbackground-position: top center;
	background-position: top left;
	background-repeat: repeat-x;
	width: 100%;
}

A:link, A:visited {
	font-weight: bold;
	color: #00649F;
}

A:hover, A:active, A:link:hover, A:visited:hover {
	font-weight: bold;
	color: #00446C;
}

A:visited img, A:link img {
	border: 0px;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	border-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B6B6B6;
	border-right-color: #858585;
	border-bottom-color: #858585;
	border-left-color: #B6B6B6;
	background-color: #F7F7F7;
	font-weight: bold;
	text-align: center;
	padding: 0px 3px;
	margin: 0;
	overflow: visible;
}

img {
	margin: 0;
	padding: 0;
}


/****************************
    Container Styles
****************************/

.container {
	Xwidth: 740px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	/*border: 1px solid #ff9900;*/
	clear: both;
	display: block;
}


/*****************************************************************************
    Header Styles
*****************************************************************************/

.header {
	Xwidth: 740px;
	width: 900px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	display: block;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
}

.logo {
	width: 200px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.search {
	Xwidth: 390px;
	width: 550px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 190px;
	text-align: right;
}
.searchForm {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

.companyName {
	Xwidth: 390px;
	width: 550px;
	position: absolute;
	top: 46px;
	Xleft: 200px;
	left: 360px;
	text-align: left;
	color: #A0C0D7;
	font-weight: bold;
	font-size: 13px;
}

.quickLink {
	width: 150px;
	height: 70px;
	position: absolute;
	top: 0px;
	Xleft: 590px;
	left: 750px;
	background-color: #00FFFF;
}


/****************************
    Content Styles
****************************/

.content {
	Xwidth: 740px;
	width: 900px;
	display: block;
	vertical-align: top;
	font-size: .8em;
	position: relative;
}


/*****************************************************************************
    Left Bar Styles
*****************************************************************************/

.leftBar {
	display: inline;
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/****************************
    Left Nav Styles
****************************/

.navLinks {
	background-color: #003366;
	font-size: .95em;
	color: #FFFFFF;
	font-weight: bold;
	width: 200px;
	padding: 9px 0px 10px 0px;
	margin: 0;
}

.navLinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 1em;
}

.navLinks li {
	margin: 0px;
	padding: 0px;
	display: list-item;
}

.navLinks a.main {
	width: 187px;
	display: block;
	padding: 5px 0px 7px 13px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	color: #ffffff;
}

.navLinks a.sub {
	width: 170px;
	display: block;
	padding: 5px 0px 7px 30px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	color: #ffffff;
}

.navLinks a.main {
}

.navLinks a.sub {
}

.navLinks a:link.main, .navLinks a:visited.main, .navLinks a:link.sub, .navLinks a:visited.sub {
	color: #ffffff;
	text-decoration: none;
}

.navLinks a:hover.main, .navLinks a:active.main, .navLinks a:hover.sub, .navLinks a:active.sub {
	background-repeat:no-repeat;
	background-position: left top;
}

.navLinks a:hover.main, .navLinks a:active.main {
	width: 187px;
	background-image: url(images/nav1_over.gif);
	background-position: left top;
	padding: 5px 0px 7px 13px;
}

.navLinks a:hover.sub, .navLinks a:active.sub {
	width: 170px;
	background-image: url(images/nav2_over.gif);
	background-position: 2px 0px;
	padding: 5px 0px 7px 30px;
}

.navLinks a.mainOn {
	width: 187px;
	display: block;
	padding: 5px 0px 7px 13px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	color: #003366;
	background-image: url(images/nav1_on.gif);
}

.navLinks a.subOn {
	width: 170px;
	display: block;
	padding: 5px 0px 7px 30px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #003366;
	background-image: url(images/nav2_on.gif);
	background-position: 2px 0px;
}


/****************************
    Success Story Styles
****************************/

.successPhoto {
	width: 200px;
	height: 200px;
	margin: -1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	vertical-align: bottom;
	background-color: #003366;
}

.successTitle {
	background-color: #00649f;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 2px 8px 4px 8px;
	width: 184px;
	font-size: .9em;
	margin: 0px 0px 0px 0px;
}

.successStory {
	background-image: url(images/success_textGradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: .85em;
	width: 180px;
	margin: 0px;
	padding: 8px 10px 10px 10px;
	color: #002840;
}

.iconTray{
	text-align: center;
	padding: 10px 0px 20px 0px;
}


/*****************************************************************************
    Right Bar Styles
*****************************************************************************/


.rightBar, .rightBarHome {
	display: inline;
	Xwidth: 480px;
	width: 640px;
	position: absolute;
	top: 0px;
	left: 200px;
	padding: 16px 20px 0px 40px;
	background-color: #ffffff;
	background-image: url(images/h1marker.gif);
	background-repeat: no-repeat;
}

/*\*//*/
.rightBar, .rightBarHome {
	padding: 16px 0px 0px 40px;
}
/**/

.rightBar {
	background-position: 10px 20px;
}

.rightBarHome {
	xbackground-position: 10px 298px;
	background-position: 10px 321px;
}


.homeHighlight, .module {
	padding: 10px 10px 4px 10px;
	width: 458px;
	border: 1px solid #00649F;
	margin: 0px 0px 10px 0px;
}

.module {
	background-color: #F1F7FA;
}


/****************************
    Text Styles
****************************/

h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #ff6600;
	margin: 0px 0px 15px 0px;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	color: #ff6600;
	margin: 0px;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #ff6600;
	margin: 0px;
}

.h2noBreak {
	font-size: 1em;
	font-weight: bold;
	color: #ff6600;
	margin: 0px;
}

p {
	margin: 0px 0px 10px 0px;
	line-height: 1.7em;
	font-size: .9em;
}

.emphasis {
	font-weight: bold;
}

.note {
	color: #666666;
	font-weight: bold;
	font-size: .9em;
}

.smallNote {
	color: #666666;
	font-weight: bold;
	font-size: .8em;
}

.date {
	color: #666666;
	font-size: .8em;
	margin-bottom: 0px;
}

.rightBar ul li, .rightBarHome ul li {
	margin: 0px 0px 6px 0px;
	list-style-image: url(images/bullet.gif);
}
.rightBar ul li li, .rightBarHome ul li li {
	margin: 6px 0px 0px 0px;
	list-style-image: url(images/bullet.gif);
}

/****************************
    Image Styles
****************************/

.homeImage {
	display: block;
	Xmargin: -16px -20px 14px -40px;
}
.homeImageContainer{
	display: block; 
	width: 700px;
	background-image: url(images/home_bkgImg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0px;
	margin: -16px -20px 14px -40px;
}

.leftImage {
	float: left;
	margin: 6px 10px 6px 0px;
}

.rightImage {
	float: right;
	margin: 6px 0px 6px 10px;
}
.ruleLine {
	width: 480px;
	margin: 0px 0px 20px 0px;
}


/****************************
    Form Styles
****************************/

.formTable {
	width: 478px;
}

.formTable td {
	padding: 2px;
	vertical-align: top;
}

.formLabel {
	text-align: right;
	font-weight: bold;
	font-size: .9em;
}

.form {
	margin: 0px;
	padding: 0px;
}

.formField {
}

.required {
	color: #FF0000;
	font-weight: bold;
}


/*****************************************************************************
    Footer Styles
*****************************************************************************/

.footer {
	Xwidth: 540px;
	width: 700px;
	margin: 20px -20px 0px -40px;
}

.newsletterSignUp {
	Xwidth: 520px;
	width: 680px;
	text-align: right;
	background-color: #e2ecf3;
	padding: 6px 10px 6px 10px;
	color: #003366;
	font-size: .8em;
}

.newsletterSignUp form {
	font-size: 1.1em;
	font-weight: bold;
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

.newsletterInput {
	width: 150px;
}

.linksAndCopyright {
	Xwidth: 520px;
	width: 680px;
	height:40px;
	background-color: #00649f;
	padding: 6px 10px 6px 10px;
}

.footerLinks {
	float: left;
	width: 190px;
	color: #8AB1CE;
	font-weight: bold;
	display: inline;
	font-size: .85em;
}

.footerLinks A:link, .footerLinks A:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.footerLinks A:hover, .footerLinks A:active, .footerLinks A:link:hover, .footerLinks A:visited:hover {
	font-weight: bold;
	color: #e2ecf3;
}

.copyright {
	float: right;
	Xwidth: 330px;
	width: 260px;
	color: #8AB1CE;
	font-weight: bold;
	font-size: .8em;
	text-align: right;
	display: inline;
	margin: 0px 0px 0px 66px;
}

.pageBottom {
	clear: both;
	width: 100%;
}

/**************************************************
Added by adam 12/8/2006
**************************************************/

.alternatingRow {
	background-color: #e2ecf3;
}

/**************************************************
Added by lisa 1/24/2007
**************************************************/

.stratapultLogo {
	margin: 10px 0px 5px 0px;
	text-align: right;
	clear: both;
}



/************************************************/

@media print {
.search, .quickLink, .leftBar, .newsletterSignUp, .footerLinks {
	display: none;
}

.rightBar, .rightBarHome {
	position: static;
	width: 480px;
	float: left;
}
.homeImage {
	margin: -16px -20px 14px -20px;
}
}



/*****************************************
Added by Adam 3/31/2008
*****************************************/

.strongText{
	color: #ff6600;
	font-weight: bold;
}


/*****************************************
Added by Adam 3/31/2008
*****************************************/

.poweredBy {
	display:block;
	float: right;
	width: 260px;
	color: #8AB1CE;
	font-weight: bold;
	font-size: .8em;
	text-align: right;
	clear: both;}

.poweredBy a:link, .poweredBy a:visited, .poweredBy a:hover {
	color: #8AB1CE;
	font-weight: bold;
	font-size: 9px;
	text-decoration:none;}

.poweredBy a:hover { 
	color: #FFF;
	text-decoration:underline;}



.body_image_float_right{
	float: right; 
	clear: right; 
	margin-bottom: 10px;
	margin-left: 10px;
}
.body_icons_row{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.body_icons_row img{
	float: left;
	margin-right: 4px;
}