/* CSS Document */

* 
{
	border-width: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}
header, section, footer, aside, nav, article, hgroup {
	display: block;
}

html {
    /* overflow: scroll; */
    overflow-y: scroll;
    overflow-x: hidden; /* remove horizontal scroll bar */ 
}

#mainwrapper {
	margin:auto;
	width:100%;
	/* background-color: #0d1203; */
}

/* Home Page Info =========================== */ 
#main_section p {
    color: #ffffff;
    padding: 10px;
}

#main_section .homepage {
	/*background-color: #212021;  #84b51cl green background */
	
}
#main_section .homepage h1 {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #212021; /* #84b51c lime green */
	padding: 6px;
	font-weight: normal;
}
#main_section .homepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	padding: 5px;
	font-weight: normal;
}
.howtouselink a 
{
    position: relative;
    top: -15px;
	display: block;
	color: white;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #212021;
	/* background-image: url(../images/graphic-homepage-arrow.png);
	background-repeat: no-repeat;
	background-position: 320px center; */
	text-decoration: none;

	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.howtouselink a:hover {
	background-color: #212021;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	text-decoration:underline;
}
#homepage_boxWrapper {
	width: 835px;
	height:465px;
	margin:auto;
	padding-top: 50px;
	padding-bottom: 5px;
}

/* #homepage_boxes .box img {} */
#homepage_boxes .boxArrow {
	width:10px;
	height:9px;
	border:0px;
	margin-right:5px;
}

#homepage_boxes .boxtext {
	display: block;
	text-align: right;
	padding-top: 90px;
}

#homepage_boxes .bottomlink a {
	display: block;
	background-color: #231f20;
	padding-right: 10px;
	line-height:30px;
	padding-left: 0px;
	text-align: right;
	margin-bottom: 0px;
	margin-top: 164px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#homepage_boxes .bottomlink a:hover {
	background:#000000;
}

/* #homepage_boxes{} */
#homepage_boxes .box {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/AboutUs.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#homepage_boxes .box2 {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/pms.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#homepage_boxes .box3 {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/graphic-index-box1.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* #homepage_boxes{} */
#homepage_boxes .box4 {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/CurrentProjects.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#homepage_boxes .box5 {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/Treatments.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#homepage_boxes .box6 {
	background-color: #000;
	display: block;
	height: 194px;
	width: 247px;
	border:6px solid white;
	float: left;
	background-image: url(../images/graphic-index-box2.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* END Home Page Info =========================== */ 

blocquote 
{
    background: blue;
}

.main_right
{
    float:left;
    height: 1200px;
    background-color: black;
}

#right_section {
	padding:10px;
	margin-left: 0px;
    min-height: 700px;
    width: 100%;
	color: #595D62; /* main text color #212021 */
    background-color: #F8F8F8;

}

#right_section h1 {
	font-size: 25px;
	font-weight: normal;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
    color: #212021; /* #84b51c */
	padding-top: 0px;
	margin-top: 5px;
	}
	
#right_section p {
	margin-top: 18px;
	font-size: 13px;
    width: 800px;
}

#right_section h2 {
	font-size: 15px;
	display: block;
	color: slategray;
}
/* hyperlink color */
#right_section a {
    text-decoration: underline;
    color: #212021;
    font-size: 13px;
}
#right_section ol {
    font-size: 13px;
    list-style-position: inside;
    padding: 10px 35px 5px 25px;
  
}
#right_section ol li {
    margin-top: 15px;
}

#right_section ul {
    list-style-position: inside;
    padding: 10px 35px 5px 25px;
    font-size: 13px;
}

body {
    background-color: #595D62; /* left nav background color */
}

#header_main{
	width:100%;
}

#header_top {
	height: 91px;
	width: 100%;
	background-color: #212021;
	background-image: url('../images/graphic-top-header-01.jpg');
	position:relative;
    top: 0px;
    left: 0px;
}
.buttonsearch {
    background-color:Red;
    border:1px solid #666666;
    background-image: url(../images/graphic-button-top-go.gif);
    width: 19px;
    height: 15px;
    background-repeat: no-repeat;
}
    
#header_top .buttons {
    position:absolute;
    top: 76px;
    left: 65px;
}
#header_top .lacountyorg {
    position:absolute;
    top: 0px;
    left: 0px;
}
#header_top .searchbar {
    position:absolute;
    bottom: 2px;
    right: 5px;
    color:#ffffff;
}
#header_top .links {
    position:absolute;
    top: 2px;
    right: 5px;
    color:#ffffff;
}
#header_top .links a:link, a:visited
{
   font-size:11px;
   color:#ffffff;
   text-decoration:none;
}

#header_top_image {
	height: 200px;
    width: 100%;
	background-color: black;
	background-image: url(../images/graphic-header-placeholder.jpg);
	background-repeat: no-repeat;
}

