body {
    background-color: #E7E7E7;
    font-size: 12px;
    font-family: Arial;
}

ol, ul {
    list-style: none outside none;
}

ul.navigation {float: left;}
ul.navigation li {float: left; text-transform: uppercase; padding: 10px 15px;
        font-size: 11px; height: 20px;}
ul.navigation li a {color: #FFF; text-decoration: none; font-weight: bold;}

ul.border-right {padding: 10px 20px 0 190px;}
ul.border-right li {border-right:  1px solid #ccc;}

ul.border-left {padding: 10px 0 0 20px;}
ul.border-left li {border-left:  1px solid #ccc;}

#header {
    background:  url('/lp_images/topBg.jpg') no-repeat;
    height: 80px;
    margin-bottom: 10px;
    width: 1346px;
    margin: 0 auto 10px auto;
}

#logo {
    background: url("/images/gfx/parenthood-logo.png") no-repeat;
    display: block;
    height: 79px;
    width: 250px;
    float: left;
    margin-left: 550px;
}

#the-body {
    background: url('lp_images/bgStripe.jpg') repeat-y;
    margin: 0 auto;
    width: 1346px;
}

#content {
    width: 950px;
    padding:  5px 10px;
    box-shadow: 3px 3px 10px #000000;
    margin: 0 auto;
    background-color: #FFF;
}

#search-text {float: left; width: 500px; padding-top: 30px;}
#search-text .title {font-size: 14px; font-weight: bold; }

ul#social-networking {float: right; margin:  0;}
ul#social-networking li {float: left; padding-left: 5px;}

#search-box {float: right; width: 400px; padding: 10px; background-color: #f65280;
    border-radius: 10px; height: 75px;}
#search-box .label {color: #FFF; font-weight: bold; margin: 0;}
#search-box #keyword {border-radius: 20px; width: 390px; height: 35px;  padding-left: 10px;}
#search-box input[type=image] {position: relative; top: -33px; left: 358px;}

#search-form {height: 32px;}

table#search-result {clear: both; padding-top: 30px;}

td#left {width: 385px;  padding: 0;}

td#right {width:555px; vertical-align: top;}

#right-table {float: right;}
#map-section { height:400px;}

#resource-section {border:  1px solid #CCC; padding:  10px 5px; }
#resource-section label {padding:  10px 30px 10px 10px; color: #fff; background-color: #f65280;
    border-radius: 0 5px 5px 0;}
#resource-section #resource-content {background-color: #e1f3fb; padding: 20px 15px;}
#resource-content a.state {color: #0b7dac;}
#resource-content a.resource {color: #CCC; padding-left: 15px;}

#footer {width: 950px; margin: 0 auto; text-align: center; padding: 20px 0; }
ul#footer-navigation li {float: left; padding: 0 5px;}
ul#footer-navigation li a {text-decoration: none; color: #000;}
#footer .copyright {clear: both; padding: 20px 0;}
#footer .info {font-size: 10px;}

#map-canvas {height: 400px; width:540px; top: -2px; left: 2px;}

img#resource-label {margin-left: -5px;}
#resource-hover {font-size: 10px; color:  #0b7dac; padding-left: 20px; position:relative; top: -7px;}

#state-table {background-color: #e1f3fb; margin-top: -25px; width: 100%}
#state-table td {font-size: 11px; line-height: 1.7}
#state-table td .state-name {color:  #0b7dac;}
#state-table td a.resource-name {padding-left: 10px; text-decoration: none; color: #909090;}

#state-table-left {padding: 35px 10px 0 10px;}
#state-table-right {padding: 0 10px;}

ul.resource-list {padding: 0 10px;}
ul.resource-list li {position: relative;}
ul.resource-list li:hover > ul {display: block;}
ul.feature-list {display: none;  position: absolute; left: 100%; top:-10px;
    width: 200px;  padding: 5px 10px; z-index: 99;}
ul.feature-list li {color: #909090;}
ul.feature-list li a {text-decoration: none; color: #909090;}


.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #ccc;
	border-width: 7px;
	margin-top: -7px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	list-style: none;
	position: relative;
    padding:  0;
    margin:  0;
    display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
    border-radius: 10px 10px 0 0;
    height: 25px;
    text-align: center;
}

nav ul li#region-1 { background-color: #FFF; height: 24px;
    border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC;}
nav ul li#region-2 { background-color: #2fc0ff; }
nav ul li#region-3 { background-color: #c5fc89; }
nav ul li#region-4 { background-color: #f8a449; }
nav ul li#region-5 { background-color: #00fdff; }
nav ul li#region-6 { background-color: #dfb6ff; }
nav ul li#region-7 { background-color: #fc8181; }


	nav ul li a {
		display: block; padding: 5px 7px 0 7px;
		color: #000; text-decoration: none;
        font-size: 11px; font-weight: bold;
	}

nav ul ul {
	background: #FFF; padding: 10px 0 0;
	position: absolute; top: 94%;
    z-index: 99;
}
	nav ul ul li {
		float: none;
		position: relative;
        text-align: left;
        height: auto;
	}
		nav ul ul li a {
			padding: 0 15px 5px;
			color: #000;
            font-weight: normal;
		}
			nav ul ul li a:hover {
				color: #0000ff;
                text-decoration: underline;
			}

#left {vertical-align: top; padding: 10px;}
#left-table {width: 100%;}

.each-resource {font-size: 11px; margin:  0; padding: 10px 0 10px 15px; border-bottom: 1px solid #CCC;
    line-height: 1.5;}
.each-resource .name {font-size: 12px; font-weight: bold; padding-bottom: 5px;}
.each-resource a {text-decoration: none; color: #000;}
.each-resource a:hover {text-decoration: underline; color: #0000ff;}
.each-resource a.website {color: #0000ff;}

.map-number {
    background-color: #F6358A;
    border-radius: 11px;
    padding: 4px;
    position: relative;
    text-align: center;
    float: right; margin-right: 20px;
    width: 15px;
}

.map-number a {text-decoration: none; color: #FFF;}

li.social {padding-top: 5px; height: 20px;}
li.social a {display: block; width: 20px; height: 20px; float: left; margin-right: 10px;}
a.social-52 {background: url('/lp_images/facebook_20x20.png') no-repeat;}
a.social-62 {background: url('/lp_images/twitter_20x20.png') no-repeat;}
a.social-72 {background: url('/lp_images/pinterest20x20.png') no-repeat;}
a.social-82 {background: url('/lp_images/youtube_20x20.png') no-repeat;}
a.social-92 {background: url('/lp_images/insta_20x20.png') no-repeat;}
a.social-102 {background: url('/lp_images/google_plus_20x20.png');}

#result {overflow:scroll; background-color: #E7E7E7;
    border: 1px solid #CCCCCC; height: auto;}

.phone-number {display: none;}
a.view-phone {color: #0000FF; text-decoration: underline;}

.ad-text {text-align: center; font-size: 10px; padding-top: 0;}
.ad-banner {margin:  0 auto;}
#OAS_x60 {width: 300px;}
#OAS_x61, #OAS_x62 {width: 728px;}
#ad-section {text-align: center;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.contact-us {font-size: 10px;text-decoration: none; color: #F65280;}
#search-section{margin-top: 10px;}

#share-this-section {position: fixed;}

ul.search-mode {list-style: none; padding: 5px 0 0 5px; height: 20px;}
ul.search-mode li{float: left; color: #FFF; font-size: 11px; float:left; text-shadow: none; font-weight: bold;}
li#exact-match {padding-right: 20px;}