
/****** COMPONENT STYLES ******/

div.component {
	font-size: 90% !important;
}

div.component ul {
}

div.component h1, div.component h2, div.component h3, div.component h4, div.component h5, div.component h6 {
	margin: 0 !important;	
}
	
div.component h1 {
	font-size: 145% !important;
	color: #666633 !important;
	font-weight: normal !important;
}
	
div.component h2 {
	font-size: 120% !important;
	color: #666633 !important;
	font-weight: normal !important;
}

div.component h3 {
	font-size: 110% !important;
	color: #666633 !important;
}
	
div.callout h3 {
	padding-top: 10px;
	font-size: 80% !important;
	color: #666 !important;
	line-height: 1em;
}

div.component h4 {
	font-size: 100% !important;
	color: black !important;
	margin-bottom: 5px !important;
	font-weight: normal;
}

div.component div.callout h4 {
	font-size: 100% !important;
}

div.component h5 {
	font-size: 75% !important;
	color: #666633 !important;
}

div.component h6 {
	font-size: 75% !important;
	font-weight: normal;
	color: #666;
}

div.component p {
	margin-top: 5px !important;
}	

/* Need a button for this one */
div.component span.highlight {
	background-color: yellow;
}


/****** CALLOUT STYLES ******/

div.callout {
	font-size: 75% !important;
}

div.callout .complist {
	font-size: 100% !important;
}

div.callout .thumbwrap h6 {
	font-size: 100% !important;
}

div.callout p {
	margin: 8px 0 !important;
	line-height: 1.3em !important;
	color: #666 !important;
	padding: 0 !important;
}

div.callout table {
	clear: right;
}

