/*
Main Color Themes
1.0 Adult Programs - #7ba695;
2.0 Juvenile Programs - 
3.0 Administrative - 
4.0 Employment -
5.0 Victim Witness -
6.0 Contact -
7.0 FAQs - 
8.0 Employee - 
*/



html
		{
		margin: 0px;
		padding: 0px;
		height: 100%;
		}
		
body
		{
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #fff;
		color: #000;
		}
		
form, fieldset, img
		{
		border: 0px none;
		margin: 0px;
		padding: 0px;
		}
		
#breaker
		{
		position: relative;
		height: 1px;
		width: 100%;
		margin: 0px;
		padding:0px;
		}
		
#wrapper
		{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block;
		}
	
#container
		{
		background: #fff;
		margin-left: -477px;
		position: absolute;
		top: -306px;
		left: 50%;
		width: 954px;
		height: 612px;
		visibility: visible;
		}
		
#section_title
		{
		position: relative;
		float: left;
		display: block;
		overflow: hidden;
		width: 689px;
		height: 126px;
		margin: 0px;
		padding: 0px;
				background: #00a48a url(http://www.kernprobation.com/images/management_section_title.gif) 20px 37px no-repeat;
				color: #fff;
		}
		
#main_logo
		{
		position: relative;
		float: left;
		display: block;
		overflow: hidden;
		width: 250px;
		height: 126px;
		margin: 0px 0px 0px 15px;
		padding: 0px;
		/*background: #00a48a url(http://www.kernprobation.com/images/management_section_logo.gif) center center no-repeat;
		color: #fff;*/
		background: #00a48a url(http://www.kernprobation.com/images/home_section_logo.png) center center no-repeat;
		color: #fff;
		}
		
#navigation
		{
		position: relative;
		float: left;
		display: block;
		overflow: hidden;
		width: 150px;
		height: 430px;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		background: #00a48a;
		color: #fff;
		}
		
#navigation ul
		{
		list-style-type: none;
		width: 150px;
		height: 400px;
		margin: 0px;
		padding: 15px 0px 0px 0px;
		text-align: left;
		}
		
#navigation li ul
		{
		list-style-type: none;
		width: 150px;
		height: auto;
		margin: 0px;
		padding: 0px;
		text-align: left;
		}
		
#navigation li a
		{
		margin: 0px;
		padding: 0px 0px 0px 10px;
		background: transparent;
		font-size: 13px;
		line-height: 13px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		}
		
#navigation li ul li
		{
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		line-height: 14px;
		}

#navigation li > ul > li > ul 
		{
		padding-left: 20px;
		text-transform: uppercase;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		font-size: 10px;
		}
		#navigation li > ul > li > ul > li > a {
			text-decoration: none;
			padding: 0px;
			}
			#navigation li > ul > li > ul > li > a:hover {
				background: none;
				text-decoration: underline;
				}
		
#navigation li ul li a
		{
		margin: 0px;
		padding: 0px 0px 0px 10px;
		background: transparent;
		font-size: 10px;
		line-height: 10px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #fff;
		}
		
#navigation a:hover
		{
		background: transparent url(http://www.kernprobation.com/images/management_arrow.gif) top left no-repeat;
		}
		
#navigation span.nav_indent {
		padding-left: 20px;
	}
		
#content
		{
		position: relative;
		float: left;
		display: block;
		overflow: auto;
		width: 385px;
		height: 430px;
		margin: 15px 0px 0px 0px;
		padding: 0px 15px 0px 15px;
		text-align: left;
		background: #fff;
		color: #000;
		}	
		
#content img
		{
		border: 1px solid #00a48a;
		}
		
#content ul
		{
		list-style-type: none;
		width: 350px;
		margin: 0px;
		padding: 0px;
		}
		
#content ul + ul
		{
		padding-bottom: 20px;
		}
		
#content ul + ul#no_padding, #content ul + ul.no_padding
		{
		padding-bottom: 0px;
		}
		
#content ul + ul + ul
		{
		padding-bottom: 20px;
		}
		
#content ul#forms
		{
		list-style-type: square;
		width: 225px;
		height: auto;
		margin: 0px;
		padding: 0px;
		}
		
#content ul.forms
		{
		list-style-type: square;
		width: 300px;
		height: auto;
		margin: 0px;
		padding: 0px;
		}
		
#content li.subnav
		{
		margin: 0px;
		padding: 0px 6px 0px 0px;
		background: transparent;
		font-size: 10px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #00a48a;
		}
		
		#content ul.floatleft {
				float: left;
				width: 177px;
			}
		
#content li.subnav a
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #00a48a;
		}
		#content li.subnav a:hover {
			text-decoration: underline;
			}
		
#content ol
		{
		width: 350px;
		height: auto;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		}
		
#content li
		{
		margin: 0px 0px 0px 25px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		/*line-height: 18px;*/
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #000;
		}
		
#content h1
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 22px;
		line-height: 44px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #007987;
		line-height: 23px;
		margin: 10px 0px;
		}
		
#content h2
		{
		margin: 10px 0px 0px 0px;
		padding: 0px;
		background: transparent;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #007987;
		}
		
#content h2 a
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #007987;
		}
		
#content_image
		{
		float: right;
		display: block;
		overflow: hidden;
		margin: 10px 0px 0px 10px;
		padding: 0px;
		}
		
