/*  COLORS
================
Main Blue: #003366;
Main Green: #006666;
Red links: #471D00;
Yellow sidebar: #f7ecc6;
Lt Green overlay: #e2efee;
Dark Green: #004747;
==================*/

/*  GLOBAL
====================*/
body {
	font:76%/1.5 Arial, Tahoma, sans-serif;
	color: #003366;
	margin: 0px;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #DCDCDC;
	text-align: center;	
}
#container {
	margin: 0 auto;
	padding: 0;
	text-align:left;
	width: 769px;
	position: relative;
	}
#header {
	background:  url(/images/header/header_img.jpg) no-repeat top left;
	width: 635px;
	height: 143px;
	position:relative;
}

#header_logo {
	margin:0px;
	padding:9px 0px;
	width:109px;
	float:left;
	position:absolute;
	}
	
#footer {
	font-size: .9em; 
	color: #FFFFFF;
	background-color: #006666;
	padding: 10px 75px;
	clear:both;
	overflow:hidden;
	}
#content {
	background-color: #fff;
    clear: both;
    padding: 10px 15px;
	min-height: 900px;
	height:auto!important;
	height: 275px;
	position:relative;
	float: left;
	width: 739px;       
}
#home #content {
	
	min-height: 915px!important;
}
#main {
	width: 500px !important;
	width: 520px;
	<!--border-right: 1px solid #666;-->
	padding: 0 20px 0 5px;
	padding-left: 25px;
	min-height:200px;
	position:relative;
	height: auto !important;
	height: 575px;

}
.mem_account {
	float: right;
	width: 180px;
	margin: 30px 0 8px 0;	
	}
	
.sidebar{ /*sidebar2 is obsolete, I think*/
	float: right;
	width: 180px;
	margin-top: 8px;
	}

/* NAVIGATION
=====================*/
ul#utilities {
        margin: 20px 0 0 432px;
        padding:0;
        list-style: none;
        float: left;
		font-family:Arial, Helvetica, sans-serif;
		position: absolute;	
}
ul#utilities li {
        float: left;
        font-size: .9em;
        font-weight: bold;		
}

ul#menu {
        margin:0;
        padding:0;
        list-style: none;
        width: 769px;
        float: left;
		font-family:Arial, Helvetica, sans-serif;       

}
ul#menu li {
        float: left;
        font-size: 1em;
        font-weight: bold;
}
.sidebar2 { /*sidebar2 is obsolete, I think*/
	float: right;
	width: 120px;
	padding: 10px;
	margin-left: 15px;
	border: 1px solid #999;
	background-color: #f7ecc6;
	margin-top: 8px;
	}
	

.sidebar li, .sidebar2 li {
	list-style: none;
	list-style-type: none;
	font-size:1em;
	padding-bottom:.5em;
}
.sidebar li ul, .sidebar2 li ul {
	margin: 0;
	padding: 4px;
	
}
.sidebar li ul li{
	margin: 0;
	font-size:.9em;
	padding:0 0 0px 0;

}
.sidebar ul {margin:0 0 10px 0; padding:0;}

.mem_account ul li a, .sidebar ul li a {
	text-decoration:none;
}
ul.getStarted, ul.buildBiz, ul.Netwk, ul.memberRec, ul.toolkt, ul.advSkills, ul.cert {
	display:none;
}

