/*

Goodwill Columbus v.2
All work copyright 2011 Goodwill Columbus

Maintained by Conrad | Phillips | Vutech  << cpvinc.com >>

**** main stylesheet

*/


body {
	background-color:#e4ecf9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

a:link, a:visited {
	color:#00539f;
	text-decoration:underline;
}

a:hover {
	color:#000;
	text-decoration:none;
}

img {
	border: none;
}

p, dt, dd, li {
	font-size:small;
	line-height:140%;
}

hr {
	border:1px dotted #ccc;
	margin:30px 0;
}

table {
	margin:0 0 0 20px;
}


/* @group containers ============================================================ */

#skip {
	display:none;
}

#banner {
	background: transparent url(../images/goodwill-top-right.gif) right no-repeat;
	margin:0 0 10px 0;
}

#container {
	margin:6px auto 0 auto;
	padding:0;
	width:760px;
}

#content {
	margin:0;
	padding:0;
}
#homecontent {
	margin:0 0 15px 0;
	padding:0;
	height:456px;
	clear:left;
}

#home {
	background-color:#fff;
	height: 240px;
	width:500px;
}
#followus {
	background: #fff url(../images/Home_rev1/follow-us-curve-top.gif) left top no-repeat;
	width:500px;
}
#tweet {
	padding: 2px 20px 0 20px;
}
#tweet h2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:270%;
	color:#00ada8;
	margin:10px 0;
	letter-spacing:-.02em;
	padding:0 20px;
}
#tweet p {
	font-weight:normal;
	font-size:11px;
	color:#666;
	margin:10px 0;
	padding:0 20px;
}

#tweet p a:link, #tweet p a:visited {
	color:#666;
	text-decoration:none;
}

#tweet p a:hover {
	color:#666;
	text-decoration:underline;
}

.tweetdate {
	color:#00ada8;
}

#icons {
	float:left;
	margin:1.5em 0 0 1em;
}

.clear {
	clear:both;
	height:1.2em;
}

.ctr {
	text-align:center;
}
	
#inner {
	margin:20px 0 0 0;
	padding:0;
}

		#inner .sidecol {
			float:right;
			width:230px;
			margin:0 0 100% 0;
		}
		
		#inner .sidecol .search {
			overflow:hidden;
			white-space:nowrap;
			margin:0;
			padding:0;
			height:39px;
		}

		#inner .maincol {
			width:509px;
			background:#fff;
			margin:0;
			padding:0;
			clear:left;
		}

		/* Hides from IE5-mac \*/
		* html #inner .sidecol {height: 1%;}
		/* End hide from IE5-mac */

#footer {
	margin:0;
	padding:0;
}

#footernav {
	margin:5px 0 0 40px;
	padding:0;
}

#innerwide {
	margin:20px 0 0 0;
	padding:0;
}

		#innerwide .sidecol {
			float:right;
			width:230px;
			margin:0 0 100% 0;
		}
		
		#innerwide .sidecol .search {
			overflow:hidden;
			white-space:nowrap;
			margin:0;
			padding:0;
			height:39px;
		}

		#innerwide .maincol {
			width:760px;
			background:#fff;
			margin:0;
			padding:0;
			clear:left;
		}

		/* Hides from IE5-mac \*/
		* html #inner .sidecol {height: 1%;}
		/* End hide from IE5-mac */





/* @end containers =========================================================== */
/* @group home =========================================================== */


#home-links {
	width:184px;
	margin:0;
	padding:0;
	float:left;
}

	#home-links dl {
		margin:0;
		padding:0 0 2em 0;
		background:#fff;
	}
	
		#home-links dl.last {
			padding:0 0 3em 0;
			background:#fff url(../images/home-v2/sidebar-btm.png) no-repeat left bottom;
		}

	#home-links dt {
		margin:0;
		padding:0;
		color:#666;
	}

	#home-links dd {
		margin:0;
		padding:.5em 1em;
		color:#666;
		line-height:150%;
	}

		#home-links dd a {
			color:#666;
			padding:0 0 0 1.25em;
			text-decoration:none;
			background:url(../images/home-v2/sidebar-off.png) no-repeat 0 0;
		}
		
		#home-links dd a:hover {
			background:url(../images/home-v2/sidebar-on.png) no-repeat 0 0;
			color:#ea7125;
			text-decoration:underline;
		}
		
