html{font-family: HPSimplified, Arial}

/*NOTE: fontH1 - font like h1, ...*/
h1, .fontH1, h2, .fontH2, h3, .fontH3, .fontH4{font-weight: bold}
h1, .fontH1{font-size:32px; line-height:32px}
h2, .fontH2{font-size:24px; line-height:30px}
h3, .fontH3{font-size:20px; line-height:24px}
.fontH4, .fontH5{font-size:18px; line-height:22px}
.fontH6{font-size: 16px; line-height:19px}
.fontH7{font-size: 14px; line-height:18px}

.emphraized{font-weight: bold}
.emphraized a, a.emphraized{font-size:14px; line-height:18px}
.description{color:#5a5a5a}
.meta, .disabled{color:#767676}
.error{color:#FF0000}

.meta a,a.meta{color:#767676}
.meta a:visited, a.meta:visited{color:#822980}

/*Right rail and secondary content*/
.typography_right_rail,
.typography_secondary{font-size: 14px; line-height:18px}
.typography_right_rail h3, h3.typography_right_rail,
.typography_right_rail .fontH3{font-size:18px; line-height:22px; color:#000}

/*Main content*/
.typography_main{font-size:16px; line-height:22px}
.typography_main h2, h2.typography_main,
.typography_main .fontH2{font-size:18px; line-height:22px; color:#000}

/*breadcrumbs*/
.breadcrumbs, .breadcrumbs a,
a.breadcrumbs{font-size: 12px; line-height:15px; color: #767676}
.breadcrumbs a:visited, a.breadcrumbs:visited{color:#822980}

/*footnote*/
.footnote{font-size: 12px; line-height:15px; color:#5a5a5a}
.footnote a:visited, a.footnote:visited{color:#822980}

/*Bulleted List*/
.bulleted_list{font-size: 16px; line-height: 22px;}
.bulleted_list ul, ul.bulleted_list{margin-bottom: 28px;}
.bulleted_list li{list-style: disc inside; margin-top: 8px;}