#content p
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #000;
		text-indent: 0em;
		}
		
#content p
		{
		margin-top: 10px;
		}
		
#content p + p
		{
		padding-top: 0px;
		}
		
#content a
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 18px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #00a48a;
		}
				
#content a:hover, #content a:active
		{
		text-decoration: underline;
		color: #00a48a;
		}
		
#content p#tree_nav
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 11px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #000;
		text-indent: 0em;
		}
		
#content p.q, #content p.a 
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 20px;
		height: auto;
		text-align: left;
		padding: 0px;
		margin: 0px;
		background: transparent;
		color: #00a48a;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		text-indent: 0em;
		}
		
#content p.question, #content p.answer 	
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 345px;
		height: auto;
		text-align: left;
		padding: 0px;
		margin: 0px;
		background: transparent;
		color: #000;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		text-indent: 0em;
		}	
		
#content .contact_info
		{
		display: block;
		overflow: hidden;
		width: 175px;
		height: auto;
		text-align: left;
		padding: 0px;
		margin: 10px 0px 0px 0px;
		background: transparent;
		color: #fff;
		}
		#content .contact_list {
				float: left;
				width: 150px;
				padding: 0;
				margin: 0;
				line-height: 18px;
			}
		
#content .contact_info h1
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 18px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #00a48a;
		text-indent: 0em;
		}
		
#content .contact_info p
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color: #000;
		text-indent: 0em;
		}
		
#content #pdf_download
		{
		float: right;
		display: block;
		overflow: hidden;
		width: 150px;
		height: auto;
		margin: 0px;
		padding: 20px 0px;
		background: transparent;
		color:#dcdcdc;
		text-align: center;
		}		
		
#content #pdf_download p
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color:#838383;
		text-indent: 0em;
		}
		
#content #pdf_download a
		{
		margin: 0px;
		padding: 0px;
		background: transparent;
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		color:#838383;
		text-indent: 0em;
		}
		
		
#content .staff
		{
		text-align: center;
		float: left;
		display: block;
		overflow: hidden;
		width: 120px;
		height: 250px;		
		}
		
#content .staff p
		{
		text-align: center;
		}
		
#content .staff p, #content .staff a
		{
		color: #00a48a;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		font-family: helvetica, verdana, garamond, arial, sans-serif;
		text-decoration: none;
		text-indent: 0em;
		}
		
#content .staff img
		{
		margin-top: 5px;
		}

/* CONTACT FORM */		

#content input.txt, #content textarea.txt
		{
		color: #414142;
		background: #fff;
		border: 1px solid #414142;
		width: 200px;
		}
		
#content input.btn
		{
		color: #fff;
		font-weight: bold;
		background: #00a48a;
		border: 1px solid #414142;
		margin-top: 5px;
		}
		
#content form label 
		{
		clear: left;
		margin: 0px;
		padding: 5px 10px 0px 0px;
		}
		
#content form input.txt, #content form textarea.txt
		{
		padding: 0px;
		margin-top: 5px;
		}
		
#content form label 
		{
		float: left;
		width: 30%;
		font-family: verdana, garamond, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #414142;
		}
		
#content form input.txt, #content form textarea.txt
		{
		float: left;
		width: 60%;
		font-family: verdana, garamond, arial, helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #414142;
		}
		
#content fieldset 
		{
		text-align: right;
		border: 1px solid #dcdcdc;
		margin-top: 0.6em;
		padding: 0.6em;
		}
		
#content fieldset p
		{
		text-align: left;
		float: left;
		width: 100%;
		font-family: verdana, garamond, arial, helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #414142;
		margin: 0px;
		padding: 0px;
		}
		
#content legend 
		{
		font-family: verdana, garamond, arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #00a48a;
		background: #fff;
		}
		
#content form input:focus, #content form.hilite, #content form textarea:focus, #content textarea.hilite
		{
		background: #ededed;
		border: 1px solid #00a48a;
		}
/* CONTACT FORM */	
#image
		{
		position: relative;
		float: left;
		display: block;
		overflow: hidden;
		width: 389px;
		height: 430px;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		text-align: left;
		}	

#footer
		{
		text-align: right;
		background: transparent;
		margin-left: -477px;
		position: absolute;
		top: 270px;
		left: 50%;
		width: 954px;
		height: 30px;
		visibility: visible;
		border: 0px none;
		}
	
#footer p
		{
		margin: 0px;
		padding: 0px;
		}
			
#footer p, #footer a
		{
		color: #404040;
		font-size: 10px;
		font-family: verdana, garamond, arial, helvetica, sans-serif;
		text-decoration: none;
		}
		
#footer #footer_links
		{
		float: left;
		display: block;
		overflow: hidden;
		text-align: center;
		background: transparent;
		width: 150px;
		height: 30px;
		border: 0px none;
		}
		
#footer #copyright
		{
		float: right;
		display: block;
		overflow: hidden;
		text-align: right;
		background: transparent;
		width: 450px;
		height: 30px;
		border: 0px none;
		}
	
.clear
		{
		clear: both;
		height: 1px;
		overflow: hidden;
		line-height: 1%;
		font-size: 0px;
		margin-bottom: -1px;
		}

* html .clear
		{
		height: auto;
		margin-bottom: 0;
		}