/*
Theme Name: Custom People Incorporated Theme
Theme URI: 
Description: A custom theme created for People Incorporated.  Design by ThinkDesign Group
Author: Arrowplane, LLC
Version: 1.0
Tags:
*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
	height:100%;
}
body
{
	padding:0 20px;
	height: 100%;	
}
#container
{
	width:980px;
	padding:0 10px;
	margin:0 auto;
	background:#fff url(/wp-content/themes/people-incorporated/images/bg-container.jpg) 0 0 repeat-y;	
}
#pattern
{
	width:980px;	
	background:transparent url(/wp-content/themes/people-incorporated/images/bg.gif) 0 0 repeat;	
	padding:0 0 40px 0;
}
#internal
{
	padding:0 21px 20px 21px;
}
#content
{
	position:relative;
}
/* utility
-----------------------------------------------------------------------------*/
#utility
{
	padding:0 20px;
	height:55px;
	background-color:#fff;
	font-size:11px;
	line-height:11px;
}
#utility ul
{
	float:right;
	padding:10px 0 0 0;
}
#utility li
{
	float:left;
	padding:10px 0 0 0;
}
#utility li.divider
{
	padding:10px 6px 0 6px;
}
#utility li.fb
{
	padding:6px 10px 0 20px;
}
#utility li.fb a, #utility li.fb a:link, #utility li.fb a:visited
{
	background:#fff url(/wp-content/themes/people-incorporated/images/btn-fb.jpg) 0 0 no-repeat;
	width:18px;
	height:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
#utility li.fb a:hover, #utility li.fb a:active
{
	background-position:0 -18px;
}
#utility li.tw
{
	padding:5px 20px 0 0;
}
#utility li.tw a, #utility li.tw a:link, #utility li.tw a:visited
{
	background:#fff url(/wp-content/themes/people-incorporated/images/btn-tw.jpg) 0 0 no-repeat;
	width:20px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
#utility li.tw a:hover, #utility li.tw a:active
{
	background-position:0 -20px;
}
#utility li.search
{
	padding:4px 0 0 0;
}
#searchform label
{
	display:none;
}
#utility li.search input.searchbox, #utility li.search input#s
{
	border:solid 1px #c4e1e5;
	width:100px;
	height:16px;
	color:#555;
	font-size:11px;
	line-height:11px;
	float:left;
	margin:1px 5px 0 0;
	padding:1px 3px;
}
#utility li.search input.searchbtn, #utility li.search input#searchsubmit
{
	background:#fff url(/wp-content/themes/people-incorporated/images/btn-arrow.png) 0 0 no-repeat;
	width:23px;
	height:24px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	padding:0;
	margin:0;
	border:0;
	float:left;	
	cursor:pointer;
}
#utility li.search input.searchbtn-over, #utility li.search input#searchsubmit.searchbtn-over
{
	background:#fff url(/wp-content/themes/people-incorporated/images/btn-arrow.png) 0 -24px no-repeat;
	width:23px;
	height:24px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	padding:0;
	margin:0;
	border:0;
	float:left;	
}

/* banner
-----------------------------------------------------------------------------*/
#banner
{
	height:158px;
	background-color:#00929f;
	margin:13px 0 14px;	
}
#banner .logo 
{
	float:left;
	width:319px;
	height:158px;	
}
#banner .logo a
{
	background:#fff url(/wp-content/themes/people-incorporated/images/logo.gif) 0 0 no-repeat;
	width:319px;
	height:158px;
	display:block;
	text-indent:-9999em;
}
#banner .art
{
	float:left;
	padding-right:26px;
	height:158px;	
}
#banner .person1
{
	float:left;
	height:158px;
}
#banner .person2
{
	float:right;
	height:158px;		
}
/* main-nav
-----------------------------------------------------------------------------*/
#main-nav
{
	background:transparent url(/wp-content/themes/people-incorporated/images/bg-main-nav.jpg) 0 0 repeat-x;
	height:40px;
	padding:0 0 20px 0;
}
#main-nav ul
{
	width:803px;
	float:left;
	padding:2px 0 0 21px;
}
#main-nav a.donate, #main-nav a.donate:link, #main-nav a.donate:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-donate.gif) 0 0 no-repeat;
	width:144px;
	height:40px;
	text-indent:-9999em;
	display:block;
	float:right;
	overflow:hidden;
}
#main-nav a.donate:hover, #main-nav a.donate:active
{
	background-position:0 -40px;
}
#main-nav li
{
	float:left;
	padding:0 14px 0 0;
}
#main-nav li.programs a, #main-nav li.programs a:link, #main-nav li.programs a:visited,
#main-nav li.client-stories a, #main-nav li.client-stories a:link, #main-nav li.client-stories a:visited,
#main-nav li.get-involved a, #main-nav li.get-involved a:link, #main-nav li.get-involved a:visited,
#main-nav li.employment a, #main-nav li.employment a:link, #main-nav li.employment a:visited,
#main-nav li.training a, #main-nav li.training a:link, #main-nav li.training a:visited,
#main-nav li.about-us a, #main-nav li.about-us a:link, #main-nav li.about-us a:visited
{
	height:38px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;	
}
#main-nav li.programs a, #main-nav li.programs a:link, #main-nav li.programs a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-programs.gif) 0 0 no-repeat;
	width:107px;		
}
#main-nav li.client-stories a, #main-nav li.client-stories a:link, #main-nav li.client-stories a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-client-stories.gif) 0 0 no-repeat;
	width:142px;
}
#main-nav li.get-involved a, #main-nav li.get-involved a:link, #main-nav li.get-involved a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-get-involved.gif) 0 0 no-repeat;
	width:133px;	
}
#main-nav li.employment a, #main-nav li.employment a:link, #main-nav li.employment a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-employment.gif) 0 0 no-repeat;
	width:127px;	
}
#main-nav li.training a, #main-nav li.training a:link, #main-nav li.training a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-training.gif) 0 0 no-repeat;
	width:101px;	
}
#main-nav li.about-us a, #main-nav li.about-us a:link, #main-nav li.about-us a:visited
{
	background:transparent url(/wp-content/themes/people-incorporated/images/nav-about-us.gif) 0 0 no-repeat;
	width:102px;	
}
#main-nav li.programs a:hover, #main-nav li.programs a:active,
#main-nav li.client-stories a:hover, #main-nav li.client-stories a:active,
#main-nav li.get-involved a:hover, #main-nav li.get-involved a:active,
#main-nav li.employment a:hover, #main-nav li.employment a:active,
#main-nav li.training a:hover, #main-nav li.training a:active,
#main-nav li.about-us a:hover, #main-nav li.about-us a:active,

