/**********************************************************************
	
	This CSS resets all the padding and margin of the different tags.
	This should mean that the browsers don't render the same tags differently.
	
**********************************************************************/
dl, dt, dd, img, div, a, label, form, fieldset, h6, h5, h4, h3, h2, h1, q, blockquote, p, li, ol, ul, body, html {
	border: 0;
	margin: 0;
	padding: 0;
}

html 	{ height: 100%; }

body 	{ /*background-color: #EFEFEF; */
		  font: normal 12px arial, tahoma, verdana, sans-serif;
		}


ul li			{ list-style: none; }
ol  			{ margin: 0 0 10px 50px; line-height: 1.8em; }
ol.decimal	{ list-style-type: decimal; }
ol.lroman	{ list-style-type: lower-roman; }
ol.uroman	{ list-style-type: upper-roman; }
ol.lalpha	{ list-style-type: lower-alpha; }
ol.ualpha	{ list-style-type: upper-alpha; }

ul.circle li	{ margin: 0 0 10px 30px; line-height: 1em; list-style:circle; }
ul.disc	li	{ margin: 0 0 5px 30px; line-height: 1em; list-style: disc; }
ul.check	li	{ 
	background: left center url('../images/check.gif') no-repeat;
	margin: 5px 0 5px 15px; line-height: 1.25em; 
	padding-left: 18px;
}

a {
	font-weight: bold;
	color: #161616;
	text-decoration: none;
	cursor: pointer; 
	outline: none;
}
a:hover {
	color: #a91000;
}

a img {	border: 0;	background: transparent; }

/* Some other useful classes we can apply to any tag */
hr {
	background-color: #ccc;
	border: 0px solid #ddd;
	color: #ddd;
	height: 1px;
	width: 100%;
}
hr.sep 	{ 
	clear: both;  
	background-color:#EEE;
	height: 1px;
	width: 100%;
	
}
hr.line 	{ 
	clear: both;  
	background-color:#f7f8fc;
	height: 1px;
	width: 100%;
}

h2  {
	font: bold 14px arial, sans-serif;
	color: #bc1200; 
	padding: 5px 5px 8px 8px;
	border-bottom: 3px solid #e3e5e6;
	margin-bottom: 5px;
	
}
h3 { font: bold 14px arial, sans-serif; }


.clear		{ clear: both; font-size: 0; height: 0px; line-height: 0%; }
.clearLeft	{ clear: left;	 	}
.clearRight	{ clear: right;	 	}
.separator	{ display: none; 	}
.hidden		{ display: none; 	}
.block		{ display: block;	}

.right		{ position: relative; text-align: right; }
.left		{ position: relative; text-align: left; }

.floatleft_p	{ 
	float: right;
	width: 235px; 
	padding: 1px 0 0 8px;
	border: 0px solid #000;
}

.floatright { float: right;	}
.floatleft	{ float: left;	}
.floatleftf { float: left; width: 100%; }

.mid 		{ vertical-align: middle; }
.inleft 		{ float: left; margin: 6px 5px 20px 0; }
.inleftB 	{ float: left; margin: 6px 0px 20px 0; }

.inright	{ float: right; margin: 10px 0 10px 25px; }

.wb			{ border: 1px solid #ccc; } /* WITH BORDER */
.wbp		{ border: 1px solid #ccc; padding: 5px; } /* WITH BORDER AND PADDING*/
.nb 			{ border: none!important; } /* NO BORDER */




/* TOP MARGIN */
.t5		{ margin-top: 5px;  }
.t10	{ margin-top: 10px; }
.t15	{ margin-top: 15px; }
.t20	{ margin-top: 20px; }
.t25	{ margin-top: 25px; }
.t30	{ margin-top: 30px; }
.t35	{ margin-top: 35px; }
.t40	{ margin-top: 40px; }
.t45	{ margin-top: 45px; }
.t50	{ margin-top: 50px; }

/* BOTTOM MARGIN */
.b5		{ margin-bottom: 5px;	}
.b10	{ margin-bottom: 10px;	}
.b15	{ margin-bottom: 15px;	}
.b20	{ margin-bottom: 20px;	}
.b25	{ margin-bottom: 25px;	}
.b30	{ margin-bottom: 30px;	}
.b35	{ margin-bottom: 35px;	}
.b40	{ margin-bottom: 40px;	}
.b45	{ margin-bottom: 45px;	}
.b50	{ margin-bottom: 50px;	}

/* LEFT MARGIN */
.l5		{ margin-left: 5px;  }
.l10	{ margin-left: 10px; }
.l15	{ margin-left: 15px; }
.l20	{ margin-left: 20px; }
.l25	{ margin-left: 25px; }
.l30	{ margin-left: 30px; }
.l35	{ margin-left: 35px; }
.l40	{ margin-left: 40px; }
.l45	{ margin-left: 45px; }
.l50	{ margin-left: 50px; }
.ols	{ margin-left: 16px !important; margin-left: 20px; font-family: tahoma, verdana, arial, sans-serif;   }
.ols li	{ line-height: 1.8em; }
.ols h5	{ font-family: arial, tahoma, verdana, sans-serif; }

/* RIGHT MARGIN */
.r3		{ margin-right: 3px;  }
.r5		{ margin-right: 5px;  }
.r10	{ margin-right: 10px; }
.r15	{ margin-right: 15px; }
.r20	{ margin-right: 20px; }
.r25	{ margin-right: 25px; }
.r30	{ margin-right: 30px; }
.r35	{ margin-right: 35px; }
.r40	{ margin-right: 40px; }
.r45	{ margin-right: 45px; }
.r50	{ margin-right: 50px; }

.up		{ text-transform: uppercase; }

.center {
	position: relative;
	text-align: center;
}
.ctr 		{ text-align: center; }

.indent 		{ padding-left: 18px; }
.spacer 		{ height: 25px; }

.red 		{ color: #aa0308; }
.orange 		{ color: #f26522; }
.yellow 		{ color: #ff9c00; }
.greenB 		{ color: #39b44a; }
.green 		{ color: #39b44a; }
.blue 		{ color: #3366cc; }
.gray 		{ color: #6a6c72; }
.black 		{ color: #000000; }

.logo{
	color: #0f6c1b;
	font-weight: bold;
}

.big		{ font-size: 1.35em; }
.small 		{ font-size: 8pt; color: #666; }
.norm		{ font-weight: normal; }
.bold		{ font-weight: bold; }
.ital		{ font-style:italic; }

.tel		{ background: url("../images/i_phone.gif") no-repeat; }
.fax		{ background: url("../images/i_fax.gif") no-repeat; }
.mail		{ background: url("../images/i_mail.gif") no-repeat; }
.email		{ background: url("../images/i_email.gif") no-repeat; }
.web		{ background: url("../images/i_globe.gif") no-repeat; }
.xlink		{ background: url("../images/i_external.gif") no-repeat; }
.idate		{ background: url("../images/i_date.gif") no-repeat; }

.web, .mail, .fax, .tel, .email, .xlink, .idate { 
	font-weight: normal!important;
	background-position: left center; 
	padding-left: 20px; 
}
a.web, a.mail, a.fax, a.tel, a.email, a.xlink { 
	font-weight: normal!important;
	text-decoration: underline;
}
a:hover.web, a:hover.mail, a:hover.fax, 
a:hover.tel,a:hover.email , a:hover.xlink{ 
	text-decoration: none;
}