#home-links form {
	margin:0;
	padding:0;
}
		
#home-featured {
	margin:0 0 0 199px;
	padding:0;
	width:561px;
}

	#home-featured li {
		margin:0;
		padding:0;
		list-style:none;
		width:272px;
		display:block;
		float:left;
	}
	
		#home-featured a img {
			display:block;
			border:none;
			margin:0;
			padding:0;
		}
	
		li#featured-right {
			margin:0 0 0 14px;
			padding:0;
		}

		.featured-btm {
			padding:10px 12px 10px 24px;
			margin:0 0 15px 0;
			background:url(../images/home-v2/feat-bkgd-btm.png) no-repeat left bottom;
			font:normal 8pt/133% Arial, Helvetica, sans-serif;
			color:#fff;
		}
		
		.featured-btm a {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			white-space:nowrap;
		}
		
		.featured-btm a:hover {
			text-decoration:underline;
		}

#home-middle {
	margin:0 0 0 199px;
	padding:0;
}

	#home-middle ul {
		margin:0;
		padding:0;
		background:url(../images/home-v2/news-bkgd.png) repeat-y 0 0;
	}
	
	#home-middle li {
		margin:0 10px 0 20px;
		padding:0;
		width:150px;
		list-style:none;
		display:inline-block;
		vertical-align:top;
		font:normal 8.5pt/133% Arial, Helvetica, sans-serif;
		color:#666;
	}
	
		#home-middle li li {
			margin:.5em 0 0 0;
			padding:0:
			color:#666;
			padding:0 0 0 1.25em;
			background:url(../images/home-v2/sidebar-off.png) no-repeat 0 0;
		}
		
		#home-middle a {
			color:#666;
			text-decoration:none;
		}
		
		#home-middle a:hover {
			color:#ea7125;
			text-decoration:underline;
		}
	
	#home-middle h2 {
		font:normal 16pt/100% Georgia, sans-serif;
		color:#00ada8;
		margin:0;
		padding:0;
	}
	
	#home-middle p {
		font:normal 8.5pt/133% Arial, Helvetica, sans-serif;
		margin:.75em 0;
		padding:0;
	}

#home-footer {
	background:url(../images/home-v2/footer-bkgd.png) repeat-y 0 0;
	margin:0;
	padding:0;
	clear:both;
}

	#home-footer ul {
		margin:0;
		padding:0;
		min-height:16em;
	}
	
		#home-footer li {
			margin:0 0 0 1.2em;
			padding:0;
			display:block;
			float:left;
			width:6.75em;
			vertical-align:top;
		}
		
		#home-footer dl, #home-footer dt, #home-footer dd {
			margin:0 0 .4em 0;
			padding:0;
			font:normal 8pt/110% Arial, Helvetica, sans-serif;
		}
		
			#home-footer dt {
				text-transform:uppercase;
				color:#ea7125;
			}
		
			#home-footer a {
				color:#70716d;
				text-decoration:none;
			}
			
			#home-footer a:hover {
				color:#ea7125;
				text-decoration:underline;
			}

#home-footer p.access {
	font: 8.5pt/110% Arial, Helvetica, sans-serif;
	text-align:right;
	margin:1em 2em 0 0;
	color:#333;
}

#home-footer .access a {
	color:#00539f;
	text-decoration:underline;
	display:inline-block;
	margin:0 .5em 0 0;
}

	#home-footer .access a:hover {
		color:#000;
		text-decoration:none;
	}


/* @end home =========================================================== */
/* @group nav ========================================================== */


#nav, #nav2 {
	margin:0;
	padding:0;
}

#nav2 {
	margin:0 0 0 157px;
	padding:0;
	background:#e4ecf9;
	clear:left;
	height:26px;
	overflow:hidden;
}

#nav ul, #nav2 ul {
	margin:0;
	padding:0;
}

#nav ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	height:26px;
}

#nav2 ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	height:26px;
}

