
@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	background-image: url(images/joinnow/design1BG.jpg);
	background-repeat: repeat-x;
	background-color: #f8fbfd;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
}
a {
	color: #0988B1;
	text-decoration: none;
}
p { 
margin-bottom: 12px; }
ul { 
margin-bottom: 12px; 
margin-left: 0px; 
margin-right: 20px; 
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
.error {

	text-align: center;
	font-size: 11px;
	color: #990000;
}


#container {
	width: 730px;
	padding-right: 31px;
	padding-left: 35px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;

}
#footer {
	width: 690px;
	border-top: 1px solid #c8cfd3;
	padding-top: 15px;
	margin: 22px 0px 0px 19px;
	float: left;
	font-size: 10px;
	text-align: center;
}
#footer a {
	color: #333;
	text-decoration: none;
}
#header {
	height: 84px;
	width: 704px;
	font-size: 10px;
	background-image: url(images/joinnow/line.gif);
	background-repeat: no-repeat;
	background-position: 14px 55px;
}
#header span {
	float: right;
	margin: 26px 31px 0px 0px;
}
#header #logo {
	margin-top: 7px;
	margin-left: 10px;
	border:none;
}

#leftColumn {
	float: left;
	width: 298px;
	margin-left: 23px;
	padding-top: 11px;
	font-size: 12px;
	padding-right: 49px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#leftColumn ul li { margin-left: 15px; }
#rightColumn {
	float: left;
	width: 350px;
	margin-bottom:0px;
	padding-bottom:0px;
	
}
/*  *html #rightColumn { height:545px; } */
#container input { width:  110px;; }  /* text field width  in id rightColumn*/
#container select { width:  110px;; }
#rightColumn select, #rightColumn input {
	font-size: 11px;
	color: #4D4D4D;
	padding: 3px 2px;
	border: 1px solid #a5a5a5;
	width:  110px;; 
}
#rightColumn table { width:334px;

}
#rightColumn table td {
	vertical-align: middle;
	padding-bottom: 3px; 
	padding-right: 20px;
	/*text-align:left */
}
#rightColumn table td span {
	font-size: 12px;
	font-weight: bold;
	text-align:left ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#rightColumn #formBGHolder 
{
	background-image: url(images/joinnow/design1FormBack2.jpg);  /*French background image size: 334 X 430px */

	background-repeat: no-repeat;
	background-position: left top;
	padding: 13px 0px 0px 0px;
	 width:334px; 
	margin: 0px 0px 0px 0px;
	
	/* Length of background image - if not specified will create a break in safari */
	height:430px; 
	
	
}

p.tooltiptext /* used for french only - no image */
{
    MARGIN-TOP: 0px;
	PADDING-TOP: 0px;
    FONT-SIZE: 12px;
   PADDING-BOTTOM: 5px;
   MARGIN-BOTTOM: 0px;
	TEXT-ALIGN: center;
	COLOR:#333333;
	TEXT-DECORATION:NONE;

	
	
}


/*  Mouseover Tooltip - used for English spam image */


a:hover {background; none; text-decoration:none; height:0px;width=0px;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

a.tooltipfrench span {display:none; padding:2px 3px; margin-left:8px; width:300px;}
a.tooltipfrench:hover span{display:inline; position:absolute; background:#FFFFFF; border:1px solid #999999; color:#333333;padding:3px;}




/*      END     Mouseover Tooltip          */