/* Top Navigation Menu */

/*  MENU Drop down */

.dd_menu {background:#212021; padding:0px; margin:0; list-style-type:none; height:35px;  z-index: 2;top: -5px;} /* menu position settings */
.dd_menu li {position: relative;float:left;height:30px;padding-right: 5px;}
.dd_menu li a {padding: 10px 10px 10px 10px; display:block; color:white; text-decoration:none; font:12px arial, verdana, sans-serif; text-transform: uppercase; font-weight: bold;}
.dd_menu li:hover a {text-decoration:none;}
.dd_menu ul {position:absolute; left:999px;top:-9999px; list-style-type:none;}
.dd_menu li:hover {position:relative; background: gray;}

.dd_menu li:hover ul {left:0px; top:30px; background:lavender; padding:3px; border:1px solid grey;min-height: 60px;} /* setting for drop down list */
.dd_menu li:hover ul li {height: 30px;border:none;text-align: left;}
.dd_menu li:hover ul li a {height:auto; padding:4px 0px 4px 0px; display:block; font-size:12px; width:170px; line-height:27px;color:#444; background-color:#e3dfdd; text-decoration:none; }
.dd_menu li:hover ul li a:hover {height:auto; background:#cecccb; color:black; padding:4px 0px 4px 0px;} /* dd menu rollover attributes */

.leftnav_link ul {float: left;}

/* BEGIN Main Section  */
#main_section {
	display:block;
	width:100%;
	height:auto;
	clear:both;
	background-color: #333333;
}
/* END Main Section */

#left_nav {

	/* float:left; */
	width:154px;
    background-color: #212021;
	/* background: #212021; */
	color:#FFFFFF;
}

#left_nav ul {
	list-style-type:none;
	
}

#left_nav ul li {
	display: block;
}

#left_nav ul li a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display: block;
	padding: 8px 8px 8px 25px;
	width: 120px;
	position: relative;
	left: -48px;
}

#left_nav ul li a:hover {
	background-color: gray;
    background-image: url(../images/graphic-leftnav-arrow.png);
    background-repeat: no-repeat;
	background-position: 5px 10px;
    padding-right: 5px;
    width: 124px;
}

#left_nav ul .category a {
    background-color:gray;
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display: block;
	padding: 8px 8px 8px 15px;
	width: 130px;
}

#left_nav ul .category a:hover {
    background-color: gray;
    background-image: url(../images/graphic-leftnav-arrow.png);
    background-repeat: no-repeat;
	background-position: 5px 10px;
    padding-right: 5px;
    width: 133px;
}

#left_nav .arrow {
    background-image: url(../images/graphic-leftnav-arrow.png);
    background-repeat: no-repeat;
	background-position: 0px 10px;
}

/* BEGIN Footer Section  */
#footer_main {
	clear: both;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top: 10px;
	display:block;
	background-color: #84B51C;
}
#footer_main .footer_top {
	margin: 0px;
	padding: 0px;
	height: 18px;
	display: block;
}
#footer_main .footer_top .sitemap {
    margin-left: 0px;
}
#footer_main .footer_middle {
	height: 220px;
	background-color: #b9d57e;
	position:relative;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#footer_main .footer_middle ul {
	float:left;
	color:#000000;
	width:188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 20px;
	padding-right: 0px;
	display: block;
}
#footer_main .footer_middle ul li {
	list-style-type: disk;
	list-style-position: inside;
}
#footer_main .footer_middle ul li a {
	color:#000000;
	text-decoration: none;
}
#footer_main .footer_middle ul li a:hover {
	color:#666666;
}
#footer_main .footer_middle h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	display:block;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 8px 0px 8px 0px;
}
#footer_main .footer_middle .links {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	position:absolute;
	width:72px;
	height:116px;
	text-align:center;
	right: 15px;
	bottom: -55px;
}
#footer_main .footer_middle .links .twitter {
	margin-left:6px;
}

#footer_main .footer_bottom {
	clear: both;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
}
#footer_main .footer_bottom p {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
#footer_main .footer_bottom p .line {
	color: #000000;
	margin-left:3px;
	margin-right:3px;
}

.faqQuestion {
    font-size: 15px;
    color: #212021;
    font-weight: bold;
    display: block;
    padding: 0px;
    margin: 0px;
}

.titleheading {
    font-size: 14px;
    color: #212021;
    font-weight: bold;
    display: block;
    padding: 0px;
    margin: 0px;
}

.list-title {
    color: #212021;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    }
    
.main_header {
    background-color: #A6B86B;
    width: 100%;
    padding: 15px 5px 5px 20px;
    position: relative;
    left: -10px;
    top: -10px;
    margin-right: 20px;
    }
.panel h2 {
    font-size:24px !important;
}