#main-nav li.programs a.selected, #main-nav li.programs a.selected:link, #main-nav li.programs a.selected:visited,
#main-nav li.client-stories a.selected, #main-nav li.client-stories a.selected:link, #main-nav li.client-stories a.selected:visited,
#main-nav li.get-involved a.selected, #main-nav li.get-involved a.selected:link, #main-nav li.get-involved a.selected:visited,
#main-nav li.employment a.selected, #main-nav li.employment a.selected:link, #main-nav li.employment a.selected:visited,
#main-nav li.training a.selected, #main-nav li.training a.selected:link, #main-nav li.training a.selected:visited,
#main-nav li.about-us a.selected, #main-nav li.about-us a.selected:link, #main-nav li.about-us a.selected:visited
{
	background-position:0 -38px;
}

#main-nav li
{
	position:relative;
}
#main-nav li ul 
{
	position:absolute;
	margin:0;
	padding:0;
	top:35px;
	width:167px;
	z-index:100;
	display:none;
}
#main-nav li.programs ul { left:-26px; }
#main-nav li.client-stories ul { left:-11px; }
#main-nav li.get-involved ul { left:-15px; }
#main-nav li.employment ul { left:-18px; }
#main-nav li.about-us ul { left:-32px; }
#main-nav li ul li
{
	background-color:#00929f;
	width:137px;
	padding:0 15px;
	float:none;		
}
#main-nav li ul li.top
{
	background:transparent url(/wp-content/themes/people-incorporated/images/dropdown-top.png) 0 0 no-repeat;
	width:167px;
	height:27px;
}
#main-nav li ul li.bot
{
	background:transparent url(/wp-content/themes/people-incorporated/images/dropdown-bot.png) 0 0 no-repeat;
	width:167px;
	height:20px;
	display:inline-block;
	padding:0;
}
#main-nav li.programs ul li a, #main-nav li.programs ul li a:link, #main-nav li.programs ul li a:visited,
#main-nav li.client-stories ul li a, #main-nav li.client-stories ul li a:link, #main-nav li.client-stories ul li a:visited,
#main-nav li.get-involved ul li a, #main-nav li.get-involved ul li a:link, #main-nav li.get-involved ul li a:visited,
#main-nav li.employment ul li a, #main-nav li.employment ul li a:link, #main-nav li.employment ul li a:visited,
#main-nav li.training ul li a, #main-nav li.training ul li a:link, #main-nav li.training ul li a:visited,
#main-nav li.about-us ul li a, #main-nav li.about-us ul li a:link, #main-nav li.about-us ul li a:visited
{
	background:none;
	text-indent:0;
	font-size:14px;
	line-height:16px;
	color:#fff;
	display:block;
	width:auto;
	height:auto;
	float:none;	
	padding:0 0 10px 0;
	border-bottom:none;	
}
#main-nav li.programs ul li a:hover, #main-nav li.programs ul li a:active,
#main-nav li.client-stories ul li a:hover, #main-nav li.client-stories ul li a:active,
#main-nav li.get-involved ul li a:hover, #main-nav li.get-involved ul li a:active,
#main-nav li.employment ul li a:hover, #main-nav li.employment ul li a:active,
#main-nav li.training ul li a:hover, #main-nav li.training ul li a:active,
#main-nav li.about-us ul li a:hover, #main-nav li.about-us ul li a:active,

