/* modified CSS based on TypePad styles  */

a {
	text-decoration: underline;
	color: #0077c0;
}
a:link { color: #0077c0; }
a:visited {  }
a:hover {  }
a:active {  }


/* layout **************************************** */

body {
	margin:0;
	padding:0;
	color:#000;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	font-size:100%; /* 16px */
	line-height:1.3em;
	background:#fff;
	text-align:center;
	}
h1, h2, h3 {
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin:0;
	padding:0;
	line-height:1.5;
	}
h1 { font-size: 20px;  margin-bottom:1em;}
h2 { font-size: 18px; }
h3 { font-size: 16px; }

div, table, tr, td, img, form {margin:0; padding:0; border:0;}
a img {border:0;}

.clearBoth {clear:both; line-height:0; font-size:0; height:0;}
.floatLeft {float:left;}
.floatRight {float:right;}

p {margin:0 0 1.5em 0; padding:0;}

.preLoad {display:none;}

/* Structure **************************************** */

#container { 
	width:1024px;
	margin:0 auto;
	text-align:left;
	font-size:0.75em; /* 12px - all other fonts are an 'em' of this size */
	}
	#container-inner {
		margin:6px 6px 0 6px;
		background:transparent url(http://optimae.typepad.com/graphics/bg-sidebar.gif) repeat-y left;
		}
#pagebody {}
	#pagebody-inner {}
	#pagebody-inner td {vertical-align:top; text-align:left;}

#alpha { 
	width:292px;
	float:left;
	}
	#alpha-inner {
		margin:0 6px 0 0;
		padding:0;
		}

#beta {
	width:717px;
	float:left;
	}
	#beta-inner {
		padding:42px;
		}

/* Header **************************************** */

.header, #banner {
	height:148px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color:#fff;
	border-bottom:6px solid #fff;
	background:#fff;
	}
	.header img {float:left;}
	.header a.logo {margin:12px 10px 0 11px; display:block; float:left;}
	.header a, #banner a {color:#fff; text-decoration:none;}
	.header a:hover, #banner a:hover, 
	.header a:active, #banner a:active {
		color:#fff; text-decoration:underline;
		}

#banner-inner { }
#banner-header { }
#banner-description {font-size:12px;}

/* Sidebar & Global Navigation **************************************** */

.nav-shell {
	background:#78256f;
	border-bottom:#fff 6px solid;
	padding-left:33px;
	}