#nav ul li.navitem a, #nav ul li.navitem a:visited {
	display:block;
	float:left;
	height:26px;
	text-indent:-999em;
	color:#036;
}

#nav2 ul li.navitem a, #nav2 ul li.navitem a:visited {
	display:block;
	float:left;
	height:26px;
	overflow:hidden;
	text-indent:-999em;
	color:#036;
}

#nav ul li a#nav_workforce {
	background-image:url(../images/nav/workforce.png);
	background-repeat:no-repeat;
	width:136px;
}

#nav ul li a#nav_dayservices {
	background-image:url(../images/nav/dayservices.png);
	background-repeat:no-repeat;
	width:109px;
}

#nav ul li a#nav_residential {
	background-image:url(../images/nav/residential.png);
	background-repeat:no-repeat;
	width:142px;
}

#nav ul li a#nav_art {
	background-image:url(../images/nav/artstudio.png);
	background-repeat:no-repeat;
	width:111px;
}

#nav ul li a#nav_health {
	background-image:url(../images/nav/healthwellness.png);
	background-repeat:no-repeat;
	width:109px;
}

#nav2 ul li a#nav_donate {
	background-image:url(../images/nav/donate.png);
	background-repeat:no-repeat;
	width:80px;
}

#nav2 ul li a#nav_shop {
	background-image:url(../images/nav/shop.png);
	background-repeat:no-repeat;
	width:63px;
}

#nav2 ul li a#nav_contract {
	background-image:url(../images/nav/contract.png);
	background-repeat:no-repeat;
	width:98px;
}

#nav2 ul li a#nav_job {
	background-image:url(../images/nav/applyjob.png);
	background-repeat:no-repeat;
	width:107px;
}

#nav2 ul li a#nav_volunteer {
	background-image:url(../images/nav/volunteer.png);
	background-repeat:no-repeat;
	width:96px;
}

#nav2 ul li a#nav_about {
	background-image:url(../images/nav/about.png);
	background-repeat:no-repeat;
	width:71px;
}

#nav2 ul li a#nav_contact {
	background-image:url(../images/nav/contact.png);
	background-repeat:no-repeat;
	width:85px;
}

#nav ul li.navitem a:hover, #nav2 ul li.navitem a:hover, #nav2 li:hover ul {
	background-position:0 -26px;
}

/* @end nav =========================================================== */
/* @group subnav ====================================================== */

#nav2 li ul {
	position:absolute;
	z-index: 10;
	left: -999em;
	width:14em;
	list-style: none;
	border-right:1px solid #00539f;
	border-bottom:1px solid #00539f;
	background-color:#fff;
	padding:7px 0 0 0;
}

#nav2 ul li:hover ul {
	left: auto;
	top:141px;
}

#nav2 li.sfhover ul { /* IE6 only */
	left: auto;
	top:154px;
}

#nav2 li.sfhover ul#nav2donate { /* IE6 only */
	left:auto;
	margin-left:-80px;
}

#nav2 li.sfhover ul#nav2shop { /* IE6 only */
	margin-left:-63px;
}


#nav2 li ul li {
	color:#036;
	font-family:Arial, sans-serif;
	font-size:85%;
	letter-spacing:-.015em;
	text-transform:uppercase;
	list-style:none;
	white-space:nowrap;
	margin:0;
	padding:0;
}

#nav2 li.navitem li a:link, #nav2 li.navitem li a:visited {
	padding:0;
	text-align:left;
	text-decoration:none;
	text-indent:15px;
	color:#036;
	display:block;
	height:2em;
}

#nav2 ul li.sfhover ul li a:link, #nav2 ul li.sfhover ul li a:visited {
	display:block;
	float:left;
	padding:1px 0;
	width:14em;
	text-align:left;
	text-decoration:none;
	color:#036;
	position:static;
}

#nav2 ul li.navitem ul li a:hover, #nav2 ul li.sfhover ul li a:hover {
	text-decoration:underline;
}


/* @end subnav =========================================================== */
/* @group text ========================================================== */


table tr.labels td {
	background-color:#e4ecf9;
	color:#00539f;
	font-weight:bold;
}


.maincol h1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:270%;
	color:#00ada8;
	margin:10px 0;
	letter-spacing:-.02em;
	padding:0 20px;
}