#main-nav li.programs ul li a:hover, #main-nav li.programs ul li a:active,
#main-nav li.client-stories ul li a:hover, #main-nav li.client-stories ul li a:active,
#main-nav li.get-involved ul li a:hover, #main-nav li.get-involved ul li a:active,
#main-nav li.employment ul li a:hover, #main-nav li.employment ul li a:active,
#main-nav li.training ul li a:hover, #main-nav li.training ul li a:active,
#main-nav li.about-us ul li a:hover, #main-nav li.about-us ul li a:active
{
	color:#fff;
	text-decoration:underline;	
	border-bottom:none;
}

/* Holly Hack. IE Requirement \*/
* html #main-nav ul li { float: left; height: 1%; }
* html #main-nav ul li a { height: 1%; }
/* End */

#main-nav li:hover ul, #main-nav li.over ul { display: block; } /* The magic */

/* home-intro
-----------------------------------------------------------------------------*/
#home-intro
{
	padding:0 21px 20px 21px;
}
#home-intro .top
{
	background:transparent url(/wp-content/themes/people-incorporated/images/home-intro-top.png) 0 0 no-repeat;
	width:938px;
	height:10px;
	display:block;
}
#home-intro .bot
{
	background:transparent url(/wp-content/themes/people-incorporated/images/home-intro-bot.png) 0 0 no-repeat;
	width:938px;
	height:10px;
	display:block;
}
#home-intro .mid
{
	background:transparent url(/wp-content/themes/people-incorporated/images/home-intro-mid.png) 0 0 repeat-y;
	width:938px;
}
#home-intro .left
{
	width:491px;
	padding:0 20px;
	float:left;
	margin-right:19px;
	font-size:14px;
	line-height:18px;
}
#home-intro .right
{
	width:348px;
	padding:0 20px;
	float:left;
}
#home-intro .right h2
{
	font-size:18px;
	line-height:22px;
	padding:0 0 18px 0;
}
#home-intro h1
{
	color:#00929f;	
	font-size:22px;
	line-height:28px;
	font-weight:bold;	
}
#home-intro h3, #home-features h3
{
	color:#00929f;	
	font-size:18px;
	font-weight:bold;
	padding:0;		
}
#home-intro h4
{
	color:#555555;	
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding:0 0 10px;
}
#home-intro .title
{
	padding:10px 0;
	border-bottom:dotted 2px #c4e1e5;
	margin-bottom:18px;
}

