/* - - - - - - - - - - - - - - - - - - - - -

Title :    Community Partnership
URL :      http://www.commpartnership.org
Author :   Ryan Swedal

Created :  04.04.2008
Modified : 04.09.2008

- - - - - - - - - - - - - - - - - - - - - */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td {
	padding-bottom: 3px;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	text-align: center;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg_body_old.gif) top left repeat;
}

html>body {
	font-size: 13px;
}

.primaryContent p {
	margin-bottom:1em;
	line-height:1.5em;
}

.primaryContent strong {
	font-weight:bold;
}

.primaryContent blockquote {
	margin-left:2em;
	margin-right:2em;
}

.primaryContent em {
	font-style:italic;
}

.primaryContent cite {
	font-size:0.9em;
	font-style:italic;
}

.primaryContent ul {
	display:block;
	margin-bottom:1.5em;
	margin-left:2em;
}

.primaryContent ul li {
	margin-bottom:0.5em;
	list-style: square;
	line-height:1.2em;
}

.primaryContent ol {
	margin-left:2.5em;
}

.primaryContent ol li {
	margin-bottom:0.5em;
	list-style:decimal;
	line-height:1.2em;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h1 {
	font-size: 2em;
	font-family: 'Copse', arial, serif;
	line-height: 2em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.5em;
	font-family: 'Copse', arial, serif;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;
	margin-top:1.75em;
	margin-bottom:0.75em;
}

h4 {
	font-weight:bold;
	margin-top:1.75em;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color:#2368b2;
	text-decoration:underline;
}

a:visited {
	color:#009;
	text-decoration:underline;
}

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

a:active {
	color:#2368b2;
	text-decoration:none;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide {
	display: none;
}

.clear {
	clear:both;
}

/* FooterStickAlt */
/*
http://www.themaninblue.com/writing/perspective/2005/08/29/
*/
html {
	height: 100%;
}

body, #shadyWrap {
	height: 100%;
}

#wrap1 {
	position: relative;
	min-height: 100%;
}

* html #wrap1 {
	height: 100%;
}

#content {
	padding-bottom: 9em;
}

#footer {
	position: relative;
	margin-top: -9.5em;
}

/* MAIN LAYOUT */
#wrap1 {
	margin-right:auto;
	margin-left: auto;
	width: 778px;
	text-align: left;
	background:url(../images/bg_shady.png) top left repeat-y;
	padding-right:35px;
	padding-left:35px;
}

#masthead {
	width:778px;
	height:151px;
	overflow:hidden;
	background:#2368b2;
}

#header {
	height:81px;
	margin-top:35px;
	background:#ffe17f;
}


#footer {
	margin-right:auto;
	margin-left: auto;
	width: 778px;
	font-size:0.9em;
	background:#fff;
}

h1#logo a {
	float:left;
	display:block;
	width:257px;
	height:81px;
	text-indent:-9000em;
	overflow:hidden;
	background:url(../images/logo.gif) 12px 15px no-repeat;
}

#slogan {
	float:right;
	width:248px;
	height:81px;
	text-indent:-9000em;
	overflow:hidden;
	margin-right:15px;
	background:url(../images/hdr_slogan.jpg) top right no-repeat; 
}

#homeContent {
	padding-left:36px;
	padding-right:36px;
}

#homeContent2 {
	padding:0;
}

#pageContent {
	float:right;
	width:510px;
	padding-right:15px;
	margin-bottom:2em;
}

#secondaryContent {
	float:left;
	width:230px;
}

#sidebar {
	width:230px;
	background:url(../images/sidebar_top.jpg) top left no-repeat;
	padding-top:8px;
}

#sidebarInner {
	display:block;
	width:230px;
	padding:0.85em 0 4em 0;
	background:url(../images/sidebar_mid.jpg) top left repeat;
}

a#sidebarBot {
	text-indent:-9000em;
	overflow:hidden;
	display:block;
	height:80px;
	background:url(../images/sidebar_bot.jpg) top left no-repeat;
}

#copyright {
	width:764px;
	margin-left:6px;
	padding-top:6px;
	font-size:0.9em;
	background:url(../images/logo_unitedway.gif) 0px 6px no-repeat;
	border-top:2px solid #2368b2;
}

#copyright a {
	float:left;
	line-height:1.4em;
	width:182px;
	height:30px;
	text-decoration:none;
}

p#copyright {
	text-align:right;
	line-height:1.4em;
}


/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* GLOBAL NAVIGATION */
ul#navlist {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:778px;
	height:36px;
	list-style: none;
}

ul#navlist li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	float:left;
}

ul#navlist li a {
	text-indent:-9000em;
	overflow:hidden;
	float:left;
	display:block;
	margin:0;
	padding:0;
	height:36px;
	text-decoration:none;
	background-image: url(../images/nav_sprite.gif);
	background-repeat:no-repeat;
}

/* Navigation Buttons */
/* about */
ul#navlist li a#nav1 {
	width: 129px;
	background-position: 0 0;
}

ul#navlist li a#nav1:hover, ul#navlist li.active a#nav1 {
	background-position: 0 -36px;
}

/* substance abuse... */
ul#navlist li a#nav2 {
	width: 130px;
	background-position: -129px 0;
}

ul#navlist li a#nav2:hover, ul#navlist li.active a#nav2 {
	background-position: -129px -36px;
}

/* children... */
ul#navlist li a#nav3 {
	width: 129px;
	background-position: -259px 0;
}

ul#navlist li a#nav3:hover, ul#navlist li.active a#nav3 {
	background-position: -259px -36px;
}

/* neighborhood... */
ul#navlist li a#nav4 {
	width: 130px;
	background-position: -388px 0;
}

