Custom Styles appear in edit page tool bar in Sharepoint

To add custom styles to appear in the Styles dropdown in a tool bar while editing a page in Sharepoint add the following to the controls.css file that can be found under Style Library/en-us/Core Styles/controls.css in sharepoint designer

.ms-rteCustom-AnyName1, .AnyName1
{
font-weight: bold;
font-family: Arial;
font-size: 14pt;
color: #8C0000;
text-transform: capitalize;
}

.ms-rteCustom-AnyName2, .AnyName2
{
font-weight: bold;
font-family: Arial;
font-size: 14pt;
color: #8C0000;
text-transform: capitalize;
}