/* MEMBER SIDEBAR
==================================*/
.getting_started ul.getStarted, .business-formsStart ul.getStarted, .insuranceStart ul.getStarted, .building ul.buildBiz, .insurance ul.toolkt, .business-forms ul.buildBiz, .public-relations ul.buildBiz, .recognition ul.memberRec, .awards ul.memberRec, .toolkit ul.toolkt, .background_screening ul.toolkt, .credit-card-processing ul.toolkt, .order-promo-materials ul.toolkt, .disaster ul.toolkt, .fetchDog ul.toolkt, .myNAPPS ul.toolkt, .networking ul.Netwk, .committee_center ul.Netwk, .getting-involved ul.Netwk, .getting-involved-host-event ul.Netwk, .using-chat ul.Netwk, .getting-involved-write-article ul.Netwk, .adv_skills ul.advSkills, .p4p ul.advSkills, .mentoring-teleconference ul.advSkills, .board_service ul.advSkills, .youth_ed ul.advSkills, .magazine ul.advSkills, .professional_pet_sitter ul.advSkills, .certification ul.cert, .certificationFAQs ul.cert, .ceu ul.cert, .independent_contractors ul.toolkt, .rfe ul.cert {display: block;
margin: 0;  padding:5px 0 0 0; font-size: .9em;
}
.getting_started ul.getStarted li, .business-formsStart ul.getStarted li, .insuranceStart ul.getStarted li, .building ul.buildBiz  li, .insurance ul.toolkt li, .business-forms ul.buildBiz li, .public-relations ul.buildBiz li, .recognition ul.memberRec li, .awards ul.memberRec li, .toolkit ul.toolkt li, .background_screening ul.toolkt li, .credit-card-processing ul.toolkt li, .order-promo-materials ul.toolkt li, .disaster ul.toolkt li, .fetchDog ul.toolkt li, .myNAPPS ul.toolkt li, .networking ul.Netwk li, .getting-involved ul.Netwk li, .getting-involved-host-event ul.Netwk li, .getting-involved-write-article ul.Netwk li, .using-chat ul.Netwk li, .adv_skills ul.advSkills li, .mentoring-teleconference ul.advSkills li, .professional_pet_sitter ul.advSkills li, .board_service ul.advSkills li, .youth_ed ul.advSkills li, .committee_center ul.Netwk li, .certification ul.cert li, .certificationFAQs ul.cert li, .ceu ul.cert li, .rfe ul.cert li, .p4p ul.advSkills li, .magazine ul.advSkills li, independent_contractors ul.toolkt li  {
margin: 0 0 0 10px;
}

/*.publications ul.BusSkills*/
/* LINKAGE
=======================*/

#content a:link, #content a:visited {
	color:#471D00;}

#content a:hover {background-color: #e2efee; color:#004747; }

#content img:hover {
	background-color: white; 

}

#content .mem_account a:link, #content .mem_account a:visited {
	color: #006666;
}
#content .mem_account a:hover{
	color: #fff;
	background-color: #006666;
}

#conf a:hover {
	color:#FFFFFF;
	background-color:#FFFFFF;
	}
.sidebar a, .sidebar2 a {
	color:#471D00;
	font-weight: bold;
	text-decoration:none;
}
#content .sidebar a:hover, #content .sidebar2 a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #006666;
	text-decoration:none;
}
ul#utilities a {
        display: block;
        float: left;
        padding: 0 11px;
        line-height: 1em;
        color: #006666;
        text-decoration: none; 
		background: transparent url(/images/header/arrow.gif) 0 50% no-repeat;
}
ul#utilities a:hover {
	color: #003366;
}
ul#menu a {
        display: block;
        float: left;
        padding: 0 5px;
        line-height: 31px;
        color: #fff;
        text-decoration: none; 
}
ul#menu a:hover {
		color: #006666;
        background-color:#d3e3e3;
}
.subtext a, .forgot a {       
		text-decoration: none;
		color: #fff;
}
.subtext a:hover, .forgot a:hover {       
		text-decoration: underline;
}
fieldset	{
	margin: 0;
	padding: 0;
	}
label.field-pass input {
	width: 100px;
	}

#footer a {       
		text-decoration: none;
		color: #fff;
}
#footer a:hover{       
		text-decoration: underline;
}


#become_butt a:link, #become_butt a:visited  {
	color: #fff;
	text-decoration:none;
}

#become_butt a:hover  {
	background-color: #003366;
	color: #fff;
}


#become_butt:hover, #become_butt.sfhover {
	background-color: #003366;
}
#login a {color:#fff;}

.acrobat {	
	padding-right:20px;
	background: url(/images/file_acrobat.gif) no-repeat 100% 0%;
	}
/* TYPOGRAPHY
==========================*/
p {
	font-size: 1em;
	}
h2 {
	font-size: 1.8em;
	color: #003366;
	margin: 0;

}

#box_BOY h3 {
	color:#004747;
	font-size:1.1em;
	line-height:18px;
	margin:0 0 10px;
	padding:4px 10px;
	text-align:center;
	background:transparent url(/images/box_bg.gif) repeat-x scroll 0 0;
}