.maincol h2 {
	padding:0 20px;
	margin:0;
	color:#00539f;
	font-size:120%;
}

.maincol h3 {
	padding:0 20px;
	margin:0 0 10px 0;
	font-size:140%;
}

.maincol p {
	padding:0 20px;
	color:#666;
}

.maincol li, .maincol dt {
	color:#666;
	padding:0 20px 0 0;
	margin:0 0 0 20px;
	text-indent:0;
	font-size:90% !important;
	font-size:85%;
}

#sidenav dl {
	width:189px;
	margin:0;
	padding:10px 0;
	background-color:#fff;
}

#sidenav dt {
	padding:0 10px;
	margin:10px 0 0 0;
	font-size:85%;
}

#footerhome p {
	font-size:90%;
	padding:10px 0;
	color:#777;
	white-space:nowrap;
}

.maincol h2.expand { /* expanding box */
	margin:20px 0 0 30px;
	padding:0 0 0 0;
	text-indent:22px;
	font-size:94%;
	color:#00539f;
	line-height:20px;
	display:block;
	width:446px;
	cursor:pointer;
	background-image:url(../images/box_closed.png);
	background-repeat:no-repeat;
	background-color:#66cecb;
	clear: left;
}
	
	.maincol h2.expand:hover {
		text-decoration:underline;
	}
	
	.maincol h2.expand.current {
		background-image:url(../images/box_open.png);
		background-repeat:no-repeat;
		color:#00539f;
	}
	
	.maincol h2 sup {
		font-size:xx-small;
	}

	.maincol h2.open { /* open box */
		margin:20px 0 0 20px;
		padding:0 0 0 0;
		text-indent:6px;
		font-size:94%;
		color:#00539f;
		line-height:20px;
		display:block;
		width:446px;
		background-color:#66cecb;
		clear: left;
	}

.maincol .txtbox {
	display: none;
}

	.maincol .txtcopy p {
		margin:0;
		padding:10px 40px 5px 40px;
		line-height:145%;
	}
	
	.maincol .txtcopy ul, .maincol .txtcopy dl {
		margin:0;
		padding:5px 10px;
	}
	
	.maincol .txtcopy ul li {
		margin:0 20px 0 60px;
		padding:2px 0;
		text-indent:0;
		list-style-type:square;
	}
	
	.maincol .txtcopy ol li {
		margin:0 30px 0 20px;
		padding:2px 0;
		text-indent:0;
	}
	
	.maincol .txtcopy li dt {
		margin:0;
		padding:0;
		text-indent:0;
		font-size:100%;
	}

.maincol p.mapphoto {
	clear:left;
	padding-top:20px;
}

.maincol h2.noshade { /* used for seo */
		margin:10px 40px 0 20px;
		padding:0 0 0 0;
		font-size:small;
		color:#00539f;
		
	}
.maincol h3.other {
	margin:10px 40px 0 20px;
	padding:0 0 0 0;
	font-size:small;
	font-weight: bold;
}

	.mapphoto img {
		border:2px solid #ccc;
	}
	
	.mapphoto img:hover {
		border:2px solid #00539f;
	}

.news dl {
	margin:0;
	padding:0;
	overflow:auto;
	min-height:266px;
	_height:266px;
}

.news dt {
	font-size:small;
	margin:20px 0 0 20px;
	padding:0;
	color:#00539f;
}

.news dt strong {
	display:block;
	float:left;
	width:35px;
	padding-right:5px;
}

.news dd {
	font-size:small;
	text-align:right;
	margin:0;
	padding:50px 20px 0 0;
}

dl.eventlisting { /* event detail page */
	margin:0;
	padding:0;
	font-size:150%;
}
	.eventlisting dt {
		margin:0 0 0 20px;
		padding:0;
		text-indent:0;
		list-style-type:none;
		color:#333;
	}
	
	.eventlisting dd {
		font-style:italic;
		text-indent:0;
		margin:0 0 0 20px ;
		color:#333;
	}