/* home-features
-----------------------------------------------------------------------------*/
#home-features
{
	padding:0 21px 20px 21px;
}
#home-features .title
{
	padding:10px 0;
	border-bottom:dotted 2px #c4e1e5;
	margin-bottom:18px;
}
#home-features .top
{
	background:transparent url(/wp-content/themes/people-incorporated/images/features-top.png) 0 0 no-repeat;
	width:938px;
	height:10px;
	display:block;
}
#home-features .bot
{
	background:transparent url(/wp-content/themes/people-incorporated/images/features-bot.png) 0 0 no-repeat;
	width:938px;
	height:10px;
	display:block;
}
#home-features .mid
{
	background:transparent url(/wp-content/themes/people-incorporated/images/features-mid.png) 0 0 repeat-y;
	width:938px;
}
#home-features .item
{
	float:left;
	width:259px;
	padding:0 20px 10px 20px;
	margin-right:20px;
}
#home-features .artability
{
	float:left;
	width:259px;
	padding:10px 20px 0 20px;
	margin-right:20px;
}
#home-features p.artability
{
	padding:0 0 10px 0;
	border-bottom:dotted 2px #c4e1e5;
	margin-bottom:18px;
	float:none;
	text-align:center;
}

#home-features .last
{
	margin-right:0;
}
#home-features h4
{
	font-size:14px;
	line-height:20px;
	padding:0 0 10px 0;
}
#home-features .training
{
	padding:0 0 10px 0;
}
#home-features .training .date
{
	float:left;
	width:79px;
}
#home-features .training .course
{
	float:left;
	width:180px;
}
/* left-column
-----------------------------------------------------------------------------*/
#left-column
{
	float:left;
	width:167px;
	padding:0 21px 0 0;
}
#left-column .top
{
	background:transparent url(/wp-content/themes/people-incorporated/images/left-nav-top.png) 0 0 no-repeat;
	width:167px;
	height:10px;
	display:block;	
}
#left-column .mid
{
	background:transparent url(/wp-content/themes/people-incorporated/images/left-nav-mid.gif) 0 0 repeat-y;
}
#left-column .bot
{
	background:transparent url(/wp-content/themes/people-incorporated/images/left-nav-bot.png) 0 0 no-repeat;
	width:167px;
	height:10px;
	display:block;	
}
#left-nav li a, #left-nav li a:link, #left-nav li a:visited
{
	color:#00929f;	
	font-size:14px;
	line-height:16px;
	padding:5px 15px;
	display:block;
}
#left-nav li a:hover, #left-nav li a:active,
#left-nav li a.selected, #left-nav li a.selected:link, #left-nav li a.selected:visited,
#left-nav li.current_page_item a, #left-nav li.current_page_item a:link, #left-nav li.current_page_item a:visited
{
	color:#555;
}

