@charset "utf-8";
/* CSS Document */

body {font-size: 13px; color: #6B6A5A; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(images/counseling_r1_c1.jpg) repeat-x top #79956F;}

#holder{position: relative; margin:0 auto; width: 900px;} 
#wrapper {position: relative; width: 900px; margin: 20px auto 0 auto; padding: 0; }
#container {width: 900px; float: left; display: inline; border:1px solid #9A99A1;}

#header {width: 900px; float: left; display: inline;}
#header .inner{background:url(images/counseling_r4_c3.jpg) top center; height:132px;}
#header .topHeader {background:url(images/counseling_r1_c3.jpg) top repeat-x #F4F2E5; height:45px; padding:0 10px; margin:0;}
.topHeader img {float:right; padding:7px 0 0 10px; display:block;}
.topHeader div {float: left; line-height: 45px; color: #616F55; font-weight: bold;}

#logo { width: 230px; height:132px; float:left; overflow: hidden; display:inline;} 
#logo a { width:230px; height:132px; display:block; text-indent:-9999px; text-decoration:none; }


#menu {width: 900px; float: left; display: inline; margin:0; padding:0; height: 40px; background-image:url(images/counseling_r5_c4.jpg); background-repeat: repeat-x; text-align:center;}
#menu ul {margin: 0; padding:0; line-height: 40px; list-style: none;}
#menu li {float: left; font-size: 14px; font-weight: bold;}
#menu li #first {margin:0; padding:0 22px 0 22px; border-right: 1px solid #F5E979; border-left: none;}
#menu li #regular{margin:0;	padding:0 22px 0 22px; border-right: 1px solid #F5E979; border-left: 1px solid #756007;}
#menu li #last{margin:0; padding:0 22px 0 22px;	border-right: none; border-left: 1px solid #756007;}
#menu a {display: block; text-decoration: none; color: #F5E979; font-size: 14px;}
#menu a:hover {color: #4C5F1F;}

#content {float: left; width: 100%; margin: 0; padding: 0; background-image: url(images/background.jpg); background-repeat: repeat-y; line-height: 130%;}

#subContent {float: left; width: 100%; margin:0; padding: 0; background-image:url(images/counseling_r6_c3.jpg); background-repeat: no-repeat; background-position: top;}

#leftColumn {float: left; display: inline; width: 185px; height: auto; padding: 0; margin: 0; background-color:  #CFE2A0; }
#leftColumn img {margin: 0; padding: 0; border: 0; }
#leftColumn a {margin: 0; padding: 0;}
#leftColumn .button {margin: 0 0 0 8px; padding: 0;}
#leftColumn ul {width: 161px; list-style: none; margin: 10px 0 0 0; padding: 0; text-transform: capitalize; line-height: 20px; font-size: 15px; font-weight: bold;}
#leftColumn ul li {list-style: none; margin: 0 0 0 7px; padding: 0; }
#leftColumn ul li li {font-size: 13px; background-image: url(images/cross.jpg); background-repeat: no-repeat; background-position: top left; padding: 0 0 0 14px; margin: 10px  0 0 0; }
#leftColumn ul li li li {list-style: none; background-image: none; margin: 5px 0 0 0; padding: 0; font-size: 12px; line-height: 14px;}
#leftColumn li a {color: #AD8E0E; text-decoration: none; margin: 0; padding: 0;}
#leftColumn li a:hover {color: #4C5F1F;}
#leftColumn h2 {font-size: 16px; color: #C1A625; margin: 0 0 5px 7px; padding: 0;}
#leftColumn h2 a {font-size: 16px; color: #4C5F1F; text-decoration: none; margin: 0; padding: 0;}
#leftColumn h2 a:hover {color: #AD8E0E;}

#mainColumn {float: left; display: inline; padding: 20px 20px 0 20px; margin: 0; width: 490px;}
.rightImg {float: right; display: inline; margin: 15px 5px 0 10px; padding: 0;}
.leftImg {float: left; margin: 15px 10px 0 0; padding: 0; }
#mainColumn .regButton {float: right; background: #AD8E0E url(images/register_1.jpg) no-repeat; color: #636363; border: none; width: 81px; height: 19px; margin: 0 0 0 10px; padding: 0 0 4px 0; font-size: 12px; font-weight: bold; cursor: pointer;}
#mainColumn label {margin: 0; padding: 0;}
#mainColumn .formTextField {margin: 0 10px 0 0; padding: 0;}

#rightColumn {float: left; display: inline; margin: 0; padding: 0; width: 185px; background-color: #E0DDBC;}
.county {background-image: url(images/lacounty.jpg); background-repeat:no-repeat; height: 194px; margin: 0; padding: 0;}
#rightColumn .learnBtn {float: right; border: none; margin: 0;  padding: 0; border: none;}
.images {text-align:center; margin: 0; border: none;}
.events {color:#6B6A5A; padding:15px; line-height:140%;}
#innerLeft {float: left; margin: 0; padding: 0; width: 243px; height: 100%; border-right: 1px solid #ddd;}
.learnBtn {float: right; margin: 10px 5px 15px 0; padding: 0 0 10px 0; border: none;}
#innerRight {float: left; margin: 0; padding: 0; width: 235px; height: 100%; }
#innerRight img {float: right; margin: 0; padding: 0; border: none;}
#innerRight hr {border: 0; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0; height: 1px;}
.flash {margin: 10px 0 0 10px; padding: 0;}
#innerRight .donateBtn {float: left; margin: 10px 0 10px 40px; padding: 0;}


p {font-size: 12px; line-height: 20px; margin: 0 0 10px 5px; padding: 0 5px 0 10px; }
a {color: #C1A625;}
a:hover {color: #4C5F1F; text-decoration: none;}

h1 {font-size: 20px; color: #C1A625; margin: 0 0 5px 10px; padding: 0;}
h2 {font-size: 16px; color: #C1A625; margin: 0 0 5px 10px; padding: 0;}
h2 a {font-size: 16px; color: #4C5F1F; text-decoration: none; margin: 0 0 0 2px; padding: 0;}
h2 a:hover {color: #AD8E0E;}
h3 {font-size: 14px; color: #AD8E0E; margin: 10px 0 0 10px; padding: 0; text-transform:capitalize;}
h3 a {color:#4C5F1F; text-decoration: none;}
h3 a:hover {color: #AD8E0E;}
h4 {margin: 0 0 0 10px; padding: 0; font-size: 12px;}
h5 {background:#B3B296; display:block; color:#F9FCE7; font-weight:bold; font-size:15px; line-height:30px; padding:0 10px; margin: 0; }
hr { border: none; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0; height: 1px;}

#footer {margin: 0 auto; padding: 0; color: #fff; width: 900px;}
#footer .content {padding: 10px; margin: 0;}
#footer .inner {padding: 10px; text-align:center; font-size: 10px;}