/**
* Headlines
*/
.typography h1, 
.typography h2, 
.typography h3, 
.typography h4, 
.typography h5, 
.typography h6 {
	font-size:				small;
	font-weight:			bold;
	margin-bottom:			10px;
}

.typography h2 {
	font-size:				medium;
}

.typography h3.bg {
	background:				url(../images/bg_h3.gif) repeat-y;
	color:					#fff;
	padding:				3px 5px 3px 25px;
}

.typography h3.margintop {
	margin-top:				10px;
}

.typography div.WidgetHolder h3 {
	padding:				5px 5px 5px 5px;
	background:				url(../images/bg_h3_widget.gif) repeat-y;
	color:					#fff;
	margin-bottom:			0px;
}

/**
* Paragraph
**/
.typography p {
	margin-bottom:			10px;
	line-height:			140%;
}

/**
* Links
*/
.typography a {
	text-decoration:		none;
	color:					#326767;
}

.typography a:hover {
	text-decoration:		underline;
}

.typography a img {
	border:					none;
}

/**
* Image alignment
*/
.typography img.right {
	float:				right;
	margin:				0px 0px 10px 10px;
}

.typography img.left {
	float:				left;
	margin:			0px 10px 10px 0px;
}

.typography img.leftAlone {
	display:			block;
	margin:				0px 0px 20px 0px;
}

.typography img.center {
	float:				none;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		20px;
	display:			block;
}

/**
* Other alignments used in the wysiwyg editor
*/
.typography .left {
	text-align:			left;
}
.typography .center {
	text-align:			center;
}
.typography .right {
	text-align:			right;
}
.typography .smaller {
	font-size:			smaller;
}

/**
* Lists
*/
.typography  ul, .typography ol {
	margin:				20px;
}

.typography ul li, .typography ol li {
	margin:				0px 10px;
}

.typography ul.withstyle {
	margin:				20px 8px;
	list-style-image:	url(../images/ul_list_style_image.gif);
}

.typography  ul.box {
	margin:				0px;
	margin-bottom:		20px;
	padding:			0px;
	list-style-type:	none;
	border:				1px solid #f68e36;
}

.typography ul.box li {
	margin:				10px;
}

.typography div.pagination a, .typography div.pagination span {
	display:				block;
	float:					left;
	padding:				5px;
	border:					1px solid #cecdcd;
	margin:					2px 2px;
}

.typography hr {
	display:				block;
	margin-bottom:			10px;
	clear:					both;
}