ul#navlist li a#nav4:hover, ul#navlist li.active a#nav4 {
	background-position: -388px -36px;
}

/* training... */
ul#navlist li a#nav5 {
	width: 130px;
	background-position: -518px 0;
}

ul#navlist li a#nav5:hover, ul#navlist li.active a#nav5 {
	background-position: -518px -36px;
}

/* how you can help */
ul#navlist li a#nav6 {
	width: 130px;
	background-position: -648px 0;
}

ul#navlist li a#nav6:hover, ul#navlist li.active a#nav6 {
	background-position: -648px -36px;
}

/* SIDEBAR NAVIGATION */
#sidelist {
	padding: 0;
	margin-top:0em;
	margin-left: 20px;
	/*border-bottom: 1px solid #ccc;*/
	width: 190px;
}

#sidelist li {
	margin: 0;
	padding: 0em;
	list-style: none;
}

#sidelist li a {
	font-family: 'Cuprum', arial, serif;
	font-size:10pt;
	display:block;
	text-decoration: none;
	line-height:1.2em;
	color:#009;
	padding: 5px 0px 2px 15px;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7dcba0;
	background-image: url(../images/side_nav_btn.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#sidelist li a:hover {
	text-decoration: none;
	color:#fff;
	background-color: #7dcba0;
}

/* FOOTER NAVIGATION */
ul#footlist {

	margin:10px 6px 10px 6px;
	text-align:center;
}

ul#footlist li {
	font-size:0.9em;
	margin-right:8px;
	padding-right:12px;
	display: inline;
	list-style-type: none;
	line-height:1.4em;
	background:url(../images/foot_separator.gif) center right no-repeat;
}


ul#footlist li.lastItem {
	background:none;
	padding-right:0;
	margin-right:0;
}

ul#footlist li a {
	text-transform:lowercase;
	text-decoration:none;
	color:#3155A6;
}

ul#footlist li a:hover {
	text-decoration:underline;
}

/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
ul#homeBanners {
margin-top:0;
width:778px;
height:151px;
overflow:hidden;
}
ul#homeBanners li {
display:inline;
list-style:none;
}
#homeBanners a {
	text-indent:-9000em;
	overflow:hidden;
	display:block;
	float:left;
	height:151px;
}

#homeBanners a#simien{
	width:259px;
	background: url(../images/simien.jpg) top left no-repeat;
}

#homeBanners a#appreciation{
	width:259px;
	background: url(../images/banner-appreciation.jpg) top left no-repeat;
}

#homeBanners a#twentyyears{
	width:259px;
	background: url(../images/20-years.jpg) top left no-repeat;
}

#homeBanners a#super{
	width:517px;
	background: url(../images/superheroes-long.jpg) top left no-repeat;
}

#homeBanners a#garage{
	width:259px;
	background: url(../images/garage.jpg) top left no-repeat;
}

#homeBanners a#litsi{
	width:259px;
	background: url(../images/Lock-It-Stop-It.jpg) top left no-repeat;

}

#homeBanners a#generations{
	width:259px;
	background: url(../images/generations-module.jpg) top left no-repeat;

}

#homeBanners a#bb {
	width:259px;
	background: url(../images/banner_buildingblocks.gif) top left no-repeat;
}

#homeBanners a#story {
	width:259px;
	background: url(../images/our_community_one_story.jpg) top left no-repeat;
}

#homeBanners a#underwood {
	width:259px;
	background: url(../images/john_underwood.jpg) top left no-repeat;
}

#homeBanners a#teentech {
	width:259px;
	background: url(../images/teens_tech.jpg) top left no-repeat;
}

#homeBanners a#news {
	width:259px;
	background: url(../images/banner_newsletter.gif) 3px 0px no-repeat;
}
#homeBanners a#taxcredit {
	width:259px;
	background: url(../images/EITC-Module.jpg) 3px 0px no-repeat;
	
}

#homeBanners a#kindergarten {
	width:259px;
	background: url(../images/kindergarten-camp.jpg) 3px 0px no-repeat;
}

#homeBanners a#hope {
	width:259px;
	background: url(../images/hope-connection.jpg) 3px 0px no-repeat;
}

#homeBanners a#cafe {
	width:259px;
	background: url(../images/banner_cafeprevention2.jpg) top right no-repeat;
}

#homeBanners a#playday {
	width:259px;
	background: url(../images/banner-playday.jpg) top right no-repeat;
}




/*####################################
#	FORM
####################################*/

	
form fieldset {
	border: none;
	}

form div {
	clear: left;
	margin: 5px 5px 5px 0;
	}
	
form div.checkbox label {
	margin-left: 3px;
	}
	
form div.radio label {
	float: none;
	margin-left: 3px;
	}
	
form div label {
	float: left;
	line-height: 1.7em;
	width: 120px;
	}
	
form div label#age {
	width: 220px;
	}
	
form div.fck label {
	float: none;
	width: 100%;
	}
	
form div.checkbox label {
	float: none;
	line-height: 2em;
	width: 100%;
	}
	
form div.text input,
form div.select select {
	width: 200px;
	}
	
form div.textarea textarea {
	width: 250px;
	}
	
form div.checkbox input {
	float: left;
	}
	
form div.submit {
	margin: 5px 5px 5px 0;
	}
	
form div.date select {
	width:100px;
	}
	
.smallnav ul {
	font-size:10pt;
	font-weight:bold;
	list-style-type: none;
	list-style-image: none;
	margin:0px 0px 0px 0px;
}

.smallnav ul li {
	font-size:10pt;
	font-weight:bold;
	list-style-type: none;
	list-style-image: none;
}