@import url(typography.css);
*						{margin:0px; padding:0px; border:none; outline:0px;}

.ping img				{behavior: url(http://www.johnpaulpet.com/jppet/iepngfix.htc);}

body					{font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#000;
						 background:#fff;														height:100%;}
						
						
.chronoform a{
	color: white;
	font-size: 1px;
}
.wrapper				{position:relative;										width:985px;	height: auto;	margin:auto;	text-align:left;} 
.bkgcell				{position:relative;	float:left;	left:5px;	top:5px;	width:980px;	height:100%;	z-index:1;
						 /*background:#69f;*/}

#logobox				{position:relative;	float:left;							width:500px;	height:100px;}

#topnavbox				{	float:left;							width:480px;	height:100px;z-index:1000;}

#maincontentbox			{float:left;							width:980px;	z-index:10;}
#maincontentboxlogin	{position:relative;	float:left;							width:980px;	z-index:10;}

#flashbox				{position:absolute;	float:left;	left:0px;	top:0px;	width:980px;	height:510px;}
.above					{z-index:50;}
.below					{z-index:-50;}

.foreground				{position:absolute;	float:left;	left:0px;	top:0px;	width:100%;		height:100%;	z-index:30;}

#rollouts				{position:absolute;	float:left; left:0px;	top:100px;	width: auto;	height:510px;	z-index:20;
						 color:#222;	font-size:14px;}
#rollouts p				{padding:0px 15px 0px 10px;}
#rollouts span			{ float:right; font-size:12px;}

#roll1tab, #roll2tab,
#roll3tab				{position:absolute;	float:left;	overflow:hidden;}
.tab					{position:absolute;	float:left;	right: 0px;	top:0px;	width:175px;	height:160px;}

#roll1trig, #roll2trig,
#roll3trig				{position:relative;	float:right;						width:25px;		height:150px;	padding-left:5px;
						 background:url(blank.gif);								color:#fff;		font-size:16px;	font-weight:bold;	cursor:pointer;}

#roll1cont				{position:absolute;				left:175px;	top:  5px;	width:390px;	height:400px;}
#roll1cont h1,
#roll1cont a,
#roll1cont a:visited,
#roll1cont a:hover		{color:#909;	text-decoration:none; font-weight:bold;}
#roll2cont				{position:absolute;				left:175px;	top:210px;	width:390px;	height: auto;}
#roll2cont h1,
#roll2cont a,
#roll2cont a:visited,
#roll2cont a:hover		{color:#0cc;	text-decoration:none; font-weight:bold;}
#roll3cont				{position:absolute;				left:175px;	top:180px;	width:390px;	height:400px;}
#roll3cont h1,
#roll3cont a,
#roll3cont a:visited,
#roll3cont a:hover		{color:#c21;	text-decoration:none; font-weight:bold;}

#maincontent			{	float:left;	left:0px;	top:0px;	width:930px; padding: 0px  0px  0px 50px;}
#maincontentlogin		{position:absolute;	float:left;	left:0px;	top:60px;	width:980px;					padding: 0px  0px  0px 050px;}

#screenfader			{position:absolute;				left:0px;	top:0px;	width:610px; height:530px; margin-top: 100px; margin-bottom:100px;	background:#fff;	z-index:10}

#contentbox				{position:relative;	float:left;							width:560px;	height:100%;	overflow:auto;
						 color:#333; font-size:12px; line-height:1.2;}
#contentbox a:link,
#contentbox a:visited	{text-decoration:none;	font-weight:bold;	color:#0cc;}
#contentbox a:hover,
#contentbox a:active	{text-decoration:none;	font-weight:bold;	color:#909;}
h1						{display:inline;		padding:0px 5px 0px 10px;
						 color:#333; 			font-size:18px;		font-weight:bold;}
p						{padding:5px 5px 5px  5px; clear:both;
	color: #535353;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
#contentbox p			{padding:5px 5px 5px 15px; text-align:justify;}
.timages				{position:relative;	float:left;	display:block;			width: auto;	height: auto;	padding:0px 5px 0px 15px;}
.pimages				{position:relative;	float:left;	display:block;			width: auto;	height: auto;	padding:5px 0px 0px 15px;}
#contentbox p img, .timages img,
.pimages img			{position:relative; float:left; display:block;}

.galpic					{position:absolute;	float:left;	left:-560px; top:0px;	width:560px;	height:510px;	text-align:center;
						 background:#fff; }
.headimg				{position:relative;	float:left;	display:block;			width: auto;	height: auto;}
.commitment				{position:relative;	float:right;	display:block;			width:140px;	height: 50px;	background:url(CommitmentBtn.png);}
.passion				{position:relative;	float:right;	display:block;			width:110px;	height: 50px;	background:url(PassionBtn.png);}
.mission				{position:relative;	float:right;	display:block;			width:106px;	height: 50px;	background:url(our_mission.jpg);}
.founder				{position:relative;	float:right;	display:block;			width:110px;	height: 50px;	background:url(FounderBtn.png);}
.events					{position:relative;	float:right;	display:block;			width: 85px;	height: 50px;	background:url(EventsBtn.png);}
.outreach				{position:relative;	float:right;	display:block;			width: 85px;	height: 50px;	background:url(outreach.jpg);}
.pmts					{position:relative;	float:right;	display:block;			width:165px;	height: 50px;	background:url(PMTSBtn.png);}
.visit					{position:relative;	float:right;	display:block;			width:250px;	height: 50px;	background:url(VisitClubsBtn.png);}
.clubs					{position:relative;	float:right;	display:block;			width: 50px;	height: 50px;	background:url(ClubsBtn.png);}


#rightbox				{position:relative; float:left;							width:365px;	height:510px;	/*background:#c9f;*/}


#footbox				{	float:left;							width:980px;	height: 25px;}
#jppinfobox				{	float:left;							width:530px;	height: 23px;	padding:10px 0px 0px 450px;
						 background:repeat-y top center url(login.png); 		color:#000;		font-size:10px;	font-weight:bold;}
#loginbox				{position:relative;	float:left;							width:180px;	height: 37px;	padding:0px 0px 0px 800px;
						 background:no-repeat bottom right url(loginfull.png);	color:#999;		font-size:15px;	font-weight:bold; }

#noisemaker				{position:relative;	float:left;							width:20px;		height:20px;	visibility:hidden;}


/*MISC TERMS------------------------------------------------------------------*/
.textbox				{float:left;	display:block;				width: auto;	height: auto;	padding:5px;}

.titletext				{float:left;	display:block;				width:740px;	height: auto;	padding:5px;}
.titletext a:link		{text-decoration:none;	font-weight:bold;	color:#ffcc00;}
.titletext a:visited	{text-decoration:none;	font-weight:bold;	color:#ffcc00;}
.titletext a:hover		{text-decoration:none;	font-weight:bold;	color:#00FF00;}
.titletext a:active		{text-decoration:none;	font-weight:bold;	color:#00FF00;}

.mainlinks a:link		{text-decoration:none;	font-weight:bold;	color:#ffcc00;}
.mainlinks a:visited	{text-decoration:none;	font-weight:bold;	color:#ffcc00;}
.mainlinks a:hover		{text-decoration:none;	font-weight:bold;	color:#00ff00;}
.mainlinks a:active		{text-decoration:none;	font-weight:bold;	color:#00ff00;}


.posrel					{position:relative;}
.posabs					{position:absolute;}
.dispnone				{display:none;}
.dispblock				{display:block;}
.floatl					{float:left;}
.floatr					{float:right;}
.clear					{clear:both;}
.clearl					{clear:left;}
.clearr					{clear:right;}
.padded5				{padding:5px;}
.padded10				{padding:10px;}

.hr001					{width:100%;	height:3px;			margin:20px 0px 10px 0px; 	padding:0px;		overflow:hidden;  		position:relative;
						 float:left;	background:#000;	text-align:center;	display:block;	border-top:1px solid #930;	border-bottom:1px solid #930;
						 clear:both;}
.hr001a					{width:100%;	height:1px;			margin: 0px 0px  0px 0px; 	padding:0px;		overflow:hidden;  		position:relative;
						 float:left;	background:#fc6;	text-align:center;	display:block;	border-top:1px solid #c60;	border-bottom:1px solid #c60;
						 clear:both;}
						 
.mod_login td {
padding-top: 10px;	
}

table.mod_login {
	width: 300px;
}

.mod_login label {
float: left; width: 100px;	
}

#mod_loginform table.mod_login tbody tr td input.button {
	padding: 5px;
	margin-left: 170px;
}

#cbProfileTitle {
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	color: #333333;
	font-weight: 400;
}

#cb_tabmain div.tab-row h2.tab {
	height: 32px;
	
}

#cb_tabmain {min-height: 400px;
	
}

input#mod_login_remember {
	top: -6px;
}

.mod_login input {
	position: relative;
	top: -13px;
	margin-top: 6px;
	margin-bottom: 10px;
}
textarea#cb_pleasetellusaboutyourpetandyourfavoritejohnpaul.inputbox, textarea#cb_pleasetellusaboutyourpeteventorpetcharityfundra.inputbox{
 border: 1px solid #ccc;
 width:40em;
 background-color: #eee;	
}

#cbfv_61 span.cbSnglCtrlLbl {
	padding-right: 15px;
	clear: both;
	float: left;
	padding-bottom: 10px;
}

#registrationTable tbody tr td input.button {
	padding: 5px;
	margin-bottom: 15px;
}