h3 {
	font-size: 1.2em;
	color: #471d00;
	border-bottom: 1px solid #471d00;
}
h4 {
	font-size: 1em;
}
.sidebar h4 {color:#471D00;font-size: 1.2em; margin: 0 0 10px 0 ; padding:0 ; border-bottom: 1px solid #471D00;}
.mem_account h4{color:#006666;font-size: 1.2em; margin: 9px 0 10px 0 ; padding:0 ; border-bottom: 1px solid #471D00;}
#About h4 {font-size: 1.2em;}
#login h5 {
	background:transparent url(/images/header/whiteArrow.gif) no-repeat scroll 0pt 50%;
	color:#FFFFFF;
	font-size:1.1em;
	margin:0pt;
	padding:0px 0 0 13px;
}



.box h4, .box h5 {
	margin:0;	
	line-height: 30px;
	margin-bottom:10px;
	font-size: 1.2em;
	background: transparent url(/images/box_bg.gif) repeat-x;
	color: #004747;
	text-align: center;
	padding: 4px 10px;
	font-size: .9em;
}
.box h5 {
	font-size: 1.1em;
}
.box h6 {
	color: #006666;
	font-size: 1em;
	margin: 0;
	padding: 5px 0 0 10px;
}
.box p {
	padding: 0 6px 0 10px; font-size:.9em;
}
.forgot {font-size:9px; position:relative;top:-5px;}
.smaller {font-size: .9em}
/* HOMEPAGE ELEMENTS
===============================*/
#col1 {
    width:205px;  
	min-height:700px;
}
#col2 {
    width: 250px;
    float:right;
}
#col3 {
    width:210px;
    float:right;
	margin:0 10px 0 40px;
}

#login {
	width: 137px;
	position: absolute;
	margin-left: 635px;
	margin-top: 14px;
}
#home_highlights {
	position:absolute;
	width: 190px;
	}
#becomemb {
	width: 100%;
	padding: 10px;
	background-color: #006666;
	text-align:center;
}
#become_butt {
	text-align: center;
	width: 100%;
	border: #333 solid 1px;
	line-height: 3em;
	background-color: #006666;
	color: #fff;
}


/* LISTS
================================*/
li {
	font-size: 1em;
	}
#col3 ul {
	color: #471d00;
	margin: 0; padding:0;
}
#col3 li {
	padding: 1px;
margin-left: 17px;
font-size: .8em;
}
.mem_account ul {list-style:none;margin:0;padding:0; }
.mem_account ul li {list-style:none;margin:0;padding:0; }

ul.BusTools, ul.BusSkills, ul.Netwk {
	display:none;
}

.p4pitems li{
	display:inline;
	padding-right:5px;
}
/*TABLES
==================*/
table {
	color: #003366;
	font-size: 1em}
	

/* FORMS  
====================*/
form {
	margin:0;
	padding: 0;
	color: #fff;
	}
.box label {
	padding-left: 10px;
	color: #006666; 
	font-weight:bold;}
	
.box input {margin-left: 5px;} 
.box #submit {margin: 0 5px  0 0; vertical-align: bottom}
fieldset {border:0}
input#submit {margin-top: 5px;}
.field-user input, .field-pass input, input#zipbox {height: 13px;}


/*MISC
===============*/
.to_top {
	font-weight: bold;
	text-align:right;
}
.subtext {
       font-size: .8em;
        margin: 3px 0 0 0;
        padding: 0;
       font-style: italic;
}
.clear {
	clear:both;
	}
.box {
	border: 1px #006666 solid;
	margin:0 0 10px 0;
	padding:0;
}
#box_BOY {
	/*border: 1px #006666 solid;*/
	margin:0 0 10px 0;
	padding:0;
	
}

#box_BOY p {
	font-size:0.9em;
	padding:0 6px 0 10px;
	}


#support_lg {
	display:inline;
	margin: 10px 0px 12px 22px;
	}
	
#col1 .box a:hover {
	background-color:#fff;
	}
img.p4plogo {
	padding:0px;margin:0;
	border:0;
	padding-right: 58px;
	
}
#content .sidebar .p4plogo a:hover  {
	background-color:#fff;
	}
.p4p_mem_logo {position: absolute; right: 20px; top:20px;}

.event {
	clear: both;
	position: relative;
}

.event .what {
	margin-left: 13em;
}

.event .when {
	display: inline;
	float: left;
}

.under	{
	text-decoration:underline;
}

#adv_board	{
	border-bottom:1px solid #471D00;
	color:#471D00;
	font-size:1.2em;
	margin:0 0 10px 10px;
	padding:0;
}