ul.nav { 
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	width:247px;
	padding:11px 0 0 0;
	margin:0 0 0 0;
	list-style-type:none;
	line-height:1.3em;
	background:#651f5e url(http://optimae.typepad.com/graphics/nav-bg-grad.jpg) no-repeat top left;
	border-left:#fff 6px solid;
	}
	ul.nav li { 
		padding:6px 0 5px;
		margin:0 0 0 16px;
		background:transparent url(http://optimae.typepad.com/graphics/nav-dots.gif) repeat-x top left;
		}
		ul.nav li.first {background:none;}
		ul.nav li.last {}
		ul.nav li a {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			display:block;
			height:20px;
			overflow:hidden;
			text-indent:-900%;
			background-color:transparent;
			background-repeat:no-repeat;
			background-position:top left;
			}
			ul.nav li a:hover, 
			ul.nav li.active a {color:#c8ddf2;}
			/* ul.nav li a span {display:none;}	*/
		ul.nav li.active ul.subnav {
			padding:0 0 0 47px;
			margin:0 0 0 0;
			list-style-type:none;
			font-size:12px;
			}
			ul.nav li.active ul.subnav li { 
				padding:0 0 0 0;
				margin:0 0 1px 0;
				background:none;
				}
				ul.nav li.active ul.subnav li a {
					text-decoration:none;
					text-transform:none;
					color:#fff;
					text-indent:0;
					display:inline;
					}
					ul.nav li.active ul.subnav li a:hover,
					ul.nav li.active ul.subnav li a:active {color:#c8ddf2;}
					
	/* nav graphics */
	a.nav0 {width:0px; background-image:url(http://optimae.typepad.com/graphics/nav-00-home.gif);}
	a.nav1 {width:217px; background-image:url(http://optimae.typepad.com/graphics/nav-01-families-customers.gif);}
	a.nav2 {width:158px; background-image:url(http://optimae.typepad.com/graphics/nav-02-caseworkers.gif);}
	a.nav3 {width:98px; background-image:url(http://optimae.typepad.com/graphics/nav-03-services.gif);}
	a.nav4 {width:111px; background-image:url(http://optimae.typepad.com/graphics/nav-04-locations.gif);}
	a.nav5 {width:111px; background-image:url(http://optimae.typepad.com/graphics/nav-05-resources.gif);}
	a.nav6 {width:103px; background-image:url(http://optimae.typepad.com/graphics/nav-06-aboutus.gif);}
	a.nav7 {width:125px; background-image:url(http://optimae.typepad.com/graphics/nav-07-employment.gif);}
	
	a.nav0:hover {background-image:url(http://optimae.typepad.com/graphics/nav-00-home-o.gif);}
	li.active a.nav1, a.nav1:hover {background-image:url(http://optimae.typepad.com/graphics/nav-01-families-customers-o.gif);}
	li.active a.nav2,a.nav2:hover {background-image:url(http://optimae.typepad.com/graphics/nav-02-caseworkers-o.gif);}
	li.active a.nav3,a.nav3:hover {background-image:url(http://optimae.typepad.com/graphics/nav-03-services-o.gif);}
	li.active a.nav4,a.nav4:hover {background-image:url(http://optimae.typepad.com/graphics/nav-04-locations-o.gif);}
	li.active a.nav5,a.nav5:hover {background-image:url(http://optimae.typepad.com/graphics/nav-05-resources-o.gif);}
	li.active a.nav6,a.nav6:hover {background-image:url(http://optimae.typepad.com/graphics/nav-06-aboutus-o.gif);}
	li.active a.nav7,a.nav7:hover {background-image:url(http://optimae.typepad.com/graphics/nav-07-employment-o.gif);}
		
		
		
/* Footer **************************************** */
.footer {
	clear:both;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	line-height:1.0em;
	color:#fff;
	text-align:right;
	background:#78256f;
	padding:10px 12px 10px 0;
	margin:0;
	border-top:6px solid #fff;
	}
	.footer a {
		color:#fff;
		text-decoration:none;
		}
	.footer a:active, .footer a:hover {
		color:#fff;
		text-decoration:underline;
		}
					
/* HOME ******************************* */
.home .nav  {height:225px;}
.featured-service {height:236px; margin-bottom:6px;}
	.service {height:236px; width:717px; background-color:#ebdfea; overflow:hidden;}
	.service .entry {clear:both; float:left; width:717px; line-height:1.5em;}
	.service h2 {float:left; margin:30px 0 6px 30px; height:20px; width:287px; color:#78256F;}
	.service p {clear:left; margin:0 360px 8px 30px;}
	.service img {height:236px; width:354px; float:right; border-left:6px solid #fff; margin:-56px -360px 0 30px;}
	.service a {
		float:right;
		font-size:10px;
		display:block;
		padding-left:6px;
		background:transparent url(http://optimae.typepad.com/graphics/bullet-blue-3x3.gif) no-repeat left center;
		}

.eventsBox {
	width:247px; 
	text-align:left;
	margin:20px 0 20px 39px;
	padding:0;
	line-height:1.2em;
	color:#666;
	}	
	.latest-news {margin:0 0 12px 20px;}
	.eventsBox .entry {margin:0 40px 36px 25px;}
		.eventsBox .entry p {margin-bottom:1em; font-weight:bold;}
		.eventsBox .entry-header {font-size:12px; text-align:left;}
		.eventsBox .entry-header a,
		.eventsBox .entry-header a:link,
		.eventsBox .entry-header a:visited,
		.eventsBox .entry-header a:hover,
		.eventsBox .entry-header a:active {text-decoration:underline; color:#0077c0;}
		.entry-excerpt {}
		.eventsBox .entry .read-more {font-size:10px; text-align:right;}
		.eventsBox .entry .read-more a {
			float:right;
			display:block;
			font-size:10px;
			padding-left:6px;
			background:transparent url(http://optimae.typepad.com/graphics/bullet-blue-3x3.gif) no-repeat left center;
			}
	
/*.home*/ .homeNav {display:none;}
.home ul.nav li.active a {color:#0077c0;}
	.home ul.nav li.active a:hover {color:#1B95DF;}
.home ul.nav li.active ul.subnav {display:none;}

/* NEWS ******************************* */
.locations #beta-inner {padding:42px 20px 42px 42px}
.entry-date {float:right;}
.news-entry {margin-bottom:1.0em; border-bottom:1px solid #ddd;}
a.news-link,
a.news-link:link,
/*a.news-link:visited,*/
a.news-link:hover,
a.news-link:active {text-decoration:none; color:#0077c0;}
.news-date {float:right;color:#666;}

/* LOCATIONS ******************************* */
.iowa-map {margin:1.5em 0;}
.locations-left {float:left; width:400px; margin-right:33px;}
.locations-right {float:left; width:222px; padding-top:60px;}
	.location-entry {}
		.location-entry h3 {}
		.location-body {}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #0077c0;
	background-color: #E8EFF8;
	padding: 5px;
	opacity: 0.85;
	font-size:12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip div.body {}
#tooltip div.url {}

/* APPLICTIONS ****************** */

.field-left {float:left; clear:left;}
.field-right {float:left;}

/* **************************************** */
/* CONTENT ******************************** */
/* **************************************** */
/*.subContent {
	margin:0;
	padding:0;
	}*/
.date-header {
	margin:0 0 0.5em 0;
	padding:0;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
.content-nav {
	margin:0;
	text-align:left;
	}
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
	margin: 0 0 10px 0;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	}
.entry-header {
	margin:0 0 0.5em 0;
	border: 0;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.67em; /* 20 px */
	text-align: left;
	font-weight: bold;
	}
.entry-header a {
	text-decoration: none;
	font-weight: bold;
	}
.entry-header a:link { color: #000; }
.entry-header a:visited { color: #000; }
.entry-header a:hover { color: #000; }
.entry-header a:active { color: #000; }
.entry-content {}
.entry-body {
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	font-size:1.083em /* 13px */
	}
.entry-body a {
	text-decoration: underline;
}
.entry-body img {
	margin:0 12px 12px 12px;
	}
.entry-body a:link { color: #0077c0; }
.entry-body a:visited { color: #0077c0; }
.entry-body a:hover { color: #0077c0; }
.entry-body a:active { color: #0077c0; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content {
	margin: 0;
	text-align: left; 
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
.entry-content p { 
	text-align: left; 
	margin:0 0 1em 0;
	padding:0;
	}
.entry-footer, .trackback-footer, .comment-footer {
	margin: 0;
	border: 0;
	padding: 0 0 1.25em 0;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
}
#comment-author, #comment-email, #comment-url, #comment-text {
	text-align: left;
}

/* fixes bug in ie win */
img.image-full {
	width: 100%;
}

/* modules */

.module-archives {}

.module a {
	text-decoration: underline;
	font-weight: inherit;
	color: #0077c0; 
	padding: 0 0 20px 0;
	}
.module a:link { color: #0077c0; }
.module a:visited { color: #0077c0; }
.module a:hover { color: #0077c0; }
.module a:active { color: #0077c0; }
.modulelink a {
	text-decoration: underline;
	font-weight: inherit;
	color: #0077c0; 
	margin: 0 0 20px 0;
	}

/* feedburner styles for home page */

.feedburnerFeedBlock {}
.feedTitle {}
.feedburnerFeedBlock .headline {
	margin:0 0 0.5em 0;
	border: 0;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.67em; /* 20 px */
	text-align: left;
	font-weight: bold;
	}
	.feedburnerFeedBlock .headline>a {text-decoration:none;}
.feedburnerFeedBlock>ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	.feedburnerFeedBlock>ul>li {
		margin-top:3.5em;
		margin-left:0;
		padding-left:0;
		}
.feedburnerFeedBlock #creditfooter {display:none;}


/* ph=1 */