#left-nav li ul
{
	margin:0 15px;
	padding:5px 0;
	border-top:2px dotted #C4E1E5;
	border-bottom:2px dotted #C4E1E5;	
}
#left-nav li ul li a, #left-nav li ul li a:link, #left-nav li ul li a:visited,
#left-nav li.current_page_item ul li a, #left-nav li.current_page_item ul li a:link, #left-nav li.current_page_item ul li a:visited
{
	color:#00929f;	
	font-size:12px;
	line-height:14px;
	padding:5px 0 5px 10px;
	display:block;
}
#left-nav li ul li a:hover, #left-nav li ul li a:active,
#left-nav li ul li a.selected, #left-nav li ul li a.selected:link, #left-nav li ul li a.selected:visited
{
	color:#555;
}
#left-nav
{
	margin:0 0 21px 0;
}
#left-content
{
	margin:0;
}
#left-content .mid
{
	padding:0 15px;		
}
#left-content .mid h3
{
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
/* right-column
-----------------------------------------------------------------------------*/
#right-column
{
	float:left;
	width:750px;
}
#right-column .top
{
	background:transparent url(/wp-content/themes/people-incorporated/images/main-top2.png) 0 0 no-repeat;
	width:747px;
	height:10px;
	display:block;	
}
#right-column .bot
{
	background:transparent url(/wp-content/themes/people-incorporated/images/main-bot.png) 0 0 no-repeat;
	width:747px;
	height:10px;
	display:block;	
}
#right-column .mid
{
	background:transparent url(/wp-content/themes/people-incorporated/images/main-mid.gif) 0 0 repeat-y;
	width:707px;
	display:block;
	padding:0 20px 10px 20px;
}
#right-column .title
{
	padding:18px 0 0 0;	
}
#right-column h2
{
	font-size:14px;
	line-height:20px;
	padding:0 0 10px 0;
}
.news-item-first
{
	padding:0;
}
.news-item
{
	padding:20px 0 0 0;
	border-top:1px solid #C4E1E5;	
}
.archives-right {
	float:right;
	text-align:right;
	padding:20px 0 0 0;
}

.publication-item
{
	float:left;
	width:169px;
	padding:0 10px 10px 0;
	text-align:center;
}
.publications .last
{
	padding:0 0 10px 0;
}
.publications .list
{
	padding:10px 0 20px;
}
.publication-item img
{
	padding:10px;
	border:1px solid #C4E1E5;	
	margin:0 0 10px 0;
}

/* breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumbs
{
	color:#999;	
	font-size:9px;
	line-height:10px;
	padding:0 0 10px 0;
	border-bottom:2px dotted #C4E1E5;	
}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited
{
	color:#666;
	text-decoration:underline;
}
#breadcrumbs a:hover, #breadcrumbs a:active
{
	text-decoration:none;
}


/* footer
-----------------------------------------------------------------------------*/
#footer
{
	background-color:#fff;
	padding:10px 31px;
	text-align:right;
	font-size:11px;
	line-height:11px;
}

.curved
{
	background-color:#fff;
	border:solid 1px #00929f;
}
.curved-border
{
	background-color:#00929f;	
}

/* volunteer form
-----------------------------------------------------------------------------*/
#volunteerForm .left
{
	float:left;	
	width:325px;
	padding:0 23px 0 0;
}
#volunteerForm .right
{
	float:left;	
	width:325px;	
}
#volunteerForm .item
{
	display:block;
	padding-bottom:20px;	
}
#volunteerForm .subheader
{
	padding-bottom:10px;
	color:#00929F;
	font-size:12px;
	font-weight:bold;
}
#volunteerForm label.volunteer 
{
	display:block;
	padding:0 0 5px;
	width:300px;
}
#volunteerForm label.volunteer-comment  
{
	display:block;
	padding:0 0 5px;
	width:300px;
}
#volunteerForm label.short-inline
{
	display:inline;
	padding:0 15px 0 0;
}
#volunteerForm input.text
{
	width:300px;
}
#volunteerForm input.text-short
{
	width:40px;
	margin-right:20px;
}
#volunteerForm input.text-mid
{
	width:80px;
	margin-right:20px;
}
#volunteerForm textarea.comment
{
	width:300px;
	height:100px;
}
#volunteerForm label.checkbox
{
	float:left;
	width:280px;	
}
#volunteerForm label.error
{
	display:block;
	display:none;
}
#volunteerForm label.oneoff
{
	margin-bottom:15px;
}
input.error, textarea.error
{
	border:dotted 1px #C30;
}
#volunteerForm label.error
{
	color:#C30;
	margin:10px 0 5px 0;
}
fieldset.volunteer
{
	padding:15px;
	margin:0 0 20px 0;
	border:dotted 2px #c4e1e5;
}
fieldset.volunteer legend, fieldset.training legend
{
	background-color:#fff;
	color:#00929f;	
	font-size:14px;
	font-weight:bold;	
	padding:0 10px;
}
fieldset.training
{
	margin:0 0 20px 0;
	border:solid 1px #c4e1e5;
	padding:0 15px;
}
fieldset.training .training-content-container {
	padding:15px 0 0 0;
}
#volunteerForm h4
{
	color:#00929f;	
	font-size:13px;
	font-style:italic;
	padding:0 0 20px 0;	
}
#volunteerForm  .separator
{
	border-bottom:dotted 2px #c4e1e5;	
	margin-bottom:20px;
}

/* client
-----------------------------------------------------------------------------*/
.client .left, .program .left
{
	float:left;
	width:433px;
}
.client .right, .program .right
{
	float:left;
	width:274px;
}
.client .right-col, .program .right-col
{
	background-color:#f1f7e4;
	margin:0 0 0 20px;
	padding:20px 20px 9px 15px;
}
.client-category
{
	padding:0 0 20px 0;	
}
.client-category h3
{
	padding:0 0 20px 0;
}
.client-row
{
	padding:0 0 20px 0;
}
.client-item
{
	float:left;
	width:215px;
	padding:0 20px 0 0;
}
/* sitemap
-----------------------------------------------------------------------------*/
.ddsg-wrapper h2
{
	display:none;
}
#right-column .ddsg-wrapper ul
{
	padding:9px 0 9px 25px;
}
/* training
-----------------------------------------------------------------------------*/
fieldset.training, .training-content
{
	position:relative;	
}
.training-content
{
	*padding-top:15px;	
}
fieldset.training p.nav
{
	position:absolute;
	top:-15px;
	*top:0;
	right:0;
	_right:15px;
	text-align:right;
}
fieldset.training p.nav a.hide-link
{
	display:none;	
}
.training-item
{
	display:none;
}
.class-desc
{
	display:none;
}
.course-item
{
	width:300px;height:200px; overflow:auto;
	padding:0 10px;
}

/* contact form
-----------------------------------------------------------------------------*/
#contact-form
{	
	float:left;
	width:367px;
	padding:0 20px 0 0;
}
#contact-form .item
{
	display:block;
	padding-bottom:20px;	
}
#contact-info
{
	float:left;
	width:250px;
}
#contact-form input.text
{
	width:300px;
}
#contact-form textarea.comment
{
	width:300px;
	height:100px;
}
#contact-form label.contact
{
	width:300px;
	display:block;
	padding:0 0 5px 0;
}
#contact-form label.contact-comment
{
	width:300px;
	display:block;
	padding:0 0 5px 0;
}
#contact-form .contact-checkbox
{
	width:20px;
	display:block;
	float:left;
	padding:0 10px 0 0;
}
#contact-form label.checkbox
{
	float:left;
	width:280px;	
}

#contact-form input.error, #contact-form textarea.error
{
	border:dotted 1px #C30;
}
#contact-form label.error
{
	color:#C30;
	margin-top:10px;
	display:block;
}
#contact-form select.program-dropdown
{
	width:300px;
}
.news-archive
{
	float:right;
	padding:24px 0 0 0;
}

#filter-results
{
	text-align:right;
	padding:0 0 20px 0;
}