.bodymargin {
padding-top: 50px;
}

.rule {
background-image: url(images/rules/rule.jpg) ;
background-repeat: repeat-y ;
}

.infographic {
vertical-align: middle;
}

.border {
border: 1px solid #ffffff;
}

.h1_mauve {
color: #AA3774;
font-size: 16px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
text-align: left;
}

.h1_grey {
color: #888888;
font-size: 1.0em;;
font-family: Arial, Verdana, sans-serif;
font-style: italic;
text-align: left;
line-height: 1.3em;

}

.subhead {
color: #AA3774;
font-size: 16px;
font-family: Arial, Verdana, sans-serif;
line-height: 1.3em;
text-align: left;
}

TD, TH, .BOD, FONT {
color: #666666;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
line-height: 1.8em;
text-align: left;
}

.footer {
color: #cccccc;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
line-height: 1.3em;
text-align: left;
padding-top: 10px;
}

.menu_on {
color: #666666;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
line-height: 2.2em;
text-align: left;
}

a.text:link {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
background-color:#eeeeee;
padding: 2px;
}

a.text:visited {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
background-color:#eeeeee;
padding: 2px;
}

a.text:active {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
background-color:#eeeeee;
padding: 2px;
}

a.text:hover {
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #666666;
background-color:#eeeeee;
padding: 2px;
}

a.menu:link {
color: #AA3774;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.menu:visited {
color: #AA3774;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.menu:active {
color: #AA3774;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.menu:hover {
color: #000000;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #AA3774;
line-height: 2.2em;
}


a.menusub:link {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 1.8em;
}

a.menusub:visited {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 1.8em;
}

a.menusub:active {
color: #AA3774;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 1.8em;
}

a.menusub:hover {
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #AA3774;
line-height: 1.8em;
}

a.footerlink:link {
color: #666666;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.footerlink:visited {
color: #666666;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.footerlink:active {
color: #666666;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
line-height: 2.2em;
}

a.footerlink:hover {
color: #000000;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #666666;
line-height: 2.2em;
}