#sidetext {
	color:#471D00;
	font-weight:bold;
	border-bottom: 1px solid #471D00;
	}
	
#sidetext_subnav{
margin:0;
padding:0 0 0 15px;
}

.img_left {
	float:left;
	margin: 2px 8px 8px 2px;
	border:1px solid;
}
.img_right {
	float:right;
	margin: 2px 2px 8px 8px;
	border:1px solid;
}

/* LEGACY STYLES
====================================*/
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003366;
}
.style6 {color: #FFFFCC}
.style7 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #006666;}


/* LEGACY Reading Room
====================================*/
.layertxt {
	font-size: .8em;
	color: #8E7A51;
	text-decoration: none;
}

.leftlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00604C;
	text-decoration: none;
}
a.leftlinks:hover {background-color: #bfdfbf;}
.layerlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #8E7A51;
	text-decoration: none;
}
a.layerlink:hover {
	background-color: #bfdfbf;
}
.recog {
margin-bottom: 10px;}

/*Highlight tabs for sections
====================================*/
#BecomeMem #menu .becomemem, #About #menu .about, #PetOwners #menu .petowners, #Partners #menu .partners, #MemberCenter #menu .membercenter, #Events #menu .events, #OfficialCharity #menu .officialcharity, #Conference #menu .conference, #Links #menu .links, #AnimalBehavior #menu .membercenter {
	background-color:#fff;
	color: #006666;
	border:2px solid #fff;
	border-bottom:0px solid black;
	line-height:29px;
}
/*Member Center
===================================*/
#member_options {
	border:1px solid #CCCCCC;
	overflow:hidden;
	padding-bottom:10px;
	margin-top:25px;
}

.member_choice {
	float:left;
	margin-left:30px;
	margin-right:10px;
	width:200px;
}

.member_choice dt {
	font-size:1.4em;
	color: #006666;
	margin-left:20px;
	margin-top:5px;
}

.member_choice dd {
	color:#555555;
	font-size:0.9em;
	margin-left:20px;
	margin-top:5px;
}

#content .sidebar li#green_link a  {
	color:#006666;
	font-weight: bold;
	text-decoration:none;
}

#content .sidebar li#green_link a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #006666;
	text-decoration:none;
}
	
dl.table-display {
width: 41.1em;
margin: 0px;
padding: 0px;
font-size:1.1em;
}

.table-display dt {
width: 3.1em;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight:normal;
color:#006666;
}

.table-display dt.date {
width: 28.1em;
float: left;
margin: 20px 0 0 0;
padding: .5em;
font-weight:bold;
font-size:1.3em;
color:#006666;
}

.table-display dd {
float: left;
width: 35em;
margin: 0 0 0 0;
padding: .5em;
}

#conf dl.table-display {
width: 40em;
margin: 0px;
padding: 0px;
font-size:1.1em;
}

#conf  .table-display dt {
width: 15em;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight:normal;
color:#006666;
}

#conf h4{
	font-size:1.2em;
	font-weight:bold;
	}

#conf .table-display dd {
float: left;
width: 17em;
margin: 0 0 0 0;
padding: .5em;
}

#conf .table-display dd a:hover {
	background-color: #e2efee; color:#004747;
	}

#p4p_form #form {
	margin: 20px 0px;
	font-size:1.2em;
	color:#003366;
}
	

#p4p_form form {
 min-height:152px;
 width:500px
 }

#p4p_form table td {
	font-size:.9em;
	font-weight:bold;
	color:003366;
}

#becom_mem table td {
	text-align:center;
	font-size:1em;
}

#becom_mem table th {
	text-align:center;
}

.callbox {
	background:url(/images/call_box.jpg) no-repeat top center;
	width:220px;
	height:117px;
	display:block;
	position:relative;
	}
	
.callbox p {
	font-size:1.1em;
font-weight:bold;
padding:29px 0 0 41px;
width:175px;
	} 
	

/* END Member Center
===================================*/

/*EZINE Redesign
===================================*/
#ezine{margin:0px auto 10px;; padding:0px;color:#000000;background:#FFFFFF;}
#ezine div#container{color:#000000;width:768px;font-size:1.1em;}
#ezine h1{width:100%;padding:0px;margin:0px;height:138px;background:url(/cfincludes/MemberCenter/eZine/images/header_bg.jpg) top left no-repeat;}
#ezine h1#PPN {width:100%;padding:0px;margin:0px;background:none;height:129px;}
#ezine div#green_bar{background-color:#007588; color:white; font-weight:bold; font-size: 1.0em; width:100%; text-align:left; padding:.5px 0px;height:30px; margin-top:3px;}

