body {
	background: #fff;
	margin:0px; padding:0px;
	background-image: url(images/body_bg.gif); background-position:center; 
	}
	
body.two_col .col3 {display:none;}
body.two_col .col2 {/*background-color:pink;*/ width:612px; position:relative;}
body.two_col .activity_img { width:625px; /*background-color:yellow;*/}

body.two_col .activity_img ul.activity_list { /*background-color:pink; */margin:0px; padding:0px;}
body.two_col .activity_img ul.activity_list li {width:190px; float:left; margin-bottom:2px;}

.top_wrapper { width:100%; background-image: url(images/wrapper_bg.gif); background-repeat:repeat-x; border-bottom:1px solid #fff; background-color:#687526;}

.header {width:960px; margin:0 auto; height:173px;}
.utility_links {
	float:left;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:7px 2px 0 0;
/*	background: red;*/
	height:22px;
	width:100%;
}
.utility_links ul {margin:0px; padding:0px; color:#fff; float:right;}
.utility_links li {display:inline; }
.utility_links a:link, .utility_links a:visited, .utility_links a:active {color:#fff; text-decoration:none;}
.utility_links a:hover {color:#fff; text-decoration:underline;} 

.logo { width:464px; height:89px; background-image:url(images/PP_logo.gif); background-repeat:no-repeat; clear:both; padding-top:20px; float:left;}

.logo img {display:none;}
.logo a {text-indent:-9999px; display:block; height:80px; width:330px; /*border:1px solid red;*/:-moz-any-link:focus;outline:none; }

.logo h1 {margin:0; padding:0;}

.activity_search {clear:both; float:left; text-align:left;/*background-color:red;*/  padding:0px 0 0 0px; width:960px; margin:0px;}

.activity_search h2 {height:34px; width:154px; float:left; background-image:url(images/activity_search.gif); background-repeat:no-repeat; background-position:left 1px; margin:0px 10px 0 0; padding:0px; text-align:left; text-indent:-9999px; }

.activity_search a:link, .activity_search a:visited, .activity_search a:active {
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
}

.activity_search a:hover {
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;}



.activity_search ul {
	margin: 0;
	padding:7px 0 0 0;
	list-style-image: none;
	list-style-type: none;
	float:left;
/*	background-color:pink;*/
	width:795px;
	float:right;
}

.activity_search li { display:inline; 	list-style-image: none;
	list-style-type: none; margin:0px 0px 3px 0; padding:0px 8px 0 0; }

.activity_search li.submit {display:inline; list-style-image: none;
	list-style-type: none; margin:0px 0px 3px 0; padding:0;}
	
.activity_search ul li input.submit_button {height:19px;}

*html .activity_search li { display:inline; 	list-style-image: none;
	list-style-type: none; margin:0px 0px 3px 0; padding:0px 15px 0 0; }

.activity_search select {
	height:16px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	line-height:18px;
}

.activity_search input {
	height:19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;}
	
.activity_search li input.keyword {height:12px; 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;}

.container {
	width: 950px; 
	margin:0 auto; 
	background-image: url(images/inside_bodywrapper_bg.png); 
	background-repeat:repeat-y;
	clear:both;
	padding:0 15px;}

.col1 {width:298px; padding:0 0 10px 0; float:left;}




.col2 {
	width:360px;
	float:left;
	padding:20px 36px 25px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
/*	background-color:pink;*/
	position:relative;
}

.col2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #687526;
	clear:both; /*--Added to get contact us page to look right--*/
}

.activity_img { background-color:#fff; width:343px;  float:left; color:#666666; line-height:18px;}
.activity_img img {padding:6px; border:1px solid #cccccc; margin-bottom:15px;}

.activity_img h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;

	color: #C6703F;
	margin:0px 0 15px 0; padding:0px;
}

.activity_img dl {
	margin:0px 0 15px 0;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	width:350px;
}
.activity_img dt {
	margin:0px 0 2px 0;
	padding:0px;
	font-weight: bold;
	color:#687526;
}
.activity_img dd {margin:0px; padding:0px;}

.activity_img ul {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

.activity_img li { background-image:url(images/pp_bullet_gray.gif); background-position: 8px 7px; background-repeat:no-repeat; padding:0 0 0 15px;}

.activity_img li a:link, .activity_img li a:visited, .activity_img li a:active {color:#666666; text-decoration:underline;}
.activity_img li a:hover {color:#c6703f; text-decoration:underline;}

.col3 {
	width:216px;
	float:left;
	padding:20px 24px 20px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
/*	background-color:yellow;*/
}


.callout{ border:1px solid #cccccc; background-color:white; color:#666666; margin-bottom:20px; width:195px;}
.callout h2 {
	background-color:#e8e8d7;
	color:#32889a;
	padding:6px 8px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	margin:0px 0 15px 0;
	font-size: 14px;
	font-weight: bold;
}

.callout h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #32889a;
	font-weight: bold;
	margin:0px 0 10px 0;
	padding:0px;}

.ratings {clear:both; width:170px; padding:0px 0 10px 14px; text-align:left; /*background-color:pink;*/}  

.callout a:link, .callout a:visited, .callout a:active {color:#666666; text-decoration:underline;}
.callout a:hover {color:#c6703f; text-decoration:underline;}

.callout dl {margin:0px 0 15px 13px; padding:0px;}
.callout dt {
	margin:0px 0 6px 0;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #32889a;
	font-weight: bold;
}

.callout dd {margin:0px 0 4px 0; padding:0px 0 0 22px; background-image:url(images/pp_bullet_gray.gif); background-repeat:no-repeat; background-position:13px 8px;}

.freeJoin { height:91px;}

.freeJoin a img{
	display: inline; float:left;
}
.freeJoinWrapper div {
	width:360px;
	position:absolute;
	right: 18px;
	top: 5px;
	float:right;
	clear: all;
	margin-bottom: 30px;
	z-index: 0;
}
.activitySpacer {
	margin-bottom:50px;
}

.footer {
	clear:both;
	background-color:#c5c69b;
	padding:15px 10px 15px 0;
	margin-left:1px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5454;
}

.footer ul {
	list-style-image: none;
	list-style-type: none;
	margin:5px 0; padding:0px;
}

.footer li { display:inline;	list-style-image: none;
	list-style-type: none;}
	
.footer a:link, .footer a:visited, .footer a:active {color: #5c5454; text-decoration:none;}
.footer a:hover { color: #5c5454; text-decoration:underline;}

p {margin:0 0 10px 0; padding:0}

A {color: #000000; }
A:link {text-decoration: underline; }
A:visited {text-decoration: underline; }
A:active {text-decoration: underline; }
A:hover {text-decoration: none; }

h1 {
	color: #C6703F;
	margin:0 0 20px 0;
	font-size: 18px;
	font-weight: bold;

	}
h2 {
	color: #003C7B;
	margin:0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
	}
h3 {
	color: #336666;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	clear:both;
	}

h4 {
	color: #336666;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}

/*this style is for subheadings "Rating" and "Review this Activity" on activity details page*/
h5 {
	font-weight: bold;
	color:#687526;
	margin:0px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear:both;
	}

p {
	margin:0 0 15px 0;
	}
/*-- Button Styles --*/
.buttonWrap {
	clear: both;
	}

.button {
	color: #fff;
	cursor:pointer;
	background: #999;
	padding: 5px;
	margin:0 0 10px 0;
	border: solid 1px #666;
	font-size: 9px;
	width: auto;
	overflow: visible;
	}

.button2 {
	color: #fff;
	background:#CC0000;
	padding: 1px 5px;
	margin:0 10px 0 0;
	border: 3px double #990000;
	font-size: 9px;
	width:auto;
	overflow:visible;
	}
.button2:hover, .submit:focus {
	border: 3px double #CC0000;
	}

/*-- tables --*/
.help {	color: #c6703f; }
.help A { color: #c6703f; }

.error {  color: #c6703f; 	font-weight: bold; background-color:#deeced; }
.error A { color: #c6703f;}
.required { color: #c6703f; font-weight: bold; }

.MyCalendar {background-color:#ffffff; border:1px solid #c6703f;}

.radio td label {
	font-weight: normal;
	float:none;
	display:inline;
	}

.table1 {
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	margin:0 0 10px 0;
	width:100%;
	border:none;
	}
.table1 p, .table1 dl {margin-bottom:0;}
.table1 td { padding: 8px 15px; vertical-align:top;  	}


.table1 td dl { padding-top:0; margin-top:0;}
.table1 label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table1 th, .table1 .tablehead, .table1 tr.titles {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #32889A;
	}

.table1 th, .table1 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table1 th A, .table1 .tablehead A, .table1 tr.titles a {color: #FFFFFF;}

.table1 .alt { background:#eee; }
.table1 tr.alt td {border:0px; }

.table1 .pager { color: #9b5f0c;}
.table1 .pager A { color: #9b5f0c;}

.table2 {
	color: #000;
	background:#FFFFFF;
	border:1px solid #FF9900;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	border-collapse: collapse;
	width:500px;
	}
.table2 A { color: #003C7B;}

.table2 td { padding: 4px 15px 4px 4px;}
.table2 label {
	display:block;
	margin:6px 0 0 0;
	font-weight: bold;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table2 th, .table2 .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
	}

.table2 th, .table2 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table2 th A, .table2 .tablehead A { color: #000000;}

.table2 .alt {
	background:#FCE8DA;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FFCC66;
}

.table2 .pager { color: #000000; background:#FFFFFF; }
.table2 .pager A { font-weight:bold; }


/* Table A and Table B ARE USED BY GLOBAL ADMIN */
.tablea {
	color: #000; 
	background:#9b5f0c; 
	border:1px solid #9b5f0c; 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.tablea A { color: #003C7B;}

.tablea td { padding: 4px 15px 4px 4px;}
.tablea label {
	margin:6px 0 0 0;
	float:left;
	font-weight: bold;
	width:80px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.tablea th, .tablea .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9b5f0c;
	}

.tablea th, .tablea .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.tablea th A, .tablea .tablehead A {color: #FFFFFF;}

.tablea .alt { background:#C8C8A8;}

.tablea .pager { color: #9b5f0c;}
.tablea .pager A { color: #9b5f0c;}

/* table b */
.tableb {
	color: #004780; 
	background:#fff; 
	border:1px solid #93a7c5; 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.tableb A { color: #003C7B;}

.tableb td { padding: 4px 15px 4px 4px;}
.tableb label {
	margin:6px 0 0 0;
	float:left;
	font-weight: bold;
	width:80px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.tableb th, .tableb .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004780;
	}

.tableb th, .tableb .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.tableb th A, .tableb .tablehead A {color: #FFFFFF;}

.tableb .alt { background:#fefae1;}

.tableb .pager { color: #9b5f0c;}
.tableb .pager A { color: #9b5f0c;}

/*-------Featured Threads-------*/

div.featuredThreads {
	background-color:#d6ebee;
	float:right;
	padding:7px;
	position:absolute;
	right: 37px;
	top: 10px;
	width:350px;
}
div.featuredThreads h2 {
	margin:0 0 8px 0;
	padding:0;
}
div.featuredThreads ul {
	font-size:11px;
	list-style:square;
	margin:0;
	padding:0 0 0 20px;
}
div.featuredThreads li {
	margin-bottom:4px;	
}

div.forumSearch {
	margin-bottom:40px;	
}

/*-- Fieldset Styles --*/
fieldset {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 600px;
	display: block;
	}
	
fieldset fieldset {
	width:560px;
	border:none;
	margin:0;
	padding:0;
}
fieldset fieldset legend {
	margin:20px 0 8px 0;
	padding:0;
	font-weight:bold;
}
	
fieldset h2 {
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
	color: #333;
	}
	
fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

fieldset li {
	width: 600px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}

fieldset li label {	
	float: left;
	width: 150px;
	vertical-align: top;
	}
	

fieldset li input {	
	float: left;
	width: 150px;
	vertical-align: top;
	}

fieldset li select {	
	float: left;
	width: 154px;
	vertical-align: top;
	}

fieldset .required {
	color: #c6703f;
	}
	
fieldset .help {
	width: 160px;
	clear: both;
	margin: 0 0 0 150px;
	color:#687526
	}
	
fieldset .toa {
	float:left;
	width: 400px;
	color:#687526
	}
	
fieldset ul li .error {
	margin: 0 5px;
	background: url(images/icon_alert.png) no-repeat left -3px;
	height: 20px;
	width: 20px;
	text-indent: -9999em;
	padding:0 0 0 22px;
	}
	
div.error ul li {color:#c6703f;}

.orange {color:#c6703f;}


/*-- Radio Styles --*/
fieldset ul li.radio {
	/*padding: 0 5px 0 0;*/
	}

fieldset ul li.radio table {
	padding: 0 5px 0 0;
	border-collapse: collapse;
	}

fieldset ul li.radio table td {
	padding: 2px;
	}

fieldset ul li.radio label {
	width: 150px;
	clear: none;
	}
	
fieldset ul li.radio input {
	float: left;
	width: auto;
	}

/*-- Checkbox Styles --
fieldset ul li.checkbox input, fieldset ul li.checkbox span input {
	width: 20px;
	}

fieldset ul li.checkbox label {
	width: 340px;
	}

fieldset ul li.checkbox p {
	margin: 0 0 5px 0;
	}*/
/*needed for global **/

	
/*-- STEPS --*/	
.steps {
	list-style-type: none;
	margin: 0 0 20px 0;
	}
	
ul.steps li {
	display: inline;
	width: 32px;
	margin: 0 15px 0 0;
	}
	
.wide div.col2 { width:615px; float:left;}
	
	
dl.ActivityList {margin:0px 0 30px 0; padding:0px 0 15px 0; clear:both; float:left; width:615px; background-color:#eeeeee;}
.ActivityList dt {margin:0px 0 12px 0; padding:3px 0 3px 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; background-color:#32889A;
	color:#fff;}

.ActivityList dd {
	margin:0px 0 2px 0;
	padding:0px 0 0 10px;
	width:195px; float:left;

}

dl.CategoryList {margin:0px 0 30px 0; padding:0px 0 15px 0; clear:both; float:left; width:615px; }
.CategoryList dt {
	margin:0px 0 0px 0; 
	padding:3px 0 3px 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; 
	background-color:#32889A;
	color:#fff;
	width:605px;
}

.CategoryList dt a {color:#fff;}

.CategoryList dd {
	margin:0px 0 20px 0;
	padding:12px 0 10px 10px;
		background-color:#eeeeee;

}

dl.SkillList {margin:0; padding:0 15px 0 0; float:left; width:290px; height:100px; }

.SkillList dt {margin:0px 0 0px 0; padding:3px 0 3px 10px; 
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; background-color:#32889A;
	color:#fff;
	float:left;
	width:280px;
}

.SkillList dt a {color:#fff;}

.SkillList dd {
	margin:0;
	padding:10px;
	width:270px;
	height:40px;
	background-color:#eeeeee;
	float:left; clear:both;
		

}

.BioPic{float:left; padding:0 20px 20px 0; }

dl.Biography {width:150px; margin:0px 0 20px 0; padding:0px;}
.Biography dt {margin:0px; padding:0px; width:150px; text-align:center;}
.Biography dd {margin:0px; padding:0px; width:150px; text-align:center;}

.Biography dd h3 {margin:10px 0 0 0; padding:0px;}

.keywords_popup {
width:144px; 
background-color:white; 
position:absolute; 
left:460px; 
top:0; 
padding:10px;
border:1px solid #687526;
z-index:10;}

*html .keywords_popup {
width:144px; 
background-color:white; 
position:absolute; 
left:480px; 
top:0; 
padding:10px;
border:1px solid #687526;}

.keywords_popup a {background-color:#32889A; color:#fff; text-decoration:none; display:block; width:134px; padding:5px;margin:0 0 15px 0;}

.keywords_popup ul {
	margin:0;
	padding:0;

}

.keywords_popup li {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;}
	
.keywords_popup ul li a:link, .keywords_popup ul li a:visited, .keywords_popup ul li a:active {background-color:#fff; text-decoration:underline; padding:0px; margin:0px;}

.keywords_popup ul li a:hover {background-color:#fff; text-decoration:none; padding:0px; margin:0px;}

p.checkoutButton {clear:both;}
.submittest {float:left;}



span.checkbox {float:left;clear:both; width:100%;}
span.checkbox label {padding:2px 0 0 0;}

span.required {width:150px; float:left;}

fieldset li div.check_test input {float:left; width:20px; }	
fieldset li div.check_test label{float:left; margin:0 -2px 0 0; position:relative; }

fieldset ul h2 {clear:both;}

fieldset ul li textarea {width:400px;}
fieldset ul li input {width:400px;}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width:21px;
    height:20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.savedRatingStar {
    background-image: url(images/blue_star.gif);
}

.filledRatingStar {
    background-image: url(images/blue_star.gif);
}

.emptyRatingStar {
    background-image: url(images/gray_star.gif);
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464; 
    position:inherit;
    width: 200px;
    background-color: white; 
    padding: 0; 
    display:block;
                margin: 0;
    color: #496d8f; /*-- Header/Footer Color --*/
                }


textarea {	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

smalltext {	font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
}
	
input, select {font-family: Arial, Helvetica, sans-serif;
	font-size:12px;}
    
    
dl.links { margin:0px 0 25px 0; padding:0px; clear:both; float:left; width:100%;}
dl.links dt { float:left; width:170px; margin:0px; padding:0px; text-align:center;}

dl.links dt img	{max-width:125px;
	width: expression(this.width > 126 ? 125: true);}

dl.links dd { float:left; width:400px; margin:0; padding:0;}

hr { clear:both; margin-bottom:10px; _margin-bottom:3px;}

.photo_rotator {background-color:#D6EBEE; padding:2px; width:283px; text-align:center; margin:10px 0 0 6px;}

div.ajax__calendar_title {
border: none; /* Fixes the "previous" and "next" buttons in the popup title */
}