dl.newslisting, dl.joblisting { /* news & jobs detail pages */
	margin:0;
	padding:0;
	font-size:150%;
}
	.newslisting dt, .joblisting dt {
		margin:0 0 0 20px;
		padding:0;
		text-indent:0;
		list-style-type:none;
		color:#333;
	}
	
	.newslisting dd, .joblisting dd {
		font-style:italic;
		text-indent:0;
		margin:0 0 0 20px ;
		color:#333;
	}

dl.form {
	float:left;
}

	dl.form dt {
		margin:0;
		padding:0 0 0 10px;
	}
	
	dl.form dd {
		margin:0 0 8px 0;
		padding:0 0 0 20px;
	}
	
	dl.form dd input[type=text] {
		padding:2px;
	}
	
	dl.form .checkfloat {
		float:left;
		clear:left;
		margin:0 10px 10px 0;
	}
	
dl.board {
	float: left;
	width: 200px;
}
	
	dl.board dt {
		margin: 10px 0 0 20px;
		padding: 0 0 0 20px;
	}
	
	dl.board dd {
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
	}

.accelerator { /* underlines access keys */
	text-decoration:underline;
}

#footernav p {
	margin:0;
	font-size:90%;
}

.staffphoto {
	margin:3px 10px 5px 0;
	padding:1px;
	border:1px solid #66cecb;
}

.hidelabel {
	display:none;
}


/* @end text =========================================================== */
/* @group forms ======================================================== */

	
fieldset {
	border:1px solid #d8d8d8;
	padding:10px 3px;
	color:#555;
	margin:10px auto;
	_margin:10px;
	width:470px;
}

fieldset td {
	font-size:90%;
	padding-top:5px;
}

fieldset legend {
	font-size:90%;
	color:#777;
}

	/* Hides from IE5-mac \*/
	* html fieldset {font-size: 90%}
	/* End hide from IE5-mac */

fieldset input[type=text] {
	background-color:#eee;
	border:1px dotted #666;
}

fieldset input:hover {
	border:1px solid #666;
}

fieldset input[type=submit], fieldset input[type=button] {
	background-color:#eee;
	border:1px solid #666;
	padding:2px 5px;
}

fieldset input[type=submit]:hover, fieldset input[type=button]:hover {
	background-color:#00539f;
	border:1px solid #fff;
	padding:2px 5px;
	color:#fff;
}

fieldset select {
	font-size:90%;
	background-color:#eee;
	color: #333;
	border: 1px dotted #666;
	padding: 4px;
}

fieldset input[type=checkbox], fieldset input[type=radio], fieldset input.chkbx {
	border: 1px dotted #666;
}

fieldset input:focus, fieldset select:focus, fieldset textarea:focus {
	background-color:#ffc;
	border: 1px solid #666;
}

fieldset input:focus, fieldset select:focus, fieldset textarea:focus {
	background-color:#ffc;
	border: 1px solid #666;
}

fieldset fieldset {
	padding:3px;
	width: 450px;
}

fieldset label {
}

fieldset label:hover {
	border-bottom: 1px dotted #555;
}

fieldset .msgbox {
	margin:0;
	padding:2px;
	border:1px dotted #666;
	background-color:#eee;
}
	
	.msgbox:hover {
		border:1px solid #666;
	}

input.loc-finder {
	font:8pt Arial, Helvetica, sans-serif;
	color:#333;
}

.purple-btn, a.purple-btn, #home-middle a.purple-btn {
	background:#6c3a77;
	color:#fff;
	text-decoration:none;
	border:0;
	padding:4px 8px;
}

.purple-btn:hover, a.purple-btn:hover, #home-middle a.purple-btn:hover {
	background:#00ADA8;
	color:#fff;
}

.search input {
	margin:0;
	font-size:90%;
}

	input[type=text], .search input[type=text] {
		border:1px solid #888;
		background-color:#fff;
		padding:4px 2px;
	}
	
	.search input[type=text]:hover {
		border:1px solid #666;
	}
	
	.search input[type=submit] {
		color:#333;
		background-color:#fff;
		border:1px solid #888;
		line-height:20px;
		padding:3px;
	}
	
	.search input[type=submit]:hover {
		border:1px solid #666;
	}
	
	.search input:focus {
		background-color:#ffc;
		border: 1px solid #666;
	}
	
	.search label {
		display:none;
	}