#ezine div#green_bar a {color:white; font-weight:bold; font-size: 1.05em; text-decoration: none;}

#ezine #main_content p{padding:0 15px 0 0;}
#ezine div#green_bar p{padding:0px 5px;font-size:1.3em;line-height:.5em;margin:9px 0px;}
#sitters_corner {background-color:#e3dfac; width:238px;padding:0px 10px;float:left; clear:right;border:none;color:#000000;min-height:1200px;margin:15px 0 0 0;}
#sitters_corner h4{border:none;font-size:1.6em;color:#00866E;line-height:1.2em;padding:0px;margin:15px 0px;}
#ezine div#main_content{width:490px;padding:5px 10px;float:left;border:none;min-height:850px;}
#ezine #main_content h3{color:#00866e;font-size:1.6em;border:none;margin:0px;padding:10px 10px 0 0px;}
#ezine #main_content h5{color:#00866e;font-size:1.5em;border:none;margin:0px;padding:0px 10px 0 0px;}
#main_content img{padding:0px 15px 0 0;float:left;}
h2.title{display:block;width:100%;background:url(/cfincludes/MemberCenter/eZine/images/section_title_bg.png) repeat-y top left;color:#FFFFFF;font-size:1.6em;padding:0px 10px;}
h3.title{display:block;width:100%;background:url(/cfincludes/MemberCenter/eZine/images/section_title_bg.png) repeat-y top left;color:#FFFFFF;font-size:1.6em;margin:0 0 0 -10px;padding:0 10px;border:none;}
#right_story {background-color:#e3dfac; width:238px;padding:0px 10px;float:left; clear:right;border:none;color:#000000;min-height:850px;}
#right_story h4{border:none;font-size:1.6em;color:#000000;line-height:1.2em;margin:0px;padding:18px 0px;}
#coupon{background-color:#FFFFFF;width:252px;border:3px dashed #000000;margin:0;vertical-align:bottom;float:left;height:auto:}

/*End EZINE Redesign
===================================*/

.social_icons {
float:left;margin:0 3px 0 0;padding:0px 2px 0px 0px;
}

#linkedin {
float:left;margin:2px 1px 0 30px;padding:0px 1px 0px 0px;
}

.redBold {
	font-weight:bold;
	color:#FF0000;
	}
	
/*---------START Partners Section------*/

	
ul.tabnav h2 {
	background-color:#007879;
	color:#FFFFFF;
	font-size:1.5em;
	padding:0px 10px;
	margin:0;
	}



	
#tabvanilla ul.ui-tabs-nav li {
	margin:5px 0px;
	padding:0 10px;
	}

ul.tabnav li a {
	font-size:1.1em;
	line-height:1.1em;	
	}
	
.partners .tabs h3 {
	border-bottom:1px solid #471D00;
	color:#471D00;
	float:left;
	font-size:1.6em;
	margin-top:30px;
	width:100%;
	}
	
.ui-tabs-hide {  
 display: none;  
 }  

#tabvanilla {
		margin:0;
		padding:0;
}
#tabvanilla ul.ui-tabs-nav {
		list-style-type:none;
		list-style-position:outside;
		padding:0px;
		margin:0px;
		}
		
#tabvanilla ul.tabnav div#parents {
	float:left;
	margin:10px 10px 10px 0;
	padding:0px;
	width:240px;
	height:250px;
}

#tabvanilla ul.tabnav div#sitters {
	float:left;
	margin:10px 10px 10px 0;
	padding:0px;
	width:240px;
	height:250px;
}
.red_font{
color:#990000;
font-size:13px;
font-weight:bold;}




.facebook_feed {
	padding: 20px 0;
	width: 250px;
	float: left;
	
}


.twitter_feed {
	padding: 20px 0;
	width: 250px;
	float: right;
	margin-right: 225px;
	margin-top: 700px;
}

.twitter_feed h3 {
	border-bottom: 0;
}

.speaker {
	margin: 5px 0 0 10px;
	border: 1px solid #000;
	float: right;

}


.member-table {
	margin: 0 auto;
}
