/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.03.fonts.css ############### */
/*
contains:
	font rules - to be adjusted for each site that uses this framework
	DOES NOT INCLUDE NAVIGATION FONTS
*/	



/* ############### BASIC FONT SETTINGS ############### */
/* ############### ADJUST ON A AS-NEEDED-BASE ############### */
html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #222;
	}
	
/* ###### GENERIC CLASSES AND TAGS ######  */
strong, b, .strong, .bold, .b{ font-weight: bold !important;}
em, i, .italic, .i, .em{ font-style: italic !important;}
sup{line-height: 75%;}	

p, .p{	margin: 0 0 1em 0;}



/* ###### LINKS ######  */
a{
	cursor: hand !important;
}
#maincontent a:link{ color: #761179;}
#maincontent a:visited{ color: #761179;}
#maincontent a:hover, #maincontent a:active{ color: red; text-decoration: none;}




/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #761179;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	line-height: 1em;
	}	
h1, .h1{ font-size: 175%; margin-bottom: 1em;}
h2, .h2{ font-size: 135%; line-height: 1.5em;}
h3, .h3{ font-size: 120%;}
h4, .h4{ font-size: 110%;}
h5, .h5{ font-size: 100%;}
h6, .h6{ font-size: 90%;}


/* ###### LISTS ######  */
#maincontent ul{	margin: 0.5em 0 0.5em 2em;	}	
#maincontent ul li{
	list-style-type: square;
	margin-bottom: 0.25em;
	line-height: 1.4em;
	}
#maincontent ul ul li{	list-style-type: disc;}

#maincontent ol{	margin: 0 0 1em 2.5em;	}	
#maincontent ol li{
	list-style-type: decimal;
	margin-bottom: 0.25em;
	}
#maincontent ol ol li{	list-style-type: upper-roman;	}



#maincontent p{
	text-align: justify;
	line-height: 1.5em;
}

#maincontent ul li{
	list-style-image: url(/websites/20/uploads/image/templates/basics/list-bullet.2.gif);
}

#maincontent .purple{	color: #761179 !important;}
#maincontent .orange{	color: #f28b00 !important;}
#maincontent .black{	color: #000 !important;}



#maincontent a.linkbutton{ display: inline-block; }




#maincontent a.linkbutton .frontbumper{
	display: inline-block;
	float: left;
	background-image: url(/websites/20/uploads/image/templates/basics/linkbutton.left.gif);
	background-repeat: no-repeat;
	height: 27px;/* 33px */
	padding: 10px 0 0 18px;
	/*padding: 14px 0 0 18px;*/
	color: #f28b00;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 1.2em;/* 1.4em */
	
}
	#maincontent a.linkbutton:link .frontbumper, #maincontent a.linkbutton:visited .frontbumper{
		color: #f28b00;
		text-decoration: none !important;
		}
	#maincontent a.linkbutton:hover .frontbumper, #maincontent a.linkbutton:active .frontbumper{
		color: #fff !important;
		text-decoration: none !important;
		}

#maincontent a.linkbutton .backbumper{
	display: inline-block;
	float: left;
	height: 47px;
	width: 18px;
	background-image: url(/websites/20/uploads/image/templates/basics/linkbutton.right.gif);
	background-repeat: no-repeat;
}






#maincontent a.linkbuttonbig{ display: inline-block; }




#maincontent a.linkbuttonbig .frontbumper{
	display: inline-block;
	float: left;
	background-image: url(/websites/20/uploads/image/templates/basics/linkbuttonbig.left.gif);
	background-repeat: no-repeat;
	height: 76px;
	padding: 14px 0 0 18px;
	color: #f28b00;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 1.4em;
	
}
	#maincontent a.linkbuttonbig:link .frontbumper, #maincontent a.linkbuttonbig:visited .frontbumper{
		color: #f28b00;
		text-decoration: none !important;
		}
	#maincontent a.linkbuttonbig:hover .frontbumper, #maincontent a.linkbuttonbig:active .frontbumper{
		color: #fff !important;
		text-decoration: none !important;
		}

#maincontent a.linkbuttonbig .backbumper{
	display: inline-block;
	float: left;
	height: 90px;
	width: 18px;
	background-image: url(/websites/20/uploads/image/templates/basics/linkbuttonbig.right.gif);
	background-repeat: no-repeat;
}