#banner input {
	margin:25px 0 0 0;
	font-size:75%;
}

	#banner input[type=text] {
		border:1px solid #888;
		background-color:#e4ecf9;
		padding:4px 2px;
		width: 160px;
	}
	
	#banner input[type=text]:hover {
		border:1px solid #666;
	}
	
#banner input[type=submit] {
		color:#333;
		background-color:#e4ecf9;
		border:1px solid #888;
		line-height:100%;
		padding:3px;
	}
	
#banner input[type=submit]:hover {
		border:1px solid #666;
	}
	
#banner input:focus {
		background-color:#ffc;
		border: 1px solid #666;
	}
	
#banner label {
		display:none;
	}

/* @end forms =========================================================== */
/* @group autoauction =================================================== */


#autoform fieldset {
	border:1px solid #d8d8d8;
	padding:10px 3px;
	color:#555;
	margin:10px auto;
	_margin:10px;
	width:470px;
}

#autoform fieldset td {
	font-size:90%;
	padding-top:5px;
}

#autoform fieldset legend {
	font-size:90%;
	color:#777;
}

	/* Hides from IE5-mac \*/
	* html #autoform fieldset {font-size: 90%}
	/* End hide from IE5-mac */

#autoform input[type=text] {
	background-color:#eee;
	border:1px dotted #666;
}

#autoform input:hover {
	border:1px solid #666;
}

#autoform input[type=submit], #autoform input[type=button] {
	background-color:#eee;
	border:1px solid #666;
	padding:2px 5px;
}

#autoform input[type=submit]:hover, #autoform input[type=button]:hover {
	background-color:#00539f;
	border:1px solid #fff;
	padding:2px 5px;
	color:#fff;
}

#autoform select {
	font-size:90%;
	background-color:#eee;
	color: #333;
	border: 1px dotted #666;
	padding: 4px;
}

#autoform input[type=checkbox], #autoform input[type=radio], #autoform input.chkbx {
	border: 1px dotted #666;
}

#autoform input:focus, #autoform select:focus, #autoform textarea:focus {
	background-color:#ffc;
	border: 1px solid #666;
}

#autoform input:focus, #autoform select:focus, #autoform textarea:focus {
	background-color:#ffc;
	border: 1px solid #666;
}

#autoform textarea, #autoform textarea.msgbox {
	margin:0;
	padding:2px;
	border:1px dotted #666;
	background-color:#eee;
}

#autoform textarea:hover, #autoform textarea.msgbox:hover {
	border:1px solid #666;
}

/* @end autoauction ==================================================== */
/* @group contact ====================================================== */


#contact {
	width:480px;
	margin:0 auto;
	padding:0;
}

	#contact input[type=text] {
		background-color:#eee;
		border:1px dotted #666;
	}
	
	#contact input:hover {
		border:1px solid #666;
	}
	
	#contact input[type=submit] {
		background-color:#eee;
		border:1px solid #666;
		padding:2px 5px;
	}
	
	#contact input[type=submit]:hover {
		background-color:#00539f;
		border:1px solid #fff;
		padding:2px 5px;
		color:#fff;
	}
	
	#contact input:focus, #contact select:focus, #contact textarea:focus {
		background-color:#ffc;
		border: 1px solid #666;
	}
	
	#msgbox {
		margin:0 0 0 20px;
		padding:2px;
		border:1px dotted #666;
		background-color:#eee;
	}
	
	#msgbox:hover {
		border:1px solid #666;
	}

/* @end contact ======================================================== */
/* @group links ========================================================== */

#content a:link, #content a:visited, #footer a:link, #footer a:visited {
	font-weight:bold;
}

#content a.button:link, #content a.button:visited {
	display:block;
	background-color:#00539f;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	padding:3px 0;
}

#content a.button:hover {
	background-color:#e4ecf9;
	color:#00539f;
	font-weight:normal;
}

a.callout:link, a.callout:visited, .homenews span a {
	color:#000;
	text-decoration:none;
}

a.callout:hover, .homenews span a:hover {
	color:#00539f;
	text